@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&display=swap";:where(html){--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:max(.75rem,min(2vw,1rem));--font-size-fluid-1:max(1rem,min(4vw,1.5rem));--font-size-fluid-2:max(1.5rem,min(6vw,2.5rem));--font-size-fluid-3:max(2rem,min(9vw,3.5rem));--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:max(.5rem,min(1vw,1rem));--size-fluid-2:max(1rem,min(2vw,1.5rem));--size-fluid-3:max(1.5rem,min(3vw,2rem));--size-fluid-4:max(2rem,min(4vw,3rem));--size-fluid-5:max(4rem,min(5vw,5rem));--size-fluid-6:max(5rem,min(7vw,7.5rem));--size-fluid-7:max(7.5rem,min(10vw,10rem));--size-fluid-8:max(10rem,min(20vw,15rem));--size-fluid-9:max(15rem,min(30vw,20rem));--size-fluid-10:max(20rem,min(40vw,30rem));--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-space: ;--gradient-1:linear-gradient(to bottom right var(--gradient-space),#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right var(--gradient-space),#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right var(--gradient-space),#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right var(--gradient-space),#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110% var(--gradient-space),#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left var(--gradient-space),#000,#fff);--gradient-7:linear-gradient(to bottom right var(--gradient-space),#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0% var(--gradient-space),#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center var(--gradient-space),#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25% var(--gradient-space),gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left var(--gradient-space),#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10% var(--gradient-space),#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200% var(--gradient-space),#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right var(--gradient-space),lime,cyan);--gradient-15:linear-gradient(to bottom right var(--gradient-space),#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250% var(--gradient-space),#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25% var(--gradient-space),blue,#8a2be2);--gradient-18:linear-gradient(0deg var(--gradient-space),rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg var(--gradient-space),rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg var(--gradient-space),rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg var(--gradient-space),rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg var(--gradient-space),rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg var(--gradient-space),rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right var(--gradient-space),#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center var(--gradient-space),orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115% var(--gradient-space),red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right var(--gradient-space),#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right var(--gradient-space),#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0% var(--gradient-space),#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50% var(--gradient-space),#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right var(--gradient-space),#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left var(--gradient-space),#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105% var(--gradient-space),#fff,orchid);--gradient-29:radial-gradient(circle at top right var(--gradient-space),#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right var(--gradient-space),#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left var(--gradient-space),#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-6))}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bg-food.png);opacity:.3;animation:floatBackground 20s linear infinite}.add-recipe-container{max-width:800px;margin:var(--space-lg) auto;padding:var(--space-lg);background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.add-recipe-container:focus-within{box-shadow:var(--shadow-4)}.add-recipe-title{font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--text-1);margin-bottom:var(--space-lg);text-align:center;padding-bottom:var(--space-md);position:relative}.add-recipe-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--surface-1);background-image:var(--gradient-primary);border-radius:var(--radius-pill)}.add-recipe-form{display:flex;flex-direction:column;gap:var(--space-md)}.add-recipe-input,.add-recipe-textarea{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--surface-3);border-radius:var(--radius-md);font-size:var(--font-size-1);background-color:var(--surface-1);color:var(--text-1);transition:all var(--transition-fast)}.add-recipe-input:focus,.add-recipe-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ecc6226;outline:none}.add-recipe-textarea{min-height:120px;resize:vertical;line-height:1.6}.recipe-meta-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-sm)}.input-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-xs)}.input-label{font-size:var(--font-size-1);font-weight:var(--font-weight-5);color:var(--text-2);margin-bottom:var(--space-xxs)}.addingredients-section{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.ingredients-title{font-size:var(--font-size-3);color:var(--text-1);margin-bottom:var(--space-md);font-weight:var(--font-weight-6);display:flex;align-items:center;gap:var(--space-xs)}.ingredients-title i{color:var(--primary-color)}.ingredient-add-title{font-size:var(--font-size-2);color:var(--text-1);margin-bottom:var(--space-sm);font-weight:var(--font-weight-6);border-bottom:1px solid var(--surface-3);padding-bottom:var(--space-xs)}.ingredient-list{margin-bottom:var(--space-md);max-height:300px;overflow-y:auto;padding-right:var(--space-xs)}.ingredient-list::-webkit-scrollbar{width:6px}.ingredient-list::-webkit-scrollbar-track{background-color:var(--surface-1);border-radius:var(--radius-pill)}.ingredient-list::-webkit-scrollbar-thumb{background-color:var(--surface-4);border-radius:var(--radius-pill)}.ingredient-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-md);margin-bottom:var(--space-xs);box-shadow:var(--shadow-1);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--surface-3)}.ingredient-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.ingredient-info{display:flex;flex-direction:column;gap:var(--space-xxs)}.ingredient-quantity{color:var(--text-2);font-size:var(--font-size-0)}.remove-item-button{padding:var(--space-xs) var(--space-sm);background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.remove-item-button:hover{background-color:var(--accent-color-dark);transform:scale(1.05)}.remove-item-button:active{transform:scale(.98)}.ingredient-controls{background-color:var(--surface-1);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--surface-3);box-shadow:var(--shadow-1)}.ingredient-selection{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md);align-items:flex-end}.add-item-button{padding:var(--space-sm) var(--space-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-5);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);height:42px;grid-column:span 2}.add-item-button:hover{background-color:var(--primary-color-light);transform:translateY(-2px);box-shadow:var(--shadow-2)}.add-item-button:active{transform:translateY(0)}.submit-button{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-sm);background-image:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-2);font-weight:var(--font-weight-6);cursor:pointer;transition:all var(--transition-fast);align-self:center;box-shadow:var(--shadow-2);display:flex;align-items:center;gap:var(--space-sm)}.submit-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.submit-button:active{transform:translateY(-1px)}.submit-button:disabled{background:linear-gradient(90deg,#ccc,#ddd);cursor:not-allowed;box-shadow:none;transform:none}.error-message{color:var(--accent-color);background-color:#ff6b6b1a;padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-sm);border-left:3px solid var(--accent-color);display:flex;align-items:center;gap:var(--space-sm)}.success-message{color:var(--primary-color);background-color:#5ecc621a;padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-sm);border-left:3px solid var(--primary-color);display:flex;align-items:center;gap:var(--space-sm)}.empty-ingredient-list{padding:var(--space-md);text-align:center;color:var(--text-2);background-color:var(--surface-1);border-radius:var(--radius-md);border:2px dashed var(--surface-3)}.loading-indicator{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@media (max-width: 768px){.add-recipe-container{margin:var(--space-sm);padding:var(--space-md);width:95%}.add-recipe-title{font-size:var(--font-size-3);margin-bottom:var(--space-md)}.recipe-meta-inputs{grid-template-columns:1fr;gap:var(--space-sm)}.addingredients-section{padding:var(--space-sm)}.ingredient-selection{grid-template-columns:1fr}.add-item-button{grid-column:1}.ingredient-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.remove-item-button{width:100%;justify-content:center}.submit-button{width:100%;padding:var(--space-sm) var(--space-md)}.error-message,.success-message{padding:var(--space-sm);font-size:var(--font-size-0)}}@media (max-width: 480px){.add-recipe-container{margin:var(--space-xs);padding:var(--space-sm);width:100%}.add-recipe-title{font-size:var(--font-size-2);margin-bottom:var(--space-sm)}.add-recipe-input,.add-recipe-textarea{padding:var(--space-sm);font-size:var(--font-size-0)}.ingredient-controls{padding:var(--space-sm)}.ingredient-list{max-height:200px}.ingredient-item{padding:var(--space-sm)}.ingredient-name{font-size:var(--font-size-0)}.ingredient-quantity{font-size:var(--font-size--1)}.add-item-button{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-0)}.submit-button{font-size:var(--font-size-1);padding:var(--space-sm)}}@media (max-width: 320px){.add-recipe-container{padding:var(--space-xs)}.add-recipe-title{font-size:var(--font-size-1)}.ingredient-controls,.ingredient-item{padding:var(--space-xs)}}.orders-page{min-height:100vh;background-color:var(--surface-2);padding:var(--space-lg) 0}.orders-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);padding:var(--space-xl) 0;margin-bottom:var(--space-xl);color:#fff;position:relative;overflow:hidden;border-radius:var(--radius-lg);margin:0 var(--space-md) var(--space-xl)}.orders-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.orders-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.orders-hero-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.orders-hero-title{font-size:var(--font-size-5);font-weight:var(--font-weight-7);display:flex;align-items:center;gap:var(--space-sm);color:#fff}.orders-hero-title i{font-size:var(--font-size-4);color:#ffffffe6}.orders-hero-description{font-size:var(--font-size-2);color:#ffffffe6;max-width:600px;margin:0 auto}@media (max-width: 768px){.orders-hero{padding:var(--space-lg) 0}.orders-hero-title{font-size:var(--font-size-4)}.orders-hero-description{font-size:var(--font-size-1);padding:0 var(--space-md)}}@media (max-width: 480px){.orders-hero{padding:var(--space-md) 0}.orders-hero-title{font-size:var(--font-size-3)}}.page-header{background-color:var(--surface-1);padding:var(--space-xl) 0;margin-bottom:var(--space-lg);box-shadow:var(--shadow-2)}.page-title{font-size:var(--font-size-4);font-weight:var(--font-weight-7);color:var(--text-1);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.page-title i{color:var(--primary-color)}.page-description{color:var(--text-2);font-size:var(--font-size-1)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.loading-state{text-align:center;padding:var(--space-xl);color:var(--text-2);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.loading-state i{font-size:var(--font-size-4);color:var(--primary-color);animation:spinner 1s linear infinite}.error-state{text-align:center;padding:var(--space-xl);color:var(--accent-color);background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.error-state i{font-size:var(--font-size-4);margin-bottom:var(--space-md);color:var(--accent-color)}.error-state h2{font-size:var(--font-size-3);font-weight:var(--font-weight-6);margin-bottom:var(--space-md);color:var(--text-1)}.empty-orders{padding:var(--space-xl) 0}.empty-state{text-align:center;background-color:var(--surface-1);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.empty-icon{font-size:var(--font-size-6);color:var(--text-3);margin-bottom:var(--space-lg)}.empty-state h2{font-size:var(--font-size-3);font-weight:var(--font-weight-6);color:var(--text-1);margin-bottom:var(--space-md)}.orders-list{display:flex;flex-direction:column;gap:var(--space-md)}.order-card{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.order-header{padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color var(--transition-fast)}.order-header:hover{background-color:var(--surface-2)}.order-info{flex:1}.order-id{font-size:var(--font-size-2);font-weight:var(--font-weight-6);color:var(--text-1);margin-bottom:var(--space-xs)}.order-date{color:var(--text-2);font-size:var(--font-size-0);display:flex;align-items:center;gap:var(--space-xs)}.order-date i{color:var(--primary-color)}.order-status-price{text-align:right;margin-right:var(--space-md)}.order-status{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-0);font-weight:var(--font-weight-5);margin-bottom:var(--space-xs)}.status-pending{background-color:#ffc1071a;color:#856404}.status-processing{background-color:#007bff1a;color:#004085}.status-completed{background-color:#28a7451a;color:#155724}.status-cancelled{background-color:#dc35451a;color:#721c24}.order-price{font-size:var(--font-size-2);font-weight:var(--font-weight-6);color:var(--text-1)}.toggle-details{background:none;border:none;color:var(--text-2);cursor:pointer;padding:var(--space-xs);transition:all var(--transition-fast)}.toggle-details:hover{color:var(--primary-color);transform:scale(1.1)}.order-details{padding:var(--space-lg);border-top:1px solid var(--surface-3);background-color:var(--surface-2)}.details-title{color:var(--text-1);margin-bottom:var(--space-md);font-size:var(--font-size-1);font-weight:var(--font-weight-6)}.order-items{list-style:none;padding:0;margin:0}.order-item{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--surface-3)}.order-item:last-child{border-bottom:none}.item-name{flex:1;color:var(--text-1);font-weight:var(--font-weight-5)}.item-quantity{color:var(--text-2);margin:0 var(--space-md);font-size:var(--font-size-0)}.item-price{font-weight:var(--font-weight-6);color:var(--text-1)}@media (max-width: 768px){.orders-page{padding:var(--space-md) 0}.page-header{padding:var(--space-lg) 0}.page-title{font-size:var(--font-size-3)}.order-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.order-status-price{text-align:left;margin-right:0;width:100%}}@media (max-width: 480px){.container{padding:0 var(--space-sm)}.order-card{border-radius:var(--radius-md)}.order-header,.order-details{padding:var(--space-md)}.order-item{flex-direction:column;gap:var(--space-xs)}.item-quantity{margin:0}}.saved-recipes-container{max-width:1200px;margin:var(--space-lg) auto;padding:var(--space-lg);background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.saved-recipes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--surface-3)}.saved-recipes-title{font-size:var(--font-size-4);font-weight:var(--font-weight-6);color:var(--text-1);margin:0;display:flex;align-items:center;gap:var(--space-xs)}.saved-recipes-title i{color:var(--primary-color)}.saved-recipes-actions{display:flex;gap:var(--space-sm)}.saved-recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.saved-recipe-card{background-color:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-2);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;position:relative;padding:var(--space-md)}.saved-recipe-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-3)}.saved-recipe-content{flex:1;display:flex;flex-direction:column}.saved-recipe-title{font-size:var(--font-size-2);font-weight:var(--font-weight-6);margin-bottom:var(--space-sm);color:var(--text-1)}.saved-recipe-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);color:var(--text-2);font-size:var(--font-size-0)}.saved-recipe-meta span{display:flex;align-items:center;gap:var(--space-xxs)}.saved-recipe-meta i{color:var(--primary-color)}.saved-recipe-description{margin-bottom:var(--space-md);color:var(--text-2);font-size:var(--font-size-1);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.saved-recipe-actions{margin-top:auto;display:flex;justify-content:space-between;gap:var(--space-sm)}.saved-recipe-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-0);font-weight:var(--font-weight-5);display:flex;align-items:center;gap:var(--space-xxs);transition:all var(--transition-fast)}.saved-recipe-btn.primary{background-color:var(--primary-color);color:#fff;border:none}.saved-recipe-btn.primary:hover{background-color:var(--primary-color-light);transform:translateY(-2px)}.saved-recipe-btn.secondary{background-color:var(--surface-2);color:var(--text-1);border:none}.saved-recipe-btn.secondary:hover{background-color:var(--surface-3);transform:translateY(-2px)}.saved-recipe-btn.danger{background-color:var(--accent-color);color:#fff;border:none}.saved-recipe-btn.danger:hover{background-color:var(--accent-color-light);transform:translateY(-2px)}.recipe-selection{margin-bottom:var(--space-md);padding:var(--space-sm);background-color:var(--surface-2);border-radius:var(--radius-md);font-size:var(--font-size--1)}.recipe-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.recipe-selection-title{font-size:var(--font-size-1);font-weight:var(--font-weight-6);color:var(--text-1);margin:0;display:flex;align-items:center;gap:var(--space-xs)}.recipe-selection-actions{display:flex;gap:var(--space-xs)}.selected-recipes-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.selected-recipe-pill{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-xs);background-color:var(--surface-1);border-radius:var(--radius-full);font-size:var(--font-size--1);transition:all var(--transition-fast)}.selected-recipe-pill:hover{background-color:var(--primary-color-light);color:#fff}.selected-recipe-pill i{font-size:var(--font-size--1)}.shopping-list-generator{padding:var(--space-md);background-color:var(--surface-1);border-radius:var(--radius-md);box-shadow:var(--shadow-1);margin-bottom:var(--space-lg);text-align:center}.shopping-list-generator-title{font-size:var(--font-size-2);font-weight:var(--font-weight-6);color:var(--text-1);margin-bottom:var(--space-sm)}.shopping-list-generator-description{color:var(--text-2);margin-bottom:var(--space-md);max-width:600px;margin-left:auto;margin-right:auto;font-size:var(--font-size-0)}.generate-list-btn{padding:var(--space-xs) var(--space-lg);background-image:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-1);font-weight:var(--font-weight-6);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-2)}.generate-list-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.generate-list-btn:disabled{background:linear-gradient(90deg,#ccc,#ddd);cursor:not-allowed;transform:none;box-shadow:none}.empty-saved-recipes{text-align:center;padding:var(--space-xl) var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-lg)}.empty-saved-recipes h3{font-size:var(--font-size-3);margin-bottom:var(--space-md);color:var(--text-1)}.empty-saved-recipes p{color:var(--text-2);margin-bottom:var(--space-lg)}@media (max-width: 768px){.saved-recipes-container{padding:var(--space-md);width:95%}.saved-recipes-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.saved-recipes-title{font-size:var(--font-size-3)}.saved-recipes-actions{width:100%;justify-content:space-between}.saved-recipes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.saved-recipe-card{padding:var(--space-sm)}.saved-recipe-title{font-size:var(--font-size-1)}.saved-recipe-meta{flex-wrap:wrap;gap:var(--space-sm)}.saved-recipe-description{font-size:var(--font-size-0);-webkit-line-clamp:2}.recipe-selection-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.selected-recipes-list{flex-direction:column;gap:var(--space-xs)}.selected-recipe-pill{width:100%;justify-content:space-between}.shopping-list-generator{padding:var(--space-sm)}.shopping-list-generator-title{font-size:var(--font-size-1)}.generate-list-btn{width:100%;padding:var(--space-sm)}}@media (max-width: 480px){.saved-recipes-container{padding:var(--space-sm);width:100%}.saved-recipes-grid{grid-template-columns:1fr;gap:var(--space-md)}.saved-recipe-card{padding:var(--space-xs)}.saved-recipe-actions{flex-direction:column;gap:var(--space-xs)}.saved-recipe-btn{width:100%;justify-content:center;padding:var(--space-xs);font-size:var(--font-size--1)}.saved-recipe-ingredients{padding:var(--space-xs)}.selected-ingredients-list{max-height:100px}.ingredient-item{font-size:var(--font-size--1)}.ingredient-quantity{min-width:50px}.empty-saved-recipes{padding:var(--space-md) var(--space-sm)}.empty-icon{font-size:2rem}.empty-saved-recipes h3{font-size:var(--font-size-2)}}@media (max-width: 320px){.saved-recipes-container{padding:var(--space-xs)}.saved-recipes-title{font-size:var(--font-size-2)}.saved-recipe-card{padding:var(--space-xs)}.saved-recipe-meta{font-size:var(--font-size--1)}.selected-ingredients-list{max-height:80px}}.saved-recipe-ingredients{margin-bottom:var(--space-md);max-height:150px;overflow-y:auto;padding-right:var(--space-xs);border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-2)}.saved-recipe-ingredients h4{position:sticky;top:0;background-color:var(--surface-2);padding:var(--space-xs);margin:0;border-bottom:1px solid var(--surface-3);font-size:var(--font-size-0);color:var(--text-1)}.saved-recipe-ingredients-list{list-style:none;padding:var(--space-xs);margin:0}.saved-recipe-ingredient-item{display:flex;gap:var(--space-xs);padding:var(--space-xxs) 0;border-bottom:1px solid var(--surface-3);font-size:1rem}.saved-recipe-ingredient-item:last-child{border-bottom:none}.saved-recipe-ingredient-quantity{font-weight:var(--font-weight-5);color:var(--primary-color);min-width:60px;font-size:.8rem}.saved-recipe-ingredient-name{color:var(--text-2);font-size:.8rem}.saved-recipe-ingredients::-webkit-scrollbar{width:6px}.saved-recipe-ingredients::-webkit-scrollbar-track{background:var(--surface-3);border-radius:var(--radius-full)}.saved-recipe-ingredients::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}.saved-recipe-ingredients::-webkit-scrollbar-thumb:hover{background:var(--primary-color-light)}main{min-height:calc(100vh - 200px)}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--white)}.loader{width:48px;height:48px;border:5px solid var(--light-gray);border-bottom-color:var(--primary-color);border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite;margin-bottom:1.5rem}.loader-container h2{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary-color)}.loader-container p{color:var(--dark-gray)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-in}.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{position:fixed;bottom:20px;right:8rem;background-color:var(--surface-1);color:var(--text-color);padding:1rem;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;z-index:1000;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards}.toast.success{border-left:4px solid var(--primary-color)}.toast.error{border-left:4px solid var(--accent-color)}.toast-icon{font-size:1.5rem}.toast.success .toast-icon{color:var(--primary-color)}.toast.error .toast-icon{color:var(--accent-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--surface-2)}.auth-container{width:100%;max-width:1000px;display:flex;background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden;min-height:600px}.auth-content{flex:1;padding:var(--space-xl);display:flex;flex-direction:column}.auth-image{flex:1;background-image:url(/assets/auth-image.jpg);background-size:cover;background-position:center;position:relative}.auth-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,var(--primary-color-dark),transparent);opacity:.3}.auth-title{font-size:var(--font-size-5);margin-bottom:var(--space-sm);color:var(--text-1)}.auth-subtitle{font-size:var(--font-size-1);color:var(--text-2);margin-bottom:var(--space-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.forgot-password-link{align-self:flex-end;font-size:var(--font-size-0);margin-top:var(--space-xs);color:var(--primary-color)}.forgot-password-link:hover{text-decoration:underline}.auth-submit-btn{margin-top:var(--space-md);padding:var(--space-md);font-size:var(--font-size-2);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.button-loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.auth-error{background-color:#ff6b6b1a;border-left:3px solid var(--accent-color);color:var(--accent-color);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.auth-footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--surface-3);text-align:center}.auth-footer p{color:var(--text-2);margin-bottom:var(--space-xs)}.register-options{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.register-option{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff!important;font-weight:600;font-size:1rem;border-radius:1.5rem;box-shadow:0 2px 8px #22c55e14;text-decoration:none;transition:background .2s,box-shadow .2s,transform .1s;margin-top:1rem;border:none;cursor:pointer;letter-spacing:.01em;gap:.5rem}.register-option:hover,.register-option:focus{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 4px 16px #22c55e26;transform:translateY(-2px) scale(1.03);color:#fff!important;outline:none}.register-option:active{transform:scale(.98)}.login-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--primary-color);font-weight:var(--font-weight-5);margin-top:var(--space-sm)}.login-link:hover{text-decoration:underline}.toggle-registration{margin-top:var(--space-md);font-size:var(--font-size-0)}.toggle-registration a{color:var(--primary-color);font-weight:var(--font-weight-5)}.toggle-registration a:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.vendor-fields{margin-top:var(--space-lg);border-top:1px solid var(--surface-3);padding-top:var(--space-md)}.vendor-fields h3{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-3);color:var(--text-1)}.success-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg) 0}.success-message i{font-size:3rem;color:var(--primary-color);margin-bottom:var(--space-md)}.success-message h2{margin-top:0;margin-bottom:var(--space-sm);color:var(--text-1)}.success-message p{color:var(--text-2);margin-bottom:var(--space-sm)}.success-message .instructions{font-size:var(--font-size-0);margin-top:var(--space-sm);padding:var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-md);max-width:80%}.forgot-password-container .auth-content{flex:1;max-width:500px;margin:0 auto}.account-dropdown{position:relative;display:inline-block}.account-btn{background-color:var(--surface-1);color:var(--primary-color);border:2px solid var(--primary-color);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-6);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-fast)}.account-btn:hover{background-color:var(--primary-color);color:#fff}.dropdown-content{display:none;position:absolute;right:0;min-width:180px;background-color:var(--surface-1);box-shadow:var(--shadow-3);border-radius:var(--radius-md);z-index:999;overflow:hidden}.account-dropdown:hover .dropdown-content{display:block}.dropdown-content a{color:var(--text-1);padding:var(--space-sm) var(--space-md);text-decoration:none;display:block;transition:background-color var(--transition-fast)}.dropdown-content a:hover{background-color:var(--surface-2);color:var(--primary-color)}.logout-btn{width:100%;text-align:left;background:none;border:none;color:var(--accent-color);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-1);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:background-color var(--transition-fast)}.logout-btn:hover{background-color:#ff6b6b1a}.login-btn{background-color:var(--primary-color);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-6);display:flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast)}.login-btn:hover{background-color:var(--primary-color-light);transform:translateY(-2px);box-shadow:var(--shadow-2)}.login-btn-mobile,.logout-btn-mobile{width:100%;text-align:left;padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}@media (max-width: 992px){.auth-container{flex-direction:column;max-width:600px}.auth-image{display:none}.auth-content{padding:var(--space-lg)}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.auth-title{font-size:var(--font-size-4)}.account-btn{display:none}.register-options{flex-direction:column}}@media (max-width: 480px){.auth-page{padding:var(--space-xs)}.auth-content{padding:var(--space-md)}.account-btn{display:none}.auth-title{font-size:var(--font-size-3)}.auth-form{gap:var(--space-sm)}}.profile-page{min-height:100vh;background-color:var(--surface-2)}.profile-page>.container{padding-top:4rem}.profile-content{display:flex;gap:var(--space-xl);margin-top:-50px;margin-bottom:var(--space-xl)}.profile-sidebar{flex:1;max-width:300px;background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);align-self:flex-start;position:sticky;top:var(--space-xl)}.profile-avatar{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--space-lg);border-bottom:1px solid var(--surface-3)}.avatar-circle{width:80px;height:80px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-5);margin-bottom:var(--space-md)}.profile-avatar h3{margin:0;font-size:var(--font-size-2);font-weight:var(--font-weight-6)}.profile-avatar p{margin:var(--space-xs) 0 0;color:var(--text-2);font-size:var(--font-size-0);text-transform:capitalize}.profile-tabs{display:flex;flex-direction:column;gap:var(--space-xs)}.profile-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:none;border:none;text-align:left;color:var(--text-1);transition:all var(--transition-fast);cursor:pointer}.profile-tab i{color:var(--text-2);width:20px;text-align:center}.profile-tab:hover{background-color:var(--surface-2)}.profile-tab.active{background-color:var(--primary-color);color:#fff}.profile-tab.active i{color:#fff}.profile-logout{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--surface-3)}.profile-logout button{width:100%}.profile-main{flex:3;background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--space-xl);min-height:600px}.profile-error,.profile-success{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.profile-error{background-color:#ff6b6b1a;border-left:3px solid var(--accent-color);color:var(--accent-color)}.profile-success{background-color:#5ecc621a;border-left:3px solid var(--primary-color);color:var(--primary-color)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.tab-header h2{margin:0;font-size:var(--font-size-4)}.profile-info{display:grid;gap:var(--space-lg)}.info-group h3{margin:0 0 var(--space-xs);font-size:var(--font-size-1);color:var(--text-2)}.info-group p{margin:0;font-size:var(--font-size-2);color:var(--text-1)}.profile-form{display:grid;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-weight:var(--font-weight-5);color:var(--text-2)}.form-group input,.form-group textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-1);font-size:var(--font-size-1);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #5ecc6233}.password-requirements{color:var(--text-3);margin-top:var(--space-xxs)}.form-actions{margin-top:var(--space-md)}.security-section{margin-bottom:var(--space-xl)}.security-section h3{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-3)}.security-section.danger-zone{background-color:#ff6b6b0d;border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid rgba(255,107,107,.2)}.btn-danger{background-color:var(--accent-color);color:#fff}.btn-danger:hover{background-color:var(--accent-color-dark)}.orders-list{display:flex;flex-direction:column;gap:var(--space-lg)}.order-card{background-color:var(--surface-2);border-radius:var(--radius-md);overflow:hidden}.order-header{padding:var(--space-md);display:flex;justify-content:space-between;border-bottom:1px solid var(--surface-3)}.order-header h3{margin:0;font-size:var(--font-size-2)}.order-header p{margin:var(--space-xxs) 0 0;color:var(--text-2);font-size:var(--font-size-0)}.order-status{display:inline-block;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-0);margin-bottom:var(--space-xs)}.status-delivered{background-color:var(--primary-color);color:#fff}.status-processing{background-color:#f0ad4e;color:#fff}.status-cancelled{background-color:var(--accent-color);color:#fff}.order-price{font-weight:var(--font-weight-6);margin:0;text-align:right}.order-items{padding:var(--space-md)}.order-items h4{margin-top:0;margin-bottom:var(--space-sm);font-size:var(--font-size-1);color:var(--text-2)}.order-items ul{list-style:none;padding:0;margin:0}.order-items li{display:flex;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--surface-3)}.order-items li:last-child{border-bottom:none}.order-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--surface-3);background-color:var(--surface-1)}.saved-recipes-shortcut{text-align:center;padding:var(--space-xl) 0}.saved-recipes-shortcut p{margin-bottom:var(--space-md)}.preferences-section{margin-bottom:var(--space-xl)}.preferences-section h3{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-3)}.checkbox-group,.radio-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-label input,.radio-label input{margin:0}.toggle-group{display:flex;flex-direction:column;gap:var(--space-md)}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-md)}.toggle-item h4{margin:0 0 var(--space-xxs);font-size:var(--font-size-2)}.toggle-item p{margin:0;color:var(--text-2);font-size:var(--font-size-0)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface-3);transition:var(--transition-fast);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition-fast);border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(26px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) 0;text-align:center}.empty-state i{font-size:3rem;color:var(--text-3);margin-bottom:var(--space-md)}.empty-state h3{margin:0 0 var(--space-sm);font-size:var(--font-size-3)}.empty-state p{margin:0 0 var(--space-lg);color:var(--text-2);max-width:400px}.button-loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.profile-content{flex-direction:column}.profile-sidebar{max-width:100%;position:static}.checkbox-group,.radio-group{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.profile-sidebar,.profile-main{padding:var(--space-md)}.tab-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.order-header{flex-direction:column;gap:var(--space-sm)}.order-actions{flex-direction:column}.order-actions button{width:100%}}@media (max-width: 480px){.profile-page{padding:var(--space-xs)}.checkbox-group,.radio-group{grid-template-columns:1fr}.toggle-item{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.toggle-switch{align-self:flex-end}}.admin-dashboard{display:flex;flex-grow:1}.admin-sidebar{width:240px;background-color:var(--surface-1);padding:var(--space-lg) var(--space-md);box-shadow:var(--shadow-2);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:var(--z-header);transition:transform var(--transition-normal);flex-shrink:0}.admin-sidebar-logo{font-family:var(--font-headings);font-size:var(--font-size-4);font-weight:var(--font-weight-8);margin-bottom:var(--space-xl);text-align:center;padding:var(--space-xs) 0}.admin-nav{display:flex;flex-direction:column;gap:var(--space-xs);flex-grow:1}.admin-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-1);font-weight:var(--font-weight-5);transition:all var(--transition-fast);font-size:var(--font-size-1)}.admin-nav-link i{width:20px;text-align:center;font-size:var(--font-size-2);color:var(--text-2);transition:color var(--transition-fast)}.admin-nav-link:hover{background-color:var(--surface-2);color:var(--primary-color)}.admin-nav-link:hover i{color:var(--primary-color)}.admin-nav-link.active{background-color:var(--primary-color);color:#fff;font-weight:var(--font-weight-6)}.admin-nav-link.active i{color:#fff}.admin-main-content{flex:1;margin-left:240px;padding:var(--space-lg);transition:margin-left var(--transition-normal);background-color:var(--surface-2);min-height:100vh}.admin-table-container{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow-x:auto;padding:var(--space-md);margin-top:var(--space-md)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--surface-3);vertical-align:middle;white-space:nowrap}.admin-table th{font-weight:var(--font-weight-6);color:var(--text-2);font-size:var(--font-size-0);text-transform:uppercase;letter-spacing:.5px;background-color:var(--surface-2);position:sticky;top:0;z-index:1}.admin-table tbody tr:hover{background-color:#5ecc620d}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);z-index:var(--z-overlay);box-shadow:var(--shadow-3)}.admin-sidebar.open{transform:translate(0)}.admin-main-content{margin-left:0;padding:var(--space-md)}.mobile-menu-toggle{display:block;position:fixed;top:var(--space-md);left:var(--space-md);z-index:var(--z-header);background-color:var(--primary-color);color:#fff;border:none;font-size:var(--font-size-3);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-2)}}.vendor-layout-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--surface-2)}.vendor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background-color:var(--surface-1);border-bottom:1px solid var(--surface-3);position:sticky;top:0;z-index:var(--z-header)}.sidebar{width:220px;background-color:var(--surface-3);padding:var(--space-lg) var(--space-md);color:var(--text-1);transition:transform var(--transition-normal);height:100vh;position:sticky;top:0;flex-shrink:0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{margin-bottom:var(--space-sm)}.sidebar ul li a{color:var(--text-1);text-decoration:none;font-weight:var(--font-weight-5);transition:color var(--transition-fast)}.sidebar ul li a:hover{color:var(--primary-color)}.vendor-main-content{flex:1;padding:var(--space-lg);background-color:var(--surface-2);min-height:100vh;color:var(--text-1)}.vendor-footer{text-align:center;padding:var(--space-md);background-color:var(--surface-1);border-top:1px solid var(--surface-3);color:var(--text-2);margin-left:240px;transition:margin-left var(--transition-normal)}@media (max-width: 768px){.vendor-footer{margin-left:0}}.vendor-store-container{background-color:var(--surface-1);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);max-width:960px;margin:0 auto}.vendor-store-container h1{font-size:var(--font-size-4);font-weight:var(--font-weight-7);margin-bottom:var(--space-md);text-align:center}.tabs{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.tab-button{padding:10px 20px;font-size:.95rem;border:none;border-bottom:3px solid transparent;background-color:transparent;color:var(--text-2);font-weight:var(--font-weight-5);cursor:pointer;transition:all .3s ease;outline:none;position:relative}.tab-button:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:#00000005}.tab-button.active{color:var(--primary-color);border-bottom:3px solid var(--primary-color);font-weight:var(--font-weight-7);background-color:transparent}.store-details{border-radius:var(--radius-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-1)}.store-details h2{margin-bottom:var(--space-sm);font-size:var(--font-size-3)}.store-details p{margin-bottom:var(--space-xs)}.toggle-form-btn{background-color:var(--primary-color);color:#fff;border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-1);margin-bottom:var(--space-md);cursor:pointer;transition:background-color var(--transition-fast)}.toggle-form-btn:hover{background-color:var(--primary-color-hover)}.create-form{background-color:var(--surface-2);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:var(--space-sm)}.create-form input,.create-form select{padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--surface-3);font-size:var(--font-size-1);background-color:#fff;color:var(--text-1)}.create-form button{background-color:var(--primary-color);color:#fff;padding:var(--space-sm);font-size:var(--font-size-1);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.create-form button:hover{background-color:var(--primary-color-hover)}@media (max-width: 768px){.sidebar{transform:translate(-100%);position:fixed;z-index:var(--z-overlay)}.sidebar.open{transform:translate(0)}.mobile-menu-toggle{display:block;position:fixed;top:var(--space-md);left:var(--space-md);background-color:var(--primary-color);color:#fff;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;z-index:var(--z-header);box-shadow:var(--shadow-2)}.vendor-main-content{margin-left:0;padding:var(--space-md)}}.add-inventory-page{padding:2rem}.add-inventory-page h1{margin-bottom:2rem;text-align:center}.admin-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}.admin-table th{background-color:#f5f5f5;font-weight:700}.admin-table input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.admin-table input:focus{outline:none;border-color:#007bff}.admin-table button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.admin-table button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:red;margin-bottom:1rem;text-align:center;padding:.5rem;background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:4px}.button-group{display:flex;justify-content:center;margin-top:2rem}.back-button{padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.back-button:hover{background-color:#5a6268}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--surface-2) 60%,var(--surface-3) 100%)}.login-page h1{font-size:var(--font-size-6);font-weight:var(--font-weight-7);color:var(--text-1);margin-bottom:var(--space-xxl);padding-bottom:var(--space-xl);letter-spacing:.01em}.login-form{width:100%;max-width:420px;background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.login-form input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-1);font-size:var(--font-size-1);transition:all var(--transition-fast)}.login-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #5ecc621f}.login-form button{margin-top:var(--space-md);padding:var(--space-md);font-size:var(--font-size-2);font-weight:var(--font-weight-6);background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;box-shadow:0 2px 8px #5ecc6214;width:100%}.login-form button:hover,.login-form button:focus{background:linear-gradient(90deg,var(--primary-color-dark) 0%,var(--primary-color) 100%);box-shadow:0 4px 16px #5ecc6226;transform:translateY(-2px) scale(1.03);outline:none}.ingredient-management{padding:var(--space-lg)}.ingredient-form{background-color:var(--surface-1);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);margin-bottom:var(--space-xl)}.ingredient-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.ingredient-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.ingredient-form-group label{font-weight:var(--font-weight-6);color:var(--text-2);font-size:var(--font-size-0)}.ingredient-form-group input,.ingredient-form-group select,.ingredient-form-group textarea{padding:var(--space-sm);border:1px solid var(--surface-3);border-radius:var(--radius-md);font-size:var(--font-size-1);transition:all var(--transition-fast)}.ingredient-form-group input:focus,.ingredient-form-group select:focus,.ingredient-form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #5ecc621f}.ingredient-table{width:100%;background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.ingredient-table th{background-color:var(--surface-2);padding:var(--space-md);text-align:left;font-weight:var(--font-weight-6);color:var(--text-2);border-bottom:2px solid var(--surface-3)}.ingredient-table td{padding:var(--space-md);border-bottom:1px solid var(--surface-3);vertical-align:middle}.ingredient-table tr:hover{background-color:var(--surface-2)}.ingredient-actions{display:flex;gap:var(--space-sm)}.ingredient-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-0);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--transition-fast);border:none}.ingredient-btn-edit{background-color:var(--primary-color);color:#fff}.ingredient-btn-delete{background-color:var(--accent-color);color:#fff}.ingredient-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.ingredient-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-0);font-weight:var(--font-weight-5);text-align:center;display:inline-block}.ingredient-status-active{background-color:#5ecc621a;color:var(--primary-color)}.ingredient-status-inactive{background-color:#ff6b6b1a;color:var(--accent-color)}.ingredient-search{margin-bottom:var(--space-lg);display:flex;gap:var(--space-md)}.ingredient-search input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-3);border-radius:var(--radius-md);font-size:var(--font-size-1)}.ingredient-search button{padding:var(--space-sm) var(--space-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.ingredient-search button:hover{background-color:var(--primary-color-dark)}.ingredient-pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg)}.ingredient-pagination button{padding:var(--space-xs) var(--space-md);border:1px solid var(--surface-3);background-color:var(--surface-1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.ingredient-pagination button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.ingredient-pagination button:hover:not(.active){background-color:var(--surface-2)}@media (max-width: 768px){.ingredient-form-grid{grid-template-columns:1fr}.ingredient-table{display:block;overflow-x:auto}.ingredient-search,.ingredient-actions{flex-direction:column}}.user-management{padding:var(--space-lg)}.user-table-container{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow-x:auto;padding:var(--space-md);margin-top:var(--space-md)}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--surface-3);vertical-align:middle}.user-table th{font-weight:var(--font-weight-6);color:var(--text-2);font-size:var(--font-size-0);text-transform:uppercase;letter-spacing:.5px;background-color:var(--surface-2)}.user-table tr:hover{background-color:#5ecc620d}.user-actions{display:flex;gap:var(--space-sm)}.user-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-0);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--transition-fast);border:none}.user-btn-delete{background-color:var(--accent-color);color:#fff}.user-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.vendor-management{padding:var(--space-lg)}.vendor-table-container{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow-x:auto;padding:var(--space-md);margin-top:var(--space-md)}.vendor-table{width:100%;border-collapse:collapse}.vendor-table th,.vendor-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--surface-3);vertical-align:middle}.vendor-table th{font-weight:var(--font-weight-6);color:var(--text-2);font-size:var(--font-size-0);text-transform:uppercase;letter-spacing:.5px;background-color:var(--surface-2)}.vendor-table tr:hover{background-color:#5ecc620d}.vendor-actions{display:flex;gap:var(--space-sm)}.vendor-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-0);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--transition-fast);border:none}.vendor-btn-delete{background-color:var(--accent-color);color:#fff}.vendor-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}@media (max-width: 768px){.user-table,.vendor-table{display:block;overflow-x:auto}.user-actions,.vendor-actions{flex-direction:column}}.vendor-layout-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--surface-2);color:var(--text-1)}.vendor-body{display:flex;flex:1}.vendor-main-content{flex:1;padding:var(--space-lg);background-color:var(--surface-2);min-height:100vh;transition:margin-left var(--transition-normal);overflow-x:hidden;margin-left:240px}.vendor-container{max-width:1200px;margin:0 auto;padding:var(--space-lg);background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.vendor-section{margin-bottom:var(--space-xl)}.vendor-section:last-child{margin-bottom:0}.vendor-section-title{font-family:var(--font-headings);font-size:var(--font-size-3);font-weight:var(--font-weight-6);margin-bottom:var(--space-md);color:var(--text-1);position:relative;padding-bottom:var(--space-sm);padding-top:var(--space-lg);text-transform:uppercase;letter-spacing:.5px}.vendor-section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:var(--radius-pill)}.vendor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.vendor-row{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.vendor-column{flex:1;min-width:250px}.vendor-header{background-color:var(--surface-1);padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--surface-3);position:sticky;top:0;z-index:var(--z-header);box-shadow:var(--shadow-2)}.vendor-header-left{display:flex;align-items:center;gap:var(--space-md)}.vendor-header h2{font-family:var(--font-headings);font-weight:var(--font-weight-7);font-size:var(--font-size-3);margin:0;color:var(--primary-color)}.vendor-header-actions{display:flex;align-items:center;gap:var(--space-md)}.vendor-header-profile{display:flex;align-items:center;gap:var(--space-sm)}.vendor-logo{width:150px;height:auto;transition:transform var(--transition-fast)}.vendor-logo:hover{transform:scale(1.05)}.vendor-sidebar{width:240px;background-color:var(--surface-1);padding:var(--space-lg) var(--space-md);box-shadow:var(--shadow-2);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:var(--z-header);transition:transform var(--transition-normal);flex-shrink:0}.vendor-sidebar-logo{font-family:var(--font-headings);font-size:var(--font-size-4);font-weight:var(--font-weight-8);margin-bottom:var(--space-xl);text-align:center;padding:var(--space-xs) 0}.brand-main{font-weight:var(--font-weight-8);color:var(--text-1)}.brand-sub{font-size:var(--font-size-1);color:var(--primary-color);font-weight:var(--font-weight-5);margin-left:4px;letter-spacing:.5px}.vendor-nav{display:flex;flex-direction:column;gap:var(--space-xs);flex-grow:1}.vendor-nav ul{list-style:none;padding:0;margin:0}.vendor-nav li{margin:0;padding:0}.vendor-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-1);font-weight:var(--font-weight-5);transition:all var(--transition-fast);font-size:var(--font-size-1);text-decoration:none}.vendor-nav-link i{width:20px;text-align:center;font-size:var(--font-size-2);color:var(--text-2);transition:color var(--transition-fast)}.vendor-nav-link:hover{background-color:var(--surface-2);color:var(--primary-color)}.vendor-nav-link:hover i{color:var(--primary-color)}.vendor-nav-link.active{background-color:var(--primary-color);color:#fff;font-weight:var(--font-weight-6)}.vendor-nav-link.active i{color:#fff}.vendor-sidebar-logout{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--surface-3);padding:var(--space-md)}.vendor-logout-btn{width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--surface-3);color:var(--text-1);border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:all var(--transition-fast);font-weight:var(--font-weight-5);font-size:var(--font-size-1);cursor:pointer}.vendor-logout-btn:hover{background-color:var(--surface-4);color:var(--primary-color)}.vendor-footer{text-align:center;padding:var(--space-md);background-color:var(--surface-1);border-top:1px solid var(--surface-3);color:var(--text-2);margin-left:240px;transition:margin-left var(--transition-normal);font-size:var(--font-size-0)}.dashboard-welcome{background:linear-gradient(120deg,var(--primary-color),var(--secondary-color));padding:var(--space-lg);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-lg);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.dashboard-welcome h1{font-family:var(--font-headings);font-size:var(--font-size-5);margin-top:0;margin-bottom:var(--space-sm)}.dashboard-welcome p{margin-bottom:var(--space-md);opacity:.9;max-width:80%}.vendor-profile-info{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.profile-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-1)}.profile-item i{width:20px;text-align:center}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);align-items:stretch;padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.stat-card i{font-size:1.5rem;margin-bottom:var(--space-xs);color:var(--primary-color)}.stat-card h3{font-size:var(--font-size-0);color:var(--text-2);margin-top:0;margin-bottom:var(--space-xxs);text-transform:uppercase;letter-spacing:1px}.stat-card .stat-value{font-size:var(--font-size-4);font-weight:var(--font-weight-7);color:var(--text-1);margin-bottom:var(--space-xxs)}.stat-card .stat-change{font-size:var(--font-size-0);color:var(--text-2)}.daily-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.summary-card{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.summary-header{padding:var(--space-md);background-color:var(--surface-2);display:flex;justify-content:space-between;align-items:center}.summary-header h3{margin:0;font-size:var(--font-size-2);color:var(--text-1)}.summary-body{padding:var(--space-md)}.summary-list{list-style:none;padding:0;margin:0}.summary-list li:not(:last-child){margin-bottom:var(--space-md)}.store-summary-item,.order-summary-item{display:flex;gap:calc(var(--space-lg) * 5);align-items:center;justify-content:space-between}.summary-list li{padding:var(--space-sm) 0;border-bottom:1px solid var(--surface-3);display:flex;justify-content:space-between;align-items:center}.summary-list li:last-child{border-bottom:none}.quick-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;padding-top:var(--space-xs);padding-bottom:var(--space-lg)}.add-inventory-container{max-width:1000px;margin:0 auto;padding:var(--space-lg);background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.store-selection{margin-bottom:var(--space-lg)}.store-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-1);font-size:var(--font-size-1);color:var(--text-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}.search-bar{margin-bottom:var(--space-lg);position:relative}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) * 2 + 16px);border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-1);font-size:var(--font-size-1);color:var(--text-1)}.search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #5ecc621a}.ingredients-table-container{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow-x:auto;padding:var(--space-md);margin-top:var(--space-md)}.ingredients-table{width:100%;border-collapse:collapse}.ingredients-table th,.ingredients-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--surface-3);vertical-align:middle;white-space:nowrap}.ingredients-table th{font-weight:var(--font-weight-6);color:var(--text-2);font-size:var(--font-size-0);text-transform:uppercase;letter-spacing:.5px;background-color:var(--surface-2);position:sticky;top:0;z-index:1}.ingredients-table tbody tr:hover{background-color:#5ecc620d}.ingredients-table .price-input,.ingredients-table .quantity-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-3);border-radius:var(--radius-md);font-size:var(--font-size-1)}.ingredients-table .add-button{padding:var(--space-sm) var(--space-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}.ingredients-table .add-button:hover{background-color:var(--primary-color-light);transform:translateY(-2px);box-shadow:var(--shadow-2)}.orders-table-container{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow-x:auto;padding:var(--space-md);margin-top:var(--space-md)}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--surface-3);vertical-align:middle;white-space:nowrap}.orders-table th{font-weight:var(--font-weight-6);color:var(--text-2);font-size:var(--font-size-0);text-transform:uppercase;letter-spacing:.5px;background-color:var(--surface-2);position:sticky;top:0;z-index:1}.orders-table tbody tr:hover{background-color:#5ecc620d}.vendor-order-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md);background-color:var(--surface-1);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-1)}.order-filter-group{display:flex;align-items:center;gap:var(--space-sm)}.filter-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-1);font-size:var(--font-size-1);color:var(--text-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;min-width:150px}.order-search{position:relative;flex:1;min-width:200px}.order-search input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-sm) * 2 + 16px);border:1px solid var(--surface-3);border-radius:var(--radius-md);font-size:var(--font-size-1)}.order-status{display:inline-block;padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-0);font-weight:var(--font-weight-5);text-align:center}.status-pending{background-color:#f0ad4e;color:#fff}.status-accepted{background-color:var(--primary-color);color:#fff}.status-rejected{background-color:var(--accent-color);color:#fff}.status-delivered{background-color:#5bc0de;color:#fff}.order-actions{display:flex;gap:var(--space-xs);justify-content:flex-end}.order-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-0);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--transition-fast);border:none}.order-btn-view{background-color:var(--surface-3);color:var(--text-1)}.order-btn-view:hover{background-color:var(--surface-4);transform:translateY(-1px);box-shadow:var(--shadow-1)}.order-btn-accept{background-color:var(--primary-color);color:#fff}.order-btn-accept:hover{background-color:var(--primary-color-light);transform:translateY(-1px);box-shadow:var(--shadow-1)}.order-btn-reject{background-color:var(--accent-color);color:#fff}.order-btn-reject:hover{background-color:var(--accent-color-light);transform:translateY(-1px);box-shadow:var(--shadow-1)}.order-btn-deliver{background-color:#5bc0de;color:#fff}.order-btn-deliver:hover{background-color:#70c8e2;transform:translateY(-1px);box-shadow:var(--shadow-1)}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);background-color:var(--surface-1);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.action-bar h2{margin:0;font-size:var(--font-size-3);font-weight:var(--font-weight-6);color:var(--text-1)}.action-buttons{display:flex;gap:var(--space-sm)}.page-title{font-family:var(--font-headings);font-size:var(--font-size-4);color:var(--text-1);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;font-size:var(--font-size-1)}.btn-secondary:hover{background-color:var(--surface-4);transform:translateY(-2px);box-shadow:var(--shadow-2)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.error-message{background-color:#ff6b6b1a;border-left:3px solid var(--accent-color);color:var(--accent-color);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);text-align:left;width:100%}.success-message{background-color:#5ecc621a;border-left:3px solid var(--primary-color);color:var(--primary-color);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.empty-state{text-align:center;padding:var(--space-xl);background-color:var(--surface-2);border-radius:var(--radius-lg)}.empty-state i{font-size:3rem;color:var(--surface-3);margin-bottom:var(--space-md)}.empty-state h3{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-3);color:var(--text-1)}.empty-state p{color:var(--text-2);margin-bottom:var(--space-lg);max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.vendor-sidebar{transform:translate(-100%);z-index:var(--z-overlay);box-shadow:var(--shadow-3)}.vendor-sidebar.open{transform:translate(0)}.vendor-main-content{margin-left:0;padding:var(--space-md)}.mobile-menu-toggle{display:block;position:fixed;top:var(--space-md);left:var(--space-md);z-index:var(--z-header);background-color:var(--primary-color);color:#fff;border:none;font-size:var(--font-size-3);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-2)}.vendor-footer{margin-left:0}.ingredient-form-grid,.form-grid{grid-template-columns:1fr}.ingredients-table,.orders-table{display:block;overflow-x:auto}.ingredient-search,.vendor-order-filters{flex-direction:column;align-items:stretch}.action-bar{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.action-bar h2{margin-bottom:var(--space-sm)}.action-buttons{width:100%;justify-content:flex-end}}@media (max-width: 1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-stats{grid-template-columns:1fr}}.order-details-modal{background:#fff;border-radius:16px;max-width:600px;margin:40px auto;padding:32px 28px 24px;box-shadow:0 8px 32px #0000002e;font-size:1.08rem;position:relative}.order-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.order-details-header h3{font-size:1.5rem;margin:0}.order-details-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--accent-color, #e74c3c)}.order-details-content{margin-top:10px}.order-details-section{margin-bottom:22px}.order-details-label{font-weight:600;color:#444}.order-details-value{margin-bottom:8px}.order-items-list{margin:0 0 10px;padding-left:20px}.order-items-list li{margin-bottom:6px}.order-total{display:flex;justify-content:space-between;font-weight:600;font-size:1.1rem;margin-top:12px}.order-details-actions{display:flex;gap:12px;margin-top:18px}.order-items-expanded-list ul{margin:0;padding-left:18px}.order-items-expanded-list li{margin-bottom:2px;font-size:1rem;color:#222}.vendor-panel{background:var(--surface-1, #fff);border-radius:18px;box-shadow:0 4px 24px #00000014,0 1.5px 4px #0000000a;padding:32px 28px 24px;margin-bottom:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto}.vendor-panel-header{border-bottom:1px solid var(--surface-3, #eaeaea);padding-bottom:var(--space-sm);margin-bottom:18px}.vendor-panel-header h3{font-size:1.4rem;font-weight:700;margin:0;color:var(--primary-color, #5ecc62)}.vendor-panel-body{font-size:1.08rem;padding:var(--space-lg);color:var(--text-1, #222);padding:0}.data-grid{display:grid;grid-template-columns:120px 1fr;row-gap:10px;column-gap:18px}.data-label{font-weight:600;color:var(--text-2, #666)}.data-value{color:var(--text-1, #222)}.dollar-sign{font-size:1.1em;margin-right:12px;line-height:1}.dashboard-welcome h1{color:#fff!important}:where(html){--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-old-style:Iowan Old Style,Palatino Linotype,URW Palladio L,P052,serif;--font-humanist:Seravek,Gill Sans Nova,Ubuntu,Calibri,DejaVu Sans,source-sans-pro,sans-serif;--font-geometric-humanist:Avenir,Montserrat,Corbel,URW Gothic,source-sans-pro,sans-serif;--font-classical-humanist:Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-neo-grotesque:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;--font-monospace-slab-serif:Nimbus Mono PS,Courier New,monospace;--font-monospace-code:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,Cascadia Code,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-industrial:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;--font-rounded-sans:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;--font-slab-serif:Rockwell,Rockwell Nova,Roboto Slab,DejaVu Serif,Sitka Small,serif;--font-antique:Superclarendon,Bookman Old Style,URW Bookman,URW Bookman L,Georgia Pro,Georgia,serif;--font-didone:Didot,Bodoni MT,Noto Serif Display,URW Palladio L,P052,Sylfaen,serif;--font-handwritten:Segoe Print,Bradley Hand,Chilanka,TSCu_Comic,casual,cursive;--font-sans:var(--font-system-ui);--font-serif:ui-serif,serif;--font-mono:var(--font-monospace-code);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:max(.75rem,min(2vw,1rem));--font-size-fluid-1:max(1rem,min(4vw,1.5rem));--font-size-fluid-2:max(1.5rem,min(6vw,2.5rem));--font-size-fluid-3:max(2rem,min(9vw,3.5rem));--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-px-000:-8px;--size-px-00:-4px;--size-px-1:4px;--size-px-2:8px;--size-px-3:16px;--size-px-4:20px;--size-px-5:24px;--size-px-6:28px;--size-px-7:32px;--size-px-8:48px;--size-px-9:64px;--size-px-10:80px;--size-px-11:120px;--size-px-12:160px;--size-px-13:240px;--size-px-14:320px;--size-px-15:480px;--size-fluid-1:max(.5rem,min(1vw,1rem));--size-fluid-2:max(1rem,min(2vw,1.5rem));--size-fluid-3:max(1.5rem,min(3vw,2rem));--size-fluid-4:max(2rem,min(4vw,3rem));--size-fluid-5:max(4rem,min(5vw,5rem));--size-fluid-6:max(5rem,min(7vw,7.5rem));--size-fluid-7:max(7.5rem,min(10vw,10rem));--size-fluid-8:max(10rem,min(20vw,15rem));--size-fluid-9:max(15rem,min(30vw,20rem));--size-fluid-10:max(20rem,min(40vw,30rem));--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-space: ;--gradient-1:linear-gradient(to bottom right var(--gradient-space),#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right var(--gradient-space),#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right var(--gradient-space),#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right var(--gradient-space),#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110% var(--gradient-space),#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left var(--gradient-space),#000,#fff);--gradient-7:linear-gradient(to bottom right var(--gradient-space),#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0% var(--gradient-space),#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center var(--gradient-space),#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25% var(--gradient-space),gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left var(--gradient-space),#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10% var(--gradient-space),#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200% var(--gradient-space),#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right var(--gradient-space),lime,cyan);--gradient-15:linear-gradient(to bottom right var(--gradient-space),#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250% var(--gradient-space),#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25% var(--gradient-space),blue,#8a2be2);--gradient-18:linear-gradient(0deg var(--gradient-space),rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg var(--gradient-space),rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg var(--gradient-space),rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg var(--gradient-space),rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg var(--gradient-space),rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg var(--gradient-space),rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right var(--gradient-space),#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center var(--gradient-space),orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115% var(--gradient-space),red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right var(--gradient-space),#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right var(--gradient-space),#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0% var(--gradient-space),#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50% var(--gradient-space),#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right var(--gradient-space),#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left var(--gradient-space),#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105% var(--gradient-space),#fff,orchid);--gradient-29:radial-gradient(circle at top right var(--gradient-space),#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left var(--gradient-space),#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right var(--gradient-space),#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left var(--gradient-space),#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-drawn-1:255px 15px 225px 15px/15px 225px 15px 255px;--radius-drawn-2:125px 10px 20px 185px/25px 205px 205px 25px;--radius-drawn-3:15px 255px 15px 225px/225px 15px 255px 15px;--radius-drawn-4:15px 25px 155px 25px/225px 150px 25px 115px;--radius-drawn-5:250px 25px 15px 20px/15px 80px 105px 115px;--radius-drawn-6:28px 100px 20px 15px/150px 30px 205px 225px;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-6))}@media (prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@supports (background:linear-gradient(to right in oklab,#000,#fff)){:where(html){--gradient-space:in oklab}}:where(html){--csstools-color-scheme--light:initial;--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-12);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:light;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media (dynamic-range:high) or (color-gamut:p3){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .39 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-6)}:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media (prefers-color-scheme:dark){:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){direction:ltr;max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){text-wrap:pretty;max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){text-wrap:balance;font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table button:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])){text-align:center}:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media (prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}:where(html){--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-shake-z:shake-z 1s var(--ease-in-out-3);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media (prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media (prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}:root{--primary-color: #5ECC62;--primary-color-light: #7AD97E;--primary-color-dark: #4AAC4E;--secondary-color: #00A896;--secondary-color-light: #1FBFAD;--secondary-color-dark: #008F83;--accent-color: #FF6B6B;--accent-color-light: #FF8A8A;--accent-color-dark: #E55C5C;--surface-1: var(--gray-0);--surface-2: var(--gray-1);--surface-3: var(--gray-2);--surface-4: var(--gray-3);--text-1: var(--gray-9);--text-2: var(--gray-7);--text-3: var(--gray-6);--shadow-color: var(--gray-8);--shadow-strength: 2%;--radius-sm: var(--radius-2);--radius-md: var(--radius-3);--radius-lg: var(--radius-4);--radius-full: var(--radius-round);--font-headings: "Fraunces", serif;--space-xxs: var(--size-1);--space-xs: var(--size-2);--space-sm: var(--size-3);--space-md: var(--size-4);--space-lg: var(--size-5);--space-xl: var(--size-6);--space-xxl: var(--size-8);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--header-height: 4rem;--hero-padding: 6rem;--z-header: 50;--z-modal: 1000;--z-overlay: 200;--z-toast: 400;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}:root :root{--font-weight-5: 500;--font-weight-6: 600;--font-weight-7: 700;--font-weight-8: 800}html.dark-theme{--primary-color: #5ECC62;--primary-color-light: #7AD97E;--primary-color-dark: #4AAC4E;--surface-1: var(--gray-9);--surface-2: var(--gray-8);--surface-3: var(--gray-7);--surface-4: var(--gray-6);--text-1: var(--gray-1);--text-2: var(--gray-3);--text-3: var(--gray-4);--shadow-color: var(--gray-12);--shadow-strength: 10%}:root{color-scheme:light dark}html:not(.dark-theme){color-scheme:light}html,body{height:100%;margin:0;font-family:var(--font-sans);background-color:var(--surface-2);color:var(--text-1);line-height:var(--font-lineheight-3)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);margin-top:var(--space-lg);margin-bottom:var(--space-lg);color:var(--text-1)}h1,h2,h3,h4,h5,h6{font-optical-sizing:auto;font-style:normal;font-variation-settings:"opsz" 144;font-weight:var(--font-weight-6);letter-spacing:.05em}h1,h2{font-variation-settings:"opsz" 144,"wght" 700;letter-spacing:.05em}h3,h4{font-variation-settings:"opsz" 144,"wght" 500;letter-spacing:.06em}h5,h6{font-variation-settings:"opsz" 144,"wght" 200}p{margin-top:0;margin-bottom:var(--space-md)}small{font-size:var(--font-size-0)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-color-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-color-light);transform:translateY(-2px);box-shadow:var(--shadow-2)}.btn-secondary{background-color:var(--surface-3);color:var(--text-1)}.btn-secondary:hover{background-color:var(--surface-1);transform:translateY(-2px);box-shadow:var(--shadow-2)}.btn-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{background-color:var(--accent-color-light);transform:translateY(-2px);box-shadow:var(--shadow-2)}.text-gradient{background-image:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) 0}.spinner{width:50px;height:50px;border:5px solid var(--surface-3);border-top-color:var(--primary-color);border-radius:50%;animation:spinner 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spinner{to{transform:rotate(360deg)}}.error-message{color:var(--red-7);background-color:var(--red-2);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.error-message i{font-size:2rem;margin-bottom:var(--space-sm)}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--surface-3);color:var(--text-1);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2);border:none;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--surface-4);transform:scale(1.1)}html.dark-theme .theme-toggle .moon-icon{display:none}html:not(.dark-theme) .theme-toggle .sun-icon{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slidePage{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){h1{font-size:var(--font-size-5)}h2{font-size:var(--font-size-4)}.container{padding:0 var(--space-sm)}}@media (max-width: 768px){.container{width:100%;padding:0 var(--space-sm)}.btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-0)}.section{padding:var(--space-md) 0}.section-title{font-size:var(--font-size-3);margin-bottom:var(--space-md);padding-left:var(--space-xs)}p{margin-bottom:var(--space-sm)}h1,h2,h3,h4,h5,h6{margin-top:var(--space-md);margin-bottom:var(--space-sm)}}.btn{font-family:var(--font-sans);font-weight:var(--font-weight-5)}.section-title,.page-title,.recipe-title,.modal-header-text,.vendor-name,.empty-state h2,.login-box h1{font-family:var(--font-headings);font-optical-sizing:auto;font-variation-settings:"opsz" 144,"wght" 600;letter-spacing:.05em}.main-content{padding:0 var(--space-xxl);max-width:1400px;margin:0 auto;width:100%;transition:filter var(--transition-slow)}.header{background-color:var(--surface-1);box-shadow:var(--shadow-2);padding:var(--space-md) 0;position:sticky;top:0;z-index:var(--z-header);transition:all var(--transition-fast)}.header.scrolled{padding:.6rem 0;box-shadow:var(--shadow-3)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-headings);font-weight:var(--font-weight-8);font-size:var(--font-size-5);text-decoration:none;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.05)}.navbar{display:flex;gap:var(--space-lg);font-family:var(--font-headings)}.navbar a{color:var(--text-1);font-weight:var(--font-weight-5);position:relative;display:flex;align-items:center;gap:var(--space-md);font-size:1.15rem;padding:var(--space-sm)}.navbar a i{color:var(--primary-color);transition:transform var(--transition-fast)}.navbar a:hover i{transform:translateY(-2px)}.navbar a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-image:var(--gradient-primary);transition:width var(--transition-fast)}.navbar a:hover:after,.navbar a.active:after{width:100%}.vendor-login{background-color:var(--surface-1);color:var(--secondary-color);border:2px solid var(--secondary-color);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-6);display:flex;align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-1);transition:all var(--transition-fast)}.vendor-login i{font-size:1.1rem}.vendor-login:hover{background-color:var(--secondary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-2)}.vendor-login-mobile{background-color:var(--surface-1);color:var(--secondary-color);border:2px solid var(--secondary-color);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-6);margin:var(--space-md) var(--space-lg);width:calc(100% - 4rem);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-1);cursor:pointer;padding:var(--space-xs);border-radius:60%;transition:all var(--transition-fast)}.mobile-menu{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--surface-1);box-shadow:var(--shadow-2);padding:var(--space-md) 0;z-index:40}.mobile-menu a{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--text-1);font-weight:var(--font-weight-5);border-bottom:1px solid var(--surface-3)}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a i{width:20px;color:var(--primary-color)}.mobile-menu a:hover{background-color:var(--surface-2)}.hero{background-image:var(--gradient-primary);padding:var(--hero-padding) 0;height:87vh;color:#fff;position:relative;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bg-food.png);opacity:.3;animation:floatBackground 20s linear infinite}@keyframes floatBackground{0%{background-position:0% 0%}to{background-position:100% 100%}}.hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:var(--font-size-7);font-weight:var(--font-weight-5);margin-bottom:var(--space-sm);text-shadow:var(--shadow-1);letter-spacing:var(--font-letterspacing-1);line-height:1.2;animation:fadeInDown 1s ease;color:#fff}.hero p{font-size:var(--font-size-3);font-weight:var(--font-weight-5);margin-bottom:var(--space-xl);opacity:.9;max-width:600px;line-height:1.6;animation:fadeInUp 1s ease .2s forwards;opacity:0;padding:1rem}.search-container{position:relative;width:80%;max-width:650px;margin:0 auto var(--space-xl);animation:fadeIn 1s ease .4s forwards;opacity:0}.search-box{background-color:var(--surface-1);color:var(--text-1);padding:var(--space-md) var(--space-lg);padding-right:4rem;border-radius:var(--radius-full);border:none;width:100%;box-shadow:var(--shadow-3);font-size:var(--font-size-2);transition:all var(--transition-fast)}.search-box:focus{box-shadow:var(--shadow-4),0 0 0 3px #5ecc6233;outline:none;transform:translateY(-2px)}.search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--gradient-primary);border:none;width:48px;height:48px;border-radius:var(--radius-full);color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow-2);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.search-btn:hover{transform:translateY(-50%) scale(1.05);box-shadow:var(--shadow-3)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--surface-1);border-radius:var(--radius-lg);margin-top:var(--space-xs);box-shadow:var(--shadow-3);z-index:100;overflow:hidden;animation:slideDown .3s ease}.search-suggestion-item{padding:var(--space-md) var(--space-lg);cursor:pointer;display:flex;align-items:center;gap:var(--space-md);color:var(--text-1);transition:all var(--transition-fast);text-align:left}.search-suggestion-item:hover{background-color:var(--surface-2)}.suggestion-icon{color:var(--primary-color);font-size:.9rem}.hero-buttons{display:flex;gap:var(--space-xxl);justify-content:center;animation:fadeInUp 1s ease .6s forwards;opacity:0;padding:3rem}.hero-buttons .btn-primary{background:#ffffff40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:#fff}.hero-buttons .btn-primary:hover{background:#fff6}.hero-buttons .btn-secondary{background:#ffffff40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:#fff}.hero-buttons .btn-secondary:hover{background:#fff6}.recipe-card{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-2);background-color:var(--surface-1);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;height:100%;display:flex;flex-direction:column}.recipe-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-4)}.recipe-image-container{position:relative;overflow:hidden;height:220px}.recipe-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.recipe-card:hover .recipe-image{transform:scale(1.05)}.recipe-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.recipe-card:hover .recipe-card-overlay{opacity:1}.view-recipe-btn{padding:var(--space-sm) var(--space-lg);font-weight:var(--font-weight-6);border-radius:var(--radius-full);transform:translateY(20px);transition:transform var(--transition-fast),background-color var(--transition-fast)}.recipe-card:hover .view-recipe-btn{transform:translateY(0)}.recipe-content{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.recipe-title{font-size:var(--font-size-3);font-weight:var(--font-weight-6);margin-bottom:var(--space-sm);color:var(--text-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.recipe-meta{display:flex;align-items:center;gap:var(--space-md);color:var(--text-3);font-size:var(--font-size-0);margin-bottom:var(--space-md)}.recipe-meta span{display:flex;align-items:center;gap:var(--space-xs)}.recipe-meta i{color:var(--primary-color)}.recipe-buttons{display:flex;justify-content:space-between;margin-top:auto}.recipe-buttons button{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-0)}.section{padding:var(--space-lg) 0}.section-title{font-size:var(--font-size-5);text-align:center;text-align:left;margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);padding-left:var(--space-lg);color:var(--text-1)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background-image:var(--gradient-primary);border-radius:var(--radius-pill)}.search-results-section{position:relative;z-index:10;background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-4);margin-top:-50px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.clear-search-btn{display:flex;align-items:center;gap:var(--space-xs);color:var(--accent-color);background:none;border:none;font-size:var(--font-size-1);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--transition-fast)}.clear-search-btn:hover{color:var(--text-1)}.no-recipes{text-align:center;padding:var(--space-xl);background-color:var(--surface-2);border-radius:var(--radius-lg)}.no-recipes i{font-size:3rem;color:var(--text-3);margin-bottom:var(--space-sm)}.no-recipes p{color:var(--text-2);font-size:var(--font-size-2)}.main-content{transition:filter var(--transition-slow)}.main-content.blurred-background{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.cuisine-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.cuisine-category{background-color:var(--surface-1);color:var(--text-1);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-1);font-weight:var(--font-weight-5);box-shadow:var(--shadow-1);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.cuisine-category i{color:var(--primary-color);font-size:.9rem}.cuisine-category:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.cuisine-category.active{background-image:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-2)}.cuisine-category.active i{color:#fff}.ingredients-section{background-color:var(--surface-2);padding:var(--space-xxl) 0}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.ingredient-card{background-color:var(--surface-1);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-2);transition:all var(--transition-fast);cursor:pointer}.ingredient-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-3)}.ingredient-img-container{height:140px;overflow:hidden}.ingredient-img{width:100%;height:100%;object-fit:scale-down;transition:transform .5s ease}.ingredient-card:hover .ingredient-img{transform:scale(1.1)}.ingredient-card h3{padding:var(--space-md);text-align:center;font-size:var(--font-size-2);font-weight:var(--font-weight-6);color:var(--text-1)}.how-it-works-section{background:linear-gradient(to right,#5ecc621a,#00a8961a);padding:var(--space-xxl) 0}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.step{background-color:var(--surface-1);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-2);transition:transform var(--transition-fast)}.step:hover{transform:translateY(-5px)}.step-icon{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:#fff;font-size:2rem;box-shadow:var(--shadow-2)}.step h3{font-size:var(--font-size-3);margin-bottom:var(--space-sm);color:var(--text-1)}.step p{color:var(--text-2);line-height:1.6}.footer{background-color:var(--surface-1);padding:var(--space-xl) 0;margin-top:var(--space-);border-top:1px solid var(--surface-3)}.footer-container{display:flex;flex:content;justify-content:space-around;gap:var(--space-lg)}.footer-logo{font-family:var(--font-headings);font-weight:var(--font-weight-8);font-size:var(--font-size-3);color:var(--primary-color);margin-bottom:var(--space-sm)}.footer-section h3{color:var(--text-1);font-size:var(--font-size-2);margin-bottom:var(--space-lg)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-xs)}.footer-links a{color:var(--text-2);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-color)}.social-links{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--surface-2);color:var(--text-1);transition:all var(--transition-fast)}.social-links a:hover{background-image:var(--gradient-primary);color:#fff;transform:translateY(-3px)}.copyright{margin-top:var(--space-xl);text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--surface-3);color:var(--text-2);display:flex;justify-content:center;width:100%}.copyright p{margin:0;max-width:800px}.recipe-details-page{max-width:1200px;margin:0 auto;padding-bottom:var(--space-xl)}.recipe-details-loading,.recipe-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);text-align:center}.recipe-hero{width:100%;height:auto;min-height:300px;background-size:cover;background-position:center;color:#fff;padding:var(--space-xxl) var(--space-lg);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-bottom:var(--space-lg)}.recipe-hero h1{font-size:var(--font-size-6);margin-bottom:var(--space-lg);font-weight:var(--font-weight-7);color:#fff}.back-button{background:#fff3;border:none;color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);cursor:pointer;transition:background-color var(--transition-fast)}.back-button:hover{background:#ffffff4d}.recipe-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-lg)}.recipe-meta-item{display:flex;align-items:center;gap:var(--space-xs);background:#fff3;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.recipe-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.recipe-content{background-color:var(--surface-1);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-2)}.recipe-tabs{display:flex;border-bottom:2px solid var(--surface-3);margin-bottom:var(--space-lg)}.tab-button{background:none;border:none;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-1);font-weight:var(--font-weight-5);color:var(--text-3);position:relative;cursor:pointer;transition:color var(--transition-fast)}.tab-button.active{color:var(--primary-color)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--primary-color)}.tab-button i{margin-right:var(--space-xs)}.ingredients-tab h2,.instructions-tab h2,.nutrition-tab h2{font-size:var(--font-size-4);margin-bottom:var(--space-sm);color:var(--text-1)}.servings-text{color:var(--text-3);margin-bottom:var(--space-lg)}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-sm)}.ingredient-card{display:flex;align-items:center;background-color:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-md);transition:transform var(--transition-fast)}.ingredient-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.ingredient-image{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;margin-right:var(--space-md);background-color:var(--surface-3)}.ingredient-image img{width:100%;height:100%;object-fit:cover}.ingredient-info{flex:1}.ingredient-name{font-weight:var(--font-weight-5);margin-bottom:var(--space-xs)}.ingredient-amount{color:var(--text-3);font-size:var(--font-size-0)}.add-ingredient-btn{width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.add-ingredient-btn:hover{background-color:var(--primary-color-light)}.instructions-list{display:flex;flex-direction:column;gap:var(--space-lg)}.instruction-step{display:flex;gap:var(--space-md)}.step-number{width:36px;height:36px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-6);flex-shrink:0}.step-content{flex:1}.step-ingredients{margin-top:var(--space-md);padding-top:var(--space-xs);border-top:1px solid var(--surface-3)}.used-ingredients{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.used-ingredient{background-color:var(--surface-2);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-0)}.source-link{margin-top:var(--space-lg);text-align:center}.nutrition-per-serving{color:var(--text-3);margin-bottom:var(--space-lg)}.nutrition-grid{display:grid;gap:var(--space-lg)}.nutrition-item{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--space-md)}.nutrient-name{font-weight:var(--font-weight-5)}.nutrient-bar-container{height:8px;background-color:var(--surface-3);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-xxs)}.nutrient-bar{height:100%;background-color:var(--primary-color);border-radius:var(--radius-sm)}.nutrient-value{text-align:right;color:var(--text-3)}.diet-tags{margin-top:var(--space-lg)}.diet-tags h3{font-size:var(--font-size-2);margin-bottom:var(--space-sm)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.diet-tag{background-color:var(--surface-2);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-0)}.shopping-list-container{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);margin-top:var(--space-lg);padding:var(--space-lg);overflow:hidden}.shopping-list-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.shopping-column{display:flex;flex-direction:column}.category-group{margin-bottom:1.5rem}.category-header{background-color:var(--surface-2);color:var(--text-1);font-weight:var(--font-weight-6);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-2);text-transform:capitalize;letter-spacing:.5px;border-radius:var(--radius-md);margin-bottom:var(--space-xs)}.item-row{display:grid;grid-template-columns:24px 40px 1fr auto 40px;gap:.5rem;align-items:center;padding:var(--space-xs) 0;min-height:40px;transition:background-color var(--transition-fast);border-bottom:1px solid var(--surface-2)}.item-row:hover{background-color:#5ecc620d}.item-select-col{display:flex;justify-content:center;align-items:center}.item-checkbox{position:relative;width:20px;height:20px}.item-checkbox input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer;z-index:2}.item-checkbox label{position:absolute;width:100%;height:100%;background-color:var(--surface-1);border:2px solid var(--surface-3);border-radius:var(--radius-sm);cursor:pointer}.item-checkbox input[type=checkbox]:checked+label:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.item-image-col{display:flex;justify-content:center}.item-image-container{width:32px;height:32px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--surface-3)}.item-name-col{padding-right:var(--space-sm);overflow:hidden}.item-name{display:block;font-weight:var(--font-weight-5);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-note{display:block;font-size:var(--font-size-0);color:var(--accent-color);margin-top:var(--space-xxs)}.item-quantity-col{text-align:right}.quantity-control{display:inline-flex;align-items:center;gap:var(--space-xxs);background-color:var(--surface-2);padding:var(--space-xxs);border-radius:var(--radius-md)}.quantity-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:none;background-color:var(--surface-1);color:var(--text-1);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.quantity-display{font-size:var(--font-size-0);font-weight:var(--font-weight-5);min-width:40px;text-align:center;color:var(--text-3)}.item-actions-col{display:flex;justify-content:center}.remove-item{width:28px;height:28px;border-radius:50%;border:none;background-color:var(--surface-2);color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.shop-now-container{margin-top:var(--space-lg);text-align:center;padding:var(--space-lg);background-color:var(--surface-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.shop-now-container p{margin-bottom:var(--space-sm);color:var(--text-2);font-size:var(--font-size-2)}.shop-now-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-2);display:inline-flex;align-items:center;gap:var(--space-xs);animation:pulse 2s infinite}.empty-shopping-list,.no-results{text-align:center;padding:var(--space-xl) var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-lg)}.empty-icon,.no-results-icon{font-size:3.5rem;color:var(--surface-3);margin-bottom:var(--space-lg)}@media (max-width: 992px){.shopping-list-columns{gap:1.5rem}.item-name{font-size:var(--font-size-0)}}@media (max-width: 768px){.shopping-list-columns{grid-template-columns:1fr;gap:1rem}.item-row{grid-template-columns:24px 32px 1fr auto 32px;padding:var(--space-xs) var(--space-xxs)}.item-image-container{width:28px;height:28px}.quantity-control{padding:2px}.quantity-btn{width:22px;height:22px}.quantity-display{min-width:30px}.remove-item{width:24px;height:24px}.right-column{order:2}.left-column{order:1}}@media (max-width: 480px){.shopping-list-container{padding:var(--space-sm)}.category-header{font-size:var(--font-size-1);padding:var(--space-xs) var(--space-sm)}.item-row{grid-template-columns:20px 28px 1fr auto 28px;gap:4px}}.shopping-list-page{max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-lg)}.shopping-list-page h1{font-family:var(--font-headings);font-size:var(--font-size-5);margin-bottom:var(--space-xs);color:var(--text-1);display:flex;align-items:center;gap:var(--space-xs)}.shopping-list-page h1 i{color:var(--primary-color)}.shopping-list-page>p{color:var(--text-2);margin-bottom:var(--space-lg)}.shopping-list-page .page-header{background-image:var(--gradient-primary);color:#fff;padding:var(--space-xl) 0;margin-bottom:var(--space-lg);text-align:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.shopping-list-page{color:#fff;margin-bottom:var(--space-xs);font-size:var(--font-size-2)}.shopping-list-page .page-description{max-width:600px;margin:0 auto;opacity:.9}.shopping-list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);background-color:var(--surface-1);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-2);gap:20px}html.dark-theme .search-input::placeholder,html.dark-theme .quantity-display{color:#fff}html.dark-theme .search-input-container{background-color:var(--surface-2)}html.dark-theme .search-input{color:#fff;border:none}html.dark-theme .search-input::placeholder{color:#fff9}.search-filter{flex:1;max-width:500px;background-color:transparent}.search-input-container{position:relative;display:flex;align-items:center;background-color:transparent;border-radius:50px;padding:8px 16px;box-shadow:none;width:100%}.search-icon{position:absolute;left:px;color:#888;font-size:20px;pointer-events:none}.search-input{width:100%;border:none;padding:8px 8px 8px 60px;font-size:16px;outline:none;color:#333}.search-input::placeholder{font-weight:400;padding:8px 8px 8px 20px}.search-actions{display:flex;gap:8px;margin-left:8px}.quantiy-display{color:var(--text-3)}.clear-search{position:absolute;right:var(--space-sm);background:none;border:none;color:var(--text-3);cursor:pointer;padding:var(--space-xs)}.list-actions{display:flex;gap:var(--space-md)}.shopping-list-table-container{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;margin-bottom:var(--space-lg)}.shopping-list-table{width:100%;border-collapse:collapse}.shopping-list-table thead th{padding:var(--space-md) var(--space-sm);text-align:left;background-color:var(--surface-2);color:var(--text-2);font-weight:var(--font-weight-5);position:sticky;top:0;z-index:10}.item-select-col{width:40px}.item-image-col{width:60px}.item-name-col{padding-left:var(--space-sm)}.item-quantity-col{width:140px;text-align:right}.item-actions-col{width:50px;text-align:center}.category-group{border-bottom:1px solid var(--surface-3)}.category-header td{padding:var(--space-md) var(--space-sm);background-color:var(--surface-2);color:var(--text-1);font-weight:var(--font-weight-6);font-size:var(--font-size-2);text-transform:capitalize}.item-row{border-bottom:1px solid var(--surface-3);transition:background-color var(--transition-fast)}.item-row:hover{background-color:var(--surface-2)}.item-row.selected{background-color:#5ecc621a}.item-row.even{background-color:var(--surface-1)}.item-row.odd{background-color:var(--surface-2)}.item-row td{padding:var(--space-sm);vertical-align:middle}.item-checkbox{position:relative;width:18px;height:18px;margin:0 auto}.item-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.item-checkbox label{position:absolute;top:0;left:0;height:18px;width:18px;background-color:var(--surface-1);border:2px solid var(--surface-3);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.item-checkbox input[type=checkbox]:checked+label{background-color:var(--primary-color);border-color:var(--primary-color)}.item-checkbox label:after{content:"";position:absolute;display:none;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.item-checkbox input[type=checkbox]:checked+label:after{display:block}.item-image-container{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--surface-3);margin:0 auto}.item-image{width:100%;height:100%;object-fit:cover}.item-name{display:block;font-weight:var(--font-weight-5);color:var(--text-1);margin-bottom:var(--space-xxs)}.item-note{display:block;font-size:var(--font-size-0);color:var(--accent-color)}.quantity-control{display:inline-flex;align-items:center;background-color:var(--surface-2);border-radius:var(--radius-md);padding:3px}.quantity-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background-color:var(--surface-1);color:var(--text-2);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quantity-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.quantity-btn.decrease:hover:not(:disabled){background-color:var(--accent-color)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-display{min-width:60px;text-align:center;font-weight:var(--font-weight-5);padding:0 var(--space-xs);color:#000}.remove-item{background:none;border:none;color:var(--text-3);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all var(--transition-fast)}.remove-item:hover{background-color:var(--accent-color);color:#fff}.empty-shopping-list{text-align:center;padding:var(--space-xl) var(--space-md)}.empty-icon{font-size:3rem;color:var(--text-3);margin-bottom:var(--space-md)}.empty-state h2{font-size:var(--font-size-4);margin-bottom:var(--space-md);color:var(--text-1)}.empty-state p{color:var(--text-2);margin-bottom:var(--space-lg)}.no-results{text-align:center;padding:var(--space-xl) var(--space-md)}.no-results-icon{font-size:3rem;color:var(--text-3);margin-bottom:var(--space-md)}.no-results h2{font-size:var(--font-size-4);margin-bottom:var(--space-md);color:var(--text-1)}.no-results p{color:var(--text-2);margin-bottom:var(--space-lg)}.shop-now-container{background-color:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-2);margin-top:var(--space-lg)}.shop-now-container p{font-size:var(--font-size-2);color:var(--text-1);margin-bottom:var(--space-md)}.shop-now-btn{background-image:var(--gradient-primary);color:#fff;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-6);display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);box-shadow:var(--shadow-2)}.shop-now-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}@media (max-width: 992px){.shopping-list-page{padding:var(--space-md) var(--space-md)}.shop-now-container p{font-size:var(--font-size-1)}}@media (max-width: 768px){.shopping-list-page{padding:var(--space-sm) var(--space-sm)}.shopping-list-controls{flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-sm)}.search-filter{max-width:100%}.search-icon{left:10px;font-size:var(--font-size-1)}.search-input{padding:8px 30px 8px 32px;font-size:var(--font-size-0);height:36px}.clear-search{right:8px;padding:4px;display:flex;align-items:center;justify-content:center}.list-actions{display:flex;gap:var(--space-sm);justify-content:space-between}.list-actions button{flex:1;padding:var(--space-xs) var(--space-xs);font-size:var(--font-size-0)}.shopping-list-table thead{display:none}.shopping-list-table,.shopping-list-table tbody,.shopping-list-table tr{display:block;width:100%}.item-row{display:grid;grid-template-areas:"checkbox image name remove" "checkbox image quantity remove";grid-template-columns:40px 45px 1fr 40px;padding:var(--space-xs);gap:4px;align-items:center}.item-select-col{grid-area:checkbox;width:auto;display:flex;justify-content:center;align-items:center}.item-image-col{grid-area:image;width:auto;padding-right:8px}.item-name-col{grid-area:name;padding-left:4px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.item-quantity-col{grid-area:quantity;width:auto;text-align:left;padding-left:4px}.item-actions-col{grid-area:remove;width:auto;display:flex;justify-content:center}.item-name{font-size:var(--font-size-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;padding-right:4px}.item-note{font-size:.7rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantity-control{padding:2px}.quantity-btn{width:24px;height:24px}.quantity-display{min-width:40px;font-size:var(--font-size-0)}.category-header td{padding:var(--space-xs);font-size:var(--font-size-1)}.shop-now-container{padding:var(--space-md)}}@media (max-width: 480px){.shopping-list-page{padding:var(--space-xs)}.shopping-list-page h1{font-size:var(--font-size-4)}.item-row{grid-template-columns:30px 40px 1fr 30px;gap:2px}.item-image-container{width:32px;height:32px;margin-right:0}.item-checkbox{margin:0 auto}.item-name-col,.item-quantity-col{padding-left:60px}.quantity-control{transform:scale(.9);transform-origin:left center}.quantity-btn{width:22px;height:22px}.quantity-display{min-width:30px;padding:0 var(--space-xxs)}.remove-item{width:24px;height:24px}.category-header td{font-size:var(--font-size-0)}}.find-recipes-btn{background-color:var(--primary-color);color:#fff;font-size:var(--font-size-2);font-weight:var(--font-weight-6);padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-2);transition:all .2s ease-in-out;font-family:var(--font-sans)}.find-recipes-btn:hover{background-color:var(--primary-color-light);transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-3);cursor:pointer}.find-recipes-btn i{font-size:1.1rem}.shopping-page{width:100%;min-height:100vh;position:relative;overflow:hidden;background-color:var(--surface-2)}.shopping-layout{display:grid;grid-template-columns:10px 1fr 10px;min-height:100vh;transition:all var(--transition-fast)}.shopping-layout.show-ingredients{grid-template-columns:.8fr 4fr 10px}.shopping-layout.show-cart{grid-template-columns:10px 4fr 1.8fr}.shopping-layout.show-ingredients.show-cart{grid-template-columns:1.2fr 4fr 2fr}.ingredients-panel-container{background-color:var(--primary-color);position:relative;transition:all var(--transition-fast);border-radius:0 0 20px 20px}.ingredients-panel-container:not(.expanded){width:10px;background-color:transparent;border-right:10px solid var(--primary-color);overflow:visible}.scrollable-content{flex:1 1 auto;min-height:0}.cart-panel{height:calc(100vh - 40px);overflow-y:auto;color:#fff;display:flex;flex-direction:column}.cart-panel-container{background-color:var(--primary-color);position:relative;border-radius:0 0 20px 20px;transition:all var(--transition-fast)}.cart-panel-container:not(.expanded){width:10px;background-color:transparent;border-left:10px solid var(--primary-color);overflow:visible}.cart-card{background-color:#ffffff1a;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);color:#fff}.cart-header h3{margin:0;font-size:var(--font-size-3);color:#fff}.cart-items-list{margin:var(--space-sm) 0}.cart-item{display:flex;justify-content:space-between;padding:var(--space-xs) 0;color:#ffffffe6;font-size:var(--font-size-1)}.cart-items-summary{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--font-size-0);color:#fffc}.cart-total{font-weight:var(--font-weight-6);color:#fff}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center;padding:var(--space-lg);color:#fffc}.empty-cart i{font-size:3rem;margin-bottom:var(--space-sm);opacity:.5;color:#fff}.empty-cart p{margin:var(--space-xxs) 0;opacity:.8;color:#fff}.vendor-discovery-container{background-color:var(--surface-2);padding:var(--space-md);overflow-y:auto;height:100%}.panel-header{padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.ingredient-count,.cart-count{background-color:#fff;color:var(--primary-color);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.cart-panel .cart-count{color:var(--primary-color)}.ingredient-item{display:flex;align-items:center;padding:var(--space-sm);margin-bottom:var(--space-xs);background-color:#ffffff1a;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.ingredient-item:hover{background-color:#fff3}.ingredient-checkbox{position:relative;width:20px;height:20px;margin-right:10px}.ingredient-checkbox input{opacity:0;width:0;height:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ffffff4d;border-radius:var(--radius-sm)}.ingredient-item.selected .checkmark{background-color:#fff}.checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid var(--primary-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.ingredient-item.selected .checkmark:after{display:block}.ingredient-info{display:flex;flex-direction:column}.ingredient-name{font-weight:var(--font-weight-5)}.ingredient-amount{font-size:var(--font-size-0);opacity:.8}.close-btn:hover{color:var(--primary-color)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}@media (max-width: 992px){.recipes-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}@media (max-width: 768px){.recipes-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-md);padding:0 var(--space-xs)}.recipe-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden}.recipe-image-container{height:140px;width:100%;overflow:hidden}.recipe-image{height:100%;width:100%;object-fit:cover}.recipe-content{flex:1;display:flex;flex-direction:column;padding:var(--space-sm)}.recipe-title{font-size:var(--font-size-1);line-height:1.3;margin-bottom:var(--space-xs);height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:var(--font-weight-6)}.recipe-meta{display:flex;font-size:.75rem;margin-bottom:var(--space-sm);gap:var(--space-sm)}.recipe-meta span{white-space:nowrap}.recipe-meta i{width:14px}.recipe-buttons{margin-top:auto;display:flex;gap:var(--space-xs)}.recipe-buttons button{flex:1;padding:var(--space-xs) 0;font-size:.7rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:4px}.recipe-buttons button i{font-size:.8rem}}@media (max-width: 480px){.recipes-grid{gap:var(--space-sm);padding:0 var(--space-xxs)}.recipe-content{padding:var(--space-xs)}.recipe-title{font-size:var(--font-size-0);margin-bottom:8px}.recipe-meta{font-size:.7rem;margin-bottom:6px;gap:8px}.recipe-buttons button{font-size:.65rem;padding:4px 0}.recipe-buttons button i{font-size:.7rem}}@media (max-width: 768px){.hero{min-height:60vh;padding:var(--space-xl) 0 var(--space-lg)}.hero-content{max-width:100%;padding:0 var(--space-md)}.hero h1{font-size:var(--font-size-6);margin-top:8rem;margin-bottom:var(--space-sm)}.hero p{font-size:var(--font-size-1);margin-bottom:var(--space-md);padding:0;opacity:1;animation:none}.search-container{width:100%;margin-bottom:var(--space-md)}.search-box{padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);font-size:var(--font-size-1)}.search-btn{width:36px;height:36px}.hero-buttons{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-sm) 0;width:100%}.hero-buttons .btn{margin:0;min-width:120px;flex-grow:0}}@media (max-width: 768px){.main-content{padding:0 var(--space-sm)}.main-content.blurred-background{filter:blur(2px)}}@media (max-width: 480px){.main-content{padding:0 var(--space-xs)}}.page-header{display:none;background-image:var(--gradient-primary);color:#fff;padding:var(--space-xxl) 0;margin-bottom:var(--space-lg);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-title{font-family:var(--font-headings);font-optical-sizing:auto;font-variation-settings:"opsz" 144,"wght" 700;letter-spacing:.05em;font-size:var(--font-size-7);color:#fff;margin-bottom:var(--space-md);text-align:center}.page-description{font-size:var(--font-size-3);opacity:.9;max-width:600px;margin:0 auto;text-align:center}.form-group input,.form-group textarea{color:var(--text-1);background-color:var(--surface-1)}.form-group label{color:var(--text-2)}.add-recipe-page{max-width:1200px;margin:0 auto;padding-bottom:var(--space-xl)}.recipe-form{background-color:var(--surface-1);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-2);margin-top:-3rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-lg)}.form-section{margin-bottom:var(--space-xl);padding:var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-lg)}.form-section-title{font-family:var(--font-headings);font-size:var(--font-size-4);color:var(--primary-color);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:2px solid var(--surface-3)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:var(--font-weight-5);color:var(--text-2)}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-1);color:var(--text-1);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ecc6233;outline:none}.quantity-input{display:flex;align-items:center;gap:var(--space-xs)}.quantity-input button{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background-color:var(--surface-3);color:var(--text-1);border:none;cursor:pointer;transition:all var(--transition-fast)}.quantity-input button:hover{background-color:var(--primary-color);color:#fff}.image-upload-container{border:2px dashed var(--surface-3);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;position:relative;overflow:hidden;transition:all var(--transition-fast)}.image-upload-container:hover{border-color:var(--primary-color)}.upload-placeholder{color:var(--text-3);cursor:pointer}.image-preview{position:relative;max-width:400px;margin:0 auto}.image-preview img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md)}.remove-image-btn{position:absolute;top:-10px;right:-10px;background-color:var(--accent-color);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer}.ingredient-row,.instruction-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.ingredient-inputs{flex:1;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xs)}.instruction-row textarea{flex:1;min-height:80px}.instruction-number{width:35px;height:35px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-6)}.remove-item-btn{background:none;border:none;color:var(--text-3);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.remove-item-btn:hover{background-color:var(--accent-color);color:#fff}.add-item-btn{width:100%;padding:var(--space-sm);background-color:var(--surface-3);color:var(--text-1);border:none;border-radius:var(--radius-md);margin-top:var(--space-sm);transition:all var(--transition-fast)}.add-item-btn:hover{background-color:var(--primary-color);color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--surface-3);margin-top:var(--space-lg)}text{color:var(--surface-1);background-color:var(--surface-1);border:1px solid var(--surface-3);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}textarea{color:var(--text-1);background-color:var(--surface-1);border:1px solid var(--surface-3);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5ecc6233;outline:none}.toggle-btn{background-color:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-2)}.panel-toggles{position:relative;width:100%;height:40px;margin-bottom:15px}.left-toggle{position:absolute;left:10px;top:0}.right-toggle{position:absolute;right:10px;top:0}.toggle-btn:hover{transform:scale(1.1);background-color:#4eb352}@media (max-width: 768px){.form-grid,.ingredient-inputs{grid-template-columns:1fr}.image-preview img{height:150px}.form-actions{flex-direction:column}}@media (prefers-color-scheme: dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}.recipe-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl);margin-top:var(--space-xl)}.recipe-image-container{display:flex;align-items:flex-start;justify-content:center}.recipe-details-image{width:100%;max-width:450px;border-radius:var(--radius-lg);object-fit:cover}.page-header-small{display:flex;justify-content:space-between;align-items:center}.page-title{font-family:var(--font-headings);font-size:var(--font-size-4);color:var(--text-1)}.back-button-small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-0);display:flex;align-items:center;gap:var(--space-xs)}.page-title{font-family:var(--font-headings);font-size:var(--font-size-5);color:var(--text-1);max-width:600px;line-height:1.2;word-break:break-word}@media (max-width: 768px){.recipe-layout{grid-template-columns:1fr;gap:var(--space-lg)}.recipe-image-container{order:-1;justify-content:center}.recipe-details-image{width:100%;max-width:100%;border-radius:var(--radius-md);object-fit:cover}.page-header-small{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.page-title{font-size:var(--font-size-4)}}.help-support-page{padding:var(--space-xl) var(--space-md);max-width:1000px;margin:0 auto}.help-support-page h1.page-title{text-align:center;margin-bottom:var(--space-xxl)}.help-section{margin-bottom:var(--space-xxl)}.help-section h2.section-title{margin-bottom:var(--space-md);font-size:var(--font-size-5);color:var(--primary-color-dark)}.help-section ul{padding-left:var(--space-lg);list-style-type:disc}.help-section li{margin-bottom:var(--space-sm);line-height:1.6}.help-section p{margin-bottom:var(--space-sm);color:var(--text-2);line-height:1.7}html{scroll-behavior:smooth}.servings-control{display:flex;align-items:center;margin-top:.5rem;gap:8px}.serving-btn{width:28px;height:28px;background-color:var(--surface-2);border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.serving-count{font-size:1rem;font-weight:600;min-width:24px;text-align:center}.selected-recipes-section{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);margin-top:var(--space-md);padding:var(--space-md);overflow:hidden}.selected-recipes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.selected-recipes-header h2{font-size:var(--font-size-3);margin:0;color:var(--text-1);font-weight:var(--font-weight-6)}.selected-recipes-list{display:flex;flex-direction:column;gap:var(--space-xs)}.selected-recipe-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--surface-2)}.selected-recipe-row:last-child{border-bottom:none}.servings-control{display:flex;align-items:center;gap:var(--space-xs)}.serving-btn{width:28px;height:28px;background-color:var(--surface-2);border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast);font-size:1rem;display:flex;align-items:center;justify-content:center}.serving-btn:hover{background-color:var(--primary-color);color:#fff}.serving-count{font-size:1rem;font-weight:600;min-width:30px;text-align:center}.ingredients-panel-container{position:relative;height:100vh;overflow:hidden}.selected-ingredients-panel{height:100%;display:flex;flex-direction:column;overflow:hidden;color:#fff;flex:1 1 auto;background-color:var(--primary-color)}.panel-header{padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);background-color:var(--primary-color)}.panel-header h2{margin:0;font-size:var(--font-size-3);font-weight:var(--font-weight-6);color:#fff}.ingredients-list{flex:1 1 auto;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.ingredient-item{display:flex;align-items:center;padding:var(--space-md);background-color:#ffffff1a;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:#fff}.ingredient-item:hover{background-color:#fff3;transform:translateY(-1px)}.ingredient-item.selected{background-color:#ffffff4d}.ingredient-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.ingredient-name{font-weight:var(--font-weight-5);color:#fff;font-size:var(--font-size-2)}.ingredient-amount{font-size:var(--font-size-1);color:#fffc}.ingredient-count{background-color:#fff;color:var(--primary-color);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-1)}.vendor-discovery{width:100%}.shopping-page-title{margin-bottom:var(--space-lg);color:var(--text-2);font-size:var(--font-size-5);font-weight:var(--font-weight-6)}.shopping-page-title i{margin-right:var(--space-xs);color:var(--primary-color)}.search-location-container{margin-bottom:var(--space-lg)}.search-container{position:relative;margin-bottom:var(--space-sm)}.search-input{width:100%;padding:var(--space-md) 3rem var(--space-md) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--surface-3);font-size:var(--font-size-1);box-shadow:var(--shadow-1)}.search-button{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--primary-color);font-size:var(--font-size-3);cursor:pointer}.location-container{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-1);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.location-info{display:flex;align-items:center;gap:var(--space-xs)}.location-info i{color:var(--primary-color)}.radius-selector{display:flex;align-items:center;gap:var(--space-xs)}.radius-selector select{background-color:var(--surface-1);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);border:1px solid var(--surface-3)}.vendors-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-md)}.vendor-card{background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.vendor-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-4)}.vendor-header{background:linear-gradient(135deg,var(--surface-1),var(--surface-2));padding:var(--space-lg);border-bottom:1px solid var(--surface-2)}.vendor-name{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-3);color:var(--text-1)}.vendor-meta{display:flex;gap:var(--space-md);color:var(--text-2);font-size:var(--font-size-0)}.vendor-meta i{color:var(--primary-color)}.vendor-inventory{padding:var(--space-lg);flex:1}.inventory-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.match-percentage{margin-bottom:var(--space-xs)}.progress-bar{height:6px;background-color:var(--surface-3);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-xxs)}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:var(--radius-sm)}.match-text{font-size:var(--font-size-0);color:var(--text-2)}.price-info{font-weight:var(--font-weight-6);font-size:var(--font-size-3);color:var(--text-1)}.vendor-inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md)}.inventory-item{background-color:var(--surface-2);padding:var(--space-sm);border-radius:var(--radius-sm);display:flex;justify-content:space-between;font-size:var(--font-size-0)}.vendor-actions{padding:var(--space-lg);border-top:1px solid var(--surface-2);display:flex;justify-content:flex-end}.add-to-cart-btn{padding:var(--space-sm) var(--space-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-5);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-2);transition:all var(--transition-fast)}.add-to-cart-btn:hover{background-color:var(--primary-color-light);transform:translateY(-2px);box-shadow:var(--shadow-3)}.carts-container{flex:1;overflow-y:auto;padding:var(--space-md)}.cart-card{background-color:#ffffff1a;border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.cart-header h3{margin:0;font-size:var(--font-size-3);color:var(--surface-1)}.remove-cart-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;transition:color var(--transition-fast)}.remove-cart-btn:hover{color:#fff}.cart-items-summary{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--font-size-0)}.cart-total{font-weight:var(--font-weight-6)}.checkout-btn{width:100%;padding:var(--space-sm);background-color:#fff;color:var(--primary-color);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-6);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-fast)}.checkout-btn:hover{background-color:#ffffffe6;transform:translateY(-2px)}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center;padding:var(--space-lg)}.empty-cart i{font-size:3rem;margin-bottom:var(--space-sm);opacity:.5}.empty-cart p{margin:var(--space-xxs) 0;opacity:.8}.no-vendors{text-align:center;padding:var(--space-xl) var(--space-md);background-color:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.no-vendors i{font-size:3rem;color:var(--surface-3);margin-bottom:var(--space-sm)}.Login{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.login-box{background-color:var(--surface-1);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);text-align:center;width:350px;max-width:100%}.login-box h1{color:var(--primary-color);font-size:var(--font-size-4);margin-bottom:var(--space-lg);font-weight:var(--font-weight-6);background-image:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.login-box input{width:100%;padding:var(--space-md) var(--space-lg);margin:var(--space-sm) 0;border:1px solid var(--surface-3);border-radius:var(--radius-md);background-color:var(--surface-1);box-sizing:border-box;font-size:var(--font-size-2);transition:all var(--transition-fast)}.login-box input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #5ecc6233}.login-box button{width:100%;padding:var(--space-md) var(--space-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-2);cursor:pointer;transition:all var(--transition-fast)}.login-box button:hover{background-color:var(--primary-color-light);transform:translateY(-2px);box-shadow:var(--shadow-2)}.login-box p{color:var(--text-3);font-size:var(--font-size-0);margin-top:var(--space-lg)}.login-box p a{color:var(--primary-color);text-decoration:none}.login-box p a:hover{text-decoration:underline}.selected-recipes-fab{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-3);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--surface-3);margin-bottom:var(--space-sm)}.modal-header-text{margin:0;font-size:var(--font-size-4);font-weight:var(--font-weight-4);padding-left:var(--space-lg)}.close-btn{background:none;border:none;color:var(--text-1);font-size:var(--font-size-3);cursor:pointer;padding-right:var(--space-lg);margin-left:auto;transition:color var(--transition-fast)}.close-btn:hover{color:var(--accent-color)}.selected-recipes-fab:hover{transform:scale(1.1)}.selected-recipes-fab.open{transform:rotate(45deg)}.selected-count{position:absolute;top:-5px;right:-5px;background-color:var(--accent-color);color:#fff;width:24px;height:24px;border-radius:50%;font-size:var(--font-size-0);display:flex;align-items:center;justify-content:center;font-weight:700}.selected-recipes-overlay{background-color:#0006;animation:fadeIn .3s ease}.selected-recipes-modal{position:fixed;bottom:calc(var(--space-lg) + 10px);right:calc(var(--space-lg) + 60px);width:400px;max-width:100vw;max-height:60vh;background-color:var(--surface-1);box-shadow:10px #000;border-radius:var(--radius-lg);box-shadow:var(--shadow-4);display:flex;flex-direction:column;z-index:1000;animation:slideUp .3s ease}.selected-recipes-list{overflow-y:auto;padding:var(--space-xs);max-height:30vh}.selected-recipe-item{display:flex;align-items:center;padding:var(--space-xs);margin-bottom:var(--space-xs);margin-right:var(--space-md);margin-left:var(--space-md);background-color:var(--surface-2);border-radius:var(--radius-md);transition:transform var(--transition-fast)}.selected-recipe-item:hover{transform:translate(-5px)}.selected-recipe-img{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;margin-right:var(--space-md)}.selected-recipe-details{flex:1}.selected-recipe-details h4{margin:0 0 var(--space-xs);font-size:var(--font-size-1);line-height:1.3}.selected-recipe-details span{font-size:var(--font-size-0);color:var(--text-2)}.remove-selected-btn{background:none;border:none;color:var(--text-3);cursor:pointer;transition:color var(--transition-fast)}.remove-selected-btn:hover{color:var(--accent-color)}.modal-actions{margin-right:var(--space-md);margin-left:var(--space-md);padding:var(--space-sm);border-top:1px solid var(--surface-3);display:flex;justify-content:space-between;gap:var(--space-xl)}@media (max-width: 600px){.vendors-container{grid-template-columns:1fr;gap:var(--space-sm)}}@media (min-width: 1400px){.vendors-container{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));max-width:1400px;margin:0 auto}}@media (max-width: 992px){.footer-container{grid-template-columns:repeat(2,1fr)}.shopping-list-page{padding:var(--space-md) var(--space-lg)}}@media (max-width: 768px){.navbar{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:var(--font-size-8)}.hero p{font-size:var(--font-size-2)}.hero-buttons{flex-direction:column;gap:var(--space-md)}.search-box{font-size:var(--font-size-1);padding:var(--space-sm) var(--space-lg)}.search-results-section{margin-top:-30px;padding:var(--space-md)}.section-title{font-size:var(--font-size-4)}.steps-container{grid-template-columns:1fr}.ingredients-grid{grid-template-columns:repeat(2,1fr)}.recipe-hero{padding:var(--space-lg) var(--space-md);min-height:250px}.recipe-hero h1{font-size:var(--font-size-4)}.recipe-content{padding:var(--space-md)}.ingredients-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.vendor-login{display:none}.selected-recipes-modal{width:calc(100% - var(--space-lg) * 2);right:var(--space-md);bottom:var(--space-md)}.modal-header{padding-right:var(--space-md);padding-left:var(--space-md);font-size:var(--font-size-7)}.shopping-list-controls{flex-direction:column;align-items:stretch}.list-actions{margin-top:var(--space-xs);flex-wrap:wrap;justify-content:space-between}.shopping-list-table th,.shopping-list-table td{padding:var(--space-sm) var(--space-xs)}.item-image-container{width:40px;height:40px}.quantity-display{min-width:45px;font-size:var(--font-size-0)}.shopping-layout,.shopping-layout.show-ingredients,.shopping-layout.show-cart,.shopping-layout.show-ingredients.show-cart{display:flex;flex-direction:column}.ingredients-panel-container{left:0;transform:translate(-100%);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.ingredients-panel-container.expanded{transform:translate(0)}.cart-panel-container{right:0;transform:translate(100%);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.cart-panel-container.expanded{transform:translate(0)}.ingredients-panel-container:not(.expanded),.cart-panel-container:not(.expanded){width:10px!important;border:none}.ingredients-panel-container:not(.expanded) .toggle-button{left:10px;right:auto}.cart-panel-container:not(.expanded) .toggle-button{right:10px;left:auto}.vendor-discovery-container{width:100%;padding:var(--space-md)}}@media (max-width: 576px){.footer-container,.recipes-grid{grid-template-columns:1fr}.vendor-login{display:none}.shopping-list-page{padding:0 var(--space-sm)}.item-image-col{width:50px}.item-quantity-col{width:110px}.quantity-control{gap:var(--space-xxs)}.quantity-btn{width:24px;height:24px}.category-header td{font-size:var(--font-size-1)}.recipe-tabs{overflow-x:auto;padding-bottom:var(--space-xs)}.tab-button{padding:var(--space-sm) var(--space-md);white-space:nowrap}.recipe-actions{flex-direction:column}.recipe-actions button{width:100%}.ingredients-grid{grid-template-columns:1fr}.nutrition-item{grid-template-columns:1fr;gap:var(--space-xs)}.nutrient-value{text-align:left}}@media (max-width: 576px){.selected-recipes-modal{width:calc(100% - var(--space-sm) * 2);max-height:70vh}.selected-recipes-list{max-height:50vh}.modal-header{font-size:var(--font-size-6)}}@media (max-width: 768px){.shopping-layout,.shopping-layout.show-ingredients,.shopping-layout.show-cart,.shopping-layout.show-ingredients.show-cart{display:flex;flex-direction:column}.ingredients-panel-container.expanded{transform:translate(0)}.cart-panel-container{right:0;transform:translate(100%);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.cart-panel-container.expanded{transform:translate(0)}.ingredients-panel-container:not(.expanded),.cart-panel-container:not(.expanded){width:10px!important;border:none}.vendor-discovery-container{width:100%;padding:var(--space-md)}.shopping-page:before{content:"";display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:100}.shopping-layout.show-ingredients .shopping-page:before,.shopping-layout.show-cart .shopping-page:before{display:block}.mobile-panel-toggles{margin-bottom:1rem;display:flex;justify-content:space-between}.mobile-toggle-btn{padding:8px 12px;border-radius:4px;font-size:.9rem;display:flex;align-items:center;gap:5px}}