@charset "UTF-8";:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-overlay:2000;--z-modal:3000;--z-toast:4000;--z-tooltip:5000;--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--touch-target-min:44px;--touch-target-md:48px;--touch-target-lg:56px;--focus-width:2px;--focus-offset:2px;--focus-style:solid;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--color-black-alpha-60:rgba(0,0,0,.6);--color-black-alpha-75:rgba(0,0,0,.75);--color-black-alpha-85:rgba(0,0,0,.85);--color-black-alpha-95:rgba(0,0,0,.95);--color-white-alpha-10:hsla(0,0%,100%,.1);--color-white-alpha-20:hsla(0,0%,100%,.2);--color-white-alpha-90:hsla(0,0%,100%,.9)}.p-0{padding:0;padding:var(--space-0)}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.m-0{margin:0;margin:var(--space-0)}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.gap-6{gap:1.5rem;gap:var(--space-6)}.not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.margin-block-start-4{margin-top:1rem;margin-top:var(--space-4)}.margin-block-end-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.margin-inline-start-4{margin-left:1rem;margin-left:var(--space-4)}.margin-inline-end-4{margin-right:1rem;margin-right:var(--space-4)}.padding-block-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.padding-inline-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.focus-visible-ring:focus-visible{outline:2px solid var(--primary);outline:var(--focus-width) var(--focus-style) var(--primary);outline-offset:2px;outline-offset:var(--focus-offset)}:root{--primary-hue:262;--primary-saturation:83%;--primary-lightness:42%;--theme-transition-duration:var(--duration-normal,.3s);--shimmer-progress:0%;--shimmer-color-1:#d4af37;--shimmer-color-2:#f4e4a1;--shimmer-angle:135;--royal-purple:hsl(var(--primary-hue),var(--primary-saturation),var(--primary-lightness));--royal-gold:#92400e;--primary:#5b21b6;--primary-dark:#4c1d95;--primary-light:#7c3aed;--accent:#92400e;--background:#f3f4f6;--surface:#fff;--surface-elevated:#fff;--surface-hover:#e5e7eb;--text-primary:#000;--text-secondary:#1f2937;--text-muted:#374151;--text-disabled:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-strong:#9ca3af;--success:#065f46;--success-bg:#d1fae5;--warning:#92400e;--warning-bg:#fef3c7;--error:#991b1b;--error-bg:#fee2e2;--info:#1e40af;--info-bg:#dbeafe;--btn-primary-bg:#5b21b6;--btn-primary-hover:#4c1d95;--btn-primary-text:#fff;--btn-success-bg:#065f46;--btn-success-hover:#064e3b;--btn-success-text:#fff;--btn-error-bg:#991b1b;--btn-error-hover:#7f1d1d;--btn-error-text:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--focus-ring:0 0 0 var(--focus-width,2px) rgba(91,33,182,.15);--color-primary:var(--primary);--color-primary-dark:var(--primary-dark);--color-primary-light:var(--primary-light);--color-accent:var(--accent);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--error);--color-info:var(--info);--color-background:var(--background);--color-surface:var(--surface);--color-surface-elevated:var(--surface-elevated);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border-light:var(--border-light);--color-border-medium:var(--border-medium);--color-border-strong:var(--border-strong);--color-primary-alpha-5:rgba(91,33,182,.05);--color-primary-alpha-8:rgba(91,33,182,.08);--color-primary-alpha-10:rgba(91,33,182,.1);--color-primary-alpha-15:rgba(91,33,182,.15);--color-primary-alpha-20:rgba(91,33,182,.2);--color-primary-alpha-25:rgba(91,33,182,.25);--color-primary-alpha-30:rgba(91,33,182,.3);--color-primary-alpha-40:rgba(91,33,182,.4);--color-primary-alpha-50:rgba(91,33,182,.5);--color-accent-alpha-10:rgba(146,64,14,.1);--color-accent-alpha-20:rgba(146,64,14,.2);--color-accent-alpha-30:rgba(146,64,14,.3);--color-success-alpha-10:rgba(6,95,70,.1);--color-success-alpha-20:rgba(6,95,70,.2);--color-success-alpha-30:rgba(6,95,70,.3);--color-error-alpha-10:rgba(153,27,27,.1);--color-error-alpha-20:rgba(153,27,27,.2);--color-error-alpha-30:rgba(153,27,27,.3);--color-info-alpha-10:rgba(30,64,175,.1);--color-info-alpha-20:rgba(30,64,175,.2);--color-warning-alpha-10:rgba(146,64,14,.1);--color-warning-alpha-20:rgba(146,64,14,.2);--black-alpha-5:rgba(0,0,0,.05);--black-alpha-10:rgba(0,0,0,.1);--black-alpha-15:rgba(0,0,0,.15);--black-alpha-20:rgba(0,0,0,.2);--black-alpha-30:rgba(0,0,0,.3);--black-alpha-40:rgba(0,0,0,.4);--black-alpha-50:rgba(0,0,0,.5);--black-alpha-60:rgba(0,0,0,.6);--black-alpha-70:rgba(0,0,0,.7);--white-alpha-5:hsla(0,0%,100%,.05);--white-alpha-8:hsla(0,0%,100%,.08);--white-alpha-10:hsla(0,0%,100%,.1);--white-alpha-15:hsla(0,0%,100%,.15);--white-alpha-20:hsla(0,0%,100%,.2);--white-alpha-30:hsla(0,0%,100%,.3);--white-alpha-40:hsla(0,0%,100%,.4);--white-alpha-50:hsla(0,0%,100%,.5);--color-whatsapp:#25d366;--color-whatsapp-dark:#20ba5a;--color-facebook:#1877f2;--color-instagram:#e4405f;--color-twitter:#1da1f2;--color-youtube:red;--color-tiktok:#000;--color-snapchat:#fffc00;--color-google-maps:#4285f4;--color-red-600:#dc2626;--color-orange-600:#d97706;--color-amber-500:#f59e0b;--color-green-600:#10b981;--color-blue-600:#3b82f6;--color-purple-600:#5b21b6;--color-purple-700:#4c1d95;--color-purple-500:#7c3aed;--color-red-500:#ef4444;--color-green-700:#065f46;--color-green-800:#064e3b}[data-theme=dark]{--primary-hue:262;--primary-saturation:73%;--primary-lightness:68%;--royal-purple:hsl(var(--primary-hue),var(--primary-saturation),var(--primary-lightness));--royal-gold:#fbbf24;--primary:#a78bfa;--primary-dark:#c4b5fd;--primary-light:#8b5cf6;--accent:#fbbf24;--background:#0a0a0a;--surface:#1a1a1a;--surface-elevated:#262626;--surface-hover:#2d2d2d;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#a3a3a3;--text-disabled:#525252;--border-light:#262626;--border-medium:#404040;--border-strong:#525252;--success:#34d399;--success-bg:#064e3b;--warning:#fbbf24;--warning-bg:#78350f;--error:#f87171;--error-bg:#7f1d1d;--info:#60a5fa;--info-bg:#1e3a8a;--btn-primary-bg:#7c3aed;--btn-primary-hover:#6d28d9;--btn-primary-text:#fff;--btn-success-bg:#059669;--btn-success-hover:#047857;--btn-success-text:#fff;--btn-error-bg:#dc2626;--btn-error-hover:#b91c1c;--btn-error-text:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6);--focus-ring:0 0 0 var(--focus-width,2px) rgba(167,139,250,.25);--color-primary:var(--primary);--color-primary-dark:var(--primary-dark);--color-primary-light:var(--primary-light);--color-accent:var(--accent);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--error);--color-info:var(--info);--color-background:var(--background);--color-surface:var(--surface);--color-surface-elevated:var(--surface-elevated);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border-light:var(--border-light);--color-border-medium:var(--border-medium);--color-border-strong:var(--border-strong);--color-primary-alpha-5:rgba(167,139,250,.05);--color-primary-alpha-8:rgba(167,139,250,.08);--color-primary-alpha-10:rgba(167,139,250,.1);--color-primary-alpha-15:rgba(167,139,250,.15);--color-primary-alpha-20:rgba(167,139,250,.2);--color-primary-alpha-25:rgba(167,139,250,.25);--color-primary-alpha-30:rgba(167,139,250,.3);--color-primary-alpha-40:rgba(167,139,250,.4);--color-primary-alpha-50:rgba(167,139,250,.5);--color-accent-alpha-10:rgba(251,191,36,.1);--color-accent-alpha-20:rgba(251,191,36,.2);--color-accent-alpha-30:rgba(251,191,36,.3);--color-success-alpha-10:rgba(52,211,153,.1);--color-success-alpha-20:rgba(52,211,153,.2);--color-success-alpha-30:rgba(52,211,153,.3);--color-error-alpha-10:hsla(0,91%,71%,.1);--color-error-alpha-20:hsla(0,91%,71%,.2);--color-error-alpha-30:hsla(0,91%,71%,.3);--color-info-alpha-10:rgba(96,165,250,.1);--color-info-alpha-20:rgba(96,165,250,.2);--color-warning-alpha-10:rgba(251,191,36,.1);--color-warning-alpha-20:rgba(251,191,36,.2);--black-alpha-5:rgba(0,0,0,.05);--black-alpha-10:rgba(0,0,0,.1);--black-alpha-15:rgba(0,0,0,.15);--black-alpha-20:rgba(0,0,0,.2);--black-alpha-30:rgba(0,0,0,.3);--black-alpha-40:rgba(0,0,0,.4);--black-alpha-50:rgba(0,0,0,.5);--black-alpha-60:rgba(0,0,0,.6);--black-alpha-70:rgba(0,0,0,.7);--white-alpha-5:hsla(0,0%,100%,.05);--white-alpha-8:hsla(0,0%,100%,.08);--white-alpha-10:hsla(0,0%,100%,.1);--white-alpha-15:hsla(0,0%,100%,.15);--white-alpha-20:hsla(0,0%,100%,.2);--white-alpha-30:hsla(0,0%,100%,.3);--white-alpha-40:hsla(0,0%,100%,.4);--white-alpha-50:hsla(0,0%,100%,.5);--color-whatsapp:#25d366;--color-whatsapp-dark:#20ba5a;--color-facebook:#1877f2;--color-instagram:#e4405f;--color-twitter:#1da1f2;--color-youtube:red;--color-tiktok:#fff;--color-snapchat:#fffc00;--color-google-maps:#4285f4;--color-red-600:#ef4444;--color-orange-600:#f97316;--color-amber-500:#fbbf24;--color-green-600:#34d399;--color-blue-600:#60a5fa;--color-purple-600:#a78bfa;--color-purple-700:#c4b5fd;--color-purple-500:#8b5cf6;--color-red-500:#f87171;--color-green-700:#10b981;--color-green-800:#059669}body{background-color:#f3f4f6;background-color:var(--background);color:#000;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:focus-visible{border-radius:4px;outline:2px solid #5b21b6;outline:2px solid var(--primary);outline-offset:2px}:root{--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-200:#e9d5ff;--purple-300:#d8b4fe;--purple-400:#c084fc;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7e22ce;--purple-800:#6b21a8;--purple-900:#581c87;--purple-950:#3b0764;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-800:#3730a3;--indigo-900:#312e81;--indigo-950:#1e1b4b;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--red-950:#450a0a;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--green-950:#052e16;--yellow-50:#fefce8;--yellow-100:#fef9c3;--yellow-200:#fef08a;--yellow-300:#fde047;--yellow-400:#facc15;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--yellow-800:#854d0e;--yellow-900:#713f12;--yellow-950:#422006;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--blue-950:#172554;--color-primary:var(--purple-600);--color-primary-light:var(--purple-500);--color-primary-dark:var(--purple-700);--color-primary-50:var(--purple-50);--color-primary-100:var(--purple-100);--color-primary-200:var(--purple-200);--color-primary-300:var(--purple-300);--color-primary-400:var(--purple-400);--color-primary-500:var(--purple-500);--color-primary-600:var(--purple-600);--color-primary-700:var(--purple-700);--color-primary-800:var(--purple-800);--color-primary-900:var(--purple-900);--color-error:var(--red-600);--color-success:var(--green-600);--color-warning:var(--yellow-600);--color-info:var(--blue-600);--color-surface:#fff;--color-surface-elevated:var(--gray-50);--color-surface-hover:var(--gray-100);--color-surface-pressed:var(--gray-200);--color-text-primary:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-tertiary:var(--gray-500);--color-text-muted:var(--gray-400);--color-border-light:var(--gray-200);--color-border-medium:var(--gray-300);--color-border-strong:var(--gray-400);--space-px:1px;--space-0:0;--space-0-5:.125rem;--space-1-5:.375rem;--space-2-5:.625rem;--space-3-5:.875rem;--space-5:1.25rem;--space-7:1.75rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-none:0;--radius-sm:.125rem;--radius-DEFAULT:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--ring-width-0:0px;--ring-width-1:1px;--ring-width-2:2px;--ring-width:3px;--ring-width-4:4px;--ring-width-8:8px;--ring-offset-width-0:0px;--ring-offset-width-1:1px;--ring-offset-width-2:2px;--ring-offset-width:2px;--ring-offset-width-4:4px;--ring-offset-width-8:8px;--ring-color-primary:rgba(147,51,234,.5);--ring-color-error:rgba(220,38,38,.5);--ring-color-success:rgba(22,163,74,.5);--ring-color-warning:rgba(202,138,4,.5);--ring-color-info:rgba(37,99,235,.5);--ring-offset-color:#fff;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--shadow-primary-sm:0 4px 12px 0 rgba(147,51,234,.3);--shadow-primary-md:0 8px 20px 0 rgba(147,51,234,.4);--shadow-primary-lg:0 12px 32px 0 rgba(147,51,234,.5);--shadow-error-sm:0 4px 12px 0 rgba(220,38,38,.3);--shadow-success-sm:0 4px 12px 0 rgba(22,163,74,.3);--shadow-warning-sm:0 4px 12px 0 rgba(202,138,4,.3);--drop-shadow-sm:drop-shadow(0 1px 1px rgba(0,0,0,.05));--drop-shadow-md:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));--drop-shadow-lg:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));--drop-shadow-xl:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));--duration-instant:75ms;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--transition-none:none;--transition-all:all .15s cubic-bezier(.4,0,.2,1);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke .15s cubic-bezier(.4,0,.2,1);--transition-opacity:opacity .15s cubic-bezier(.4,0,.2,1);--transition-shadow:box-shadow .15s cubic-bezier(.4,0,.2,1);--transition-transform:transform .15s cubic-bezier(.4,0,.2,1);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--z-fixed:1200;--z-modal-overlay:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-toast:1700;--z-max:9999;--opacity-0:0;--opacity-5:.05;--opacity-10:.1;--opacity-20:.2;--opacity-25:.25;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-75:.75;--opacity-80:.8;--opacity-90:.9;--opacity-95:.95;--opacity-100:1;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--touch-target-sm:36px;--touch-target-md:44px;--touch-target-lg:48px;--touch-target-xl:56px;--color-black-alpha-5:rgba(0,0,0,.05);--color-black-alpha-10:rgba(0,0,0,.1);--color-black-alpha-20:rgba(0,0,0,.2);--color-black-alpha-30:rgba(0,0,0,.3);--color-black-alpha-40:rgba(0,0,0,.4);--color-black-alpha-50:rgba(0,0,0,.5);--color-black-alpha-60:rgba(0,0,0,.6);--color-black-alpha-70:rgba(0,0,0,.7);--color-black-alpha-75:rgba(0,0,0,.75);--color-black-alpha-80:rgba(0,0,0,.8);--color-black-alpha-85:rgba(0,0,0,.85);--color-black-alpha-90:rgba(0,0,0,.9);--color-black-alpha-95:rgba(0,0,0,.95);--color-white-alpha-5:hsla(0,0%,100%,.05);--color-white-alpha-10:hsla(0,0%,100%,.1);--color-white-alpha-20:hsla(0,0%,100%,.2);--color-white-alpha-30:hsla(0,0%,100%,.3);--color-white-alpha-40:hsla(0,0%,100%,.4);--color-white-alpha-50:hsla(0,0%,100%,.5);--color-white-alpha-60:hsla(0,0%,100%,.6);--color-white-alpha-70:hsla(0,0%,100%,.7);--color-white-alpha-80:hsla(0,0%,100%,.8);--color-white-alpha-90:hsla(0,0%,100%,.9);--color-white-alpha-95:hsla(0,0%,100%,.95)}[data-theme=dark]{--color-surface:var(--gray-900);--color-surface-elevated:var(--gray-800);--color-surface-hover:var(--gray-700);--color-surface-pressed:var(--gray-600);--color-text-primary:var(--gray-100);--color-text-secondary:var(--gray-400);--color-text-tertiary:var(--gray-500);--color-text-muted:var(--gray-600);--color-border-light:var(--gray-700);--color-border-medium:var(--gray-600);--color-border-strong:var(--gray-500);--ring-offset-color:var(--gray-900)}:root{--primary-hue:262;--primary-saturation:83%;--primary-lightness:42%;--theme-transition-duration:var(--duration-normal,.3s);--shimmer-progress:0%;--shimmer-color-1:#d4af37;--shimmer-color-2:#f4e4a1;--shimmer-angle:135;--royal-purple:hsl(var(--primary-hue),var(--primary-saturation),var(--primary-lightness));--royal-gold:#92400e;--success-bg:#d1fae5;--warning-bg:#fef3c7;--error-bg:#fee2e2;--info-bg:#dbeafe;--btn-primary-bg:#5b21b6;--btn-primary-hover:#4c1d95;--btn-primary-text:#fff;--btn-success-bg:#065f46;--btn-success-hover:#064e3b;--btn-success-text:#fff;--btn-error-bg:#991b1b;--btn-error-hover:#7f1d1d;--btn-error-text:#fff;--focus-ring:0 0 0 var(--focus-width,2px) rgba(91,33,182,.15);--color-primary:var(--primary);--color-primary-dark:var(--primary-dark);--color-primary-light:var(--primary-light);--color-accent:var(--accent);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--error);--color-info:var(--info);--color-background:var(--background);--color-surface:var(--surface);--color-surface-elevated:var(--surface-elevated);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border-light:var(--border-light);--color-border-medium:var(--border-medium);--color-border-strong:var(--border-strong);--color-primary-alpha-5:rgba(91,33,182,.05);--color-primary-alpha-8:rgba(91,33,182,.08);--color-primary-alpha-10:rgba(91,33,182,.1);--color-primary-alpha-15:rgba(91,33,182,.15);--color-primary-alpha-20:rgba(91,33,182,.2);--color-primary-alpha-25:rgba(91,33,182,.25);--color-primary-alpha-30:rgba(91,33,182,.3);--color-primary-alpha-40:rgba(91,33,182,.4);--color-primary-alpha-50:rgba(91,33,182,.5);--color-accent-alpha-10:rgba(146,64,14,.1);--color-accent-alpha-20:rgba(146,64,14,.2);--color-accent-alpha-30:rgba(146,64,14,.3);--color-success-alpha-10:rgba(6,95,70,.1);--color-success-alpha-20:rgba(6,95,70,.2);--color-success-alpha-30:rgba(6,95,70,.3);--color-error-alpha-10:rgba(153,27,27,.1);--color-error-alpha-20:rgba(153,27,27,.2);--color-error-alpha-30:rgba(153,27,27,.3);--color-info-alpha-10:rgba(30,64,175,.1);--color-info-alpha-20:rgba(30,64,175,.2);--color-warning-alpha-10:rgba(146,64,14,.1);--color-warning-alpha-20:rgba(146,64,14,.2);--black-alpha-5:rgba(0,0,0,.05);--black-alpha-10:rgba(0,0,0,.1);--black-alpha-15:rgba(0,0,0,.15);--black-alpha-20:rgba(0,0,0,.2);--black-alpha-30:rgba(0,0,0,.3);--black-alpha-40:rgba(0,0,0,.4);--black-alpha-50:rgba(0,0,0,.5);--black-alpha-60:rgba(0,0,0,.6);--black-alpha-70:rgba(0,0,0,.7);--white-alpha-5:hsla(0,0%,100%,.05);--white-alpha-8:hsla(0,0%,100%,.08);--white-alpha-10:hsla(0,0%,100%,.1);--white-alpha-15:hsla(0,0%,100%,.15);--white-alpha-20:hsla(0,0%,100%,.2);--white-alpha-30:hsla(0,0%,100%,.3);--white-alpha-40:hsla(0,0%,100%,.4);--white-alpha-50:hsla(0,0%,100%,.5);--color-whatsapp:#25d366;--color-whatsapp-dark:#20ba5a;--color-facebook:#1877f2;--color-instagram:#e4405f;--color-twitter:#1da1f2;--color-youtube:red;--color-tiktok:#000;--color-snapchat:#fffc00;--color-google-maps:#4285f4;--color-red-600:#dc2626;--color-orange-600:#d97706;--color-amber-500:#f59e0b;--color-green-600:#10b981;--color-blue-600:#3b82f6;--color-purple-600:#5b21b6;--color-purple-700:#4c1d95;--color-purple-500:#7c3aed;--color-red-500:#ef4444;--color-green-700:#065f46;--color-green-800:#064e3b}[data-theme=dark]{--primary-hue:262;--primary-saturation:73%;--primary-lightness:68%;--royal-purple:hsl(var(--primary-hue),var(--primary-saturation),var(--primary-lightness));--royal-gold:#fbbf24;--success-bg:#064e3b;--warning:#fbbf24;--warning-bg:#78350f;--error-bg:#7f1d1d;--info-bg:#1e3a8a;--btn-primary-bg:#7c3aed;--btn-primary-hover:#6d28d9;--btn-primary-text:#fff;--btn-success-bg:#059669;--btn-success-hover:#047857;--btn-success-text:#fff;--btn-error-bg:#dc2626;--btn-error-hover:#b91c1c;--btn-error-text:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6);--focus-ring:0 0 0 var(--focus-width,2px) rgba(167,139,250,.25);--color-primary:var(--primary);--color-primary-dark:var(--primary-dark);--color-primary-light:var(--primary-light);--color-accent:var(--accent);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--error);--color-info:var(--info);--color-background:var(--background);--color-surface:var(--surface);--color-surface-elevated:var(--surface-elevated);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-border-light:var(--border-light);--color-border-medium:var(--border-medium);--color-border-strong:var(--border-strong);--color-primary-alpha-5:rgba(167,139,250,.05);--color-primary-alpha-8:rgba(167,139,250,.08);--color-primary-alpha-10:rgba(167,139,250,.1);--color-primary-alpha-15:rgba(167,139,250,.15);--color-primary-alpha-20:rgba(167,139,250,.2);--color-primary-alpha-25:rgba(167,139,250,.25);--color-primary-alpha-30:rgba(167,139,250,.3);--color-primary-alpha-40:rgba(167,139,250,.4);--color-primary-alpha-50:rgba(167,139,250,.5);--color-accent-alpha-10:rgba(251,191,36,.1);--color-accent-alpha-20:rgba(251,191,36,.2);--color-accent-alpha-30:rgba(251,191,36,.3);--color-success-alpha-10:rgba(52,211,153,.1);--color-success-alpha-20:rgba(52,211,153,.2);--color-success-alpha-30:rgba(52,211,153,.3);--color-error-alpha-10:hsla(0,91%,71%,.1);--color-error-alpha-20:hsla(0,91%,71%,.2);--color-error-alpha-30:hsla(0,91%,71%,.3);--color-info-alpha-10:rgba(96,165,250,.1);--color-info-alpha-20:rgba(96,165,250,.2);--color-warning-alpha-10:rgba(251,191,36,.1);--color-warning-alpha-20:rgba(251,191,36,.2);--black-alpha-5:rgba(0,0,0,.05);--black-alpha-10:rgba(0,0,0,.1);--black-alpha-15:rgba(0,0,0,.15);--black-alpha-20:rgba(0,0,0,.2);--black-alpha-30:rgba(0,0,0,.3);--black-alpha-40:rgba(0,0,0,.4);--black-alpha-50:rgba(0,0,0,.5);--black-alpha-60:rgba(0,0,0,.6);--black-alpha-70:rgba(0,0,0,.7);--white-alpha-5:hsla(0,0%,100%,.05);--white-alpha-8:hsla(0,0%,100%,.08);--white-alpha-10:hsla(0,0%,100%,.1);--white-alpha-15:hsla(0,0%,100%,.15);--white-alpha-20:hsla(0,0%,100%,.2);--white-alpha-30:hsla(0,0%,100%,.3);--white-alpha-40:hsla(0,0%,100%,.4);--white-alpha-50:hsla(0,0%,100%,.5);--color-whatsapp:#25d366;--color-whatsapp-dark:#20ba5a;--color-facebook:#1877f2;--color-instagram:#e4405f;--color-twitter:#1da1f2;--color-youtube:red;--color-tiktok:#fff;--color-snapchat:#fffc00;--color-google-maps:#4285f4;--color-red-600:#ef4444;--color-orange-600:#f97316;--color-amber-500:#fbbf24;--color-green-600:#34d399;--color-blue-600:#60a5fa;--color-purple-600:#a78bfa;--color-purple-700:#c4b5fd;--color-purple-500:#8b5cf6;--color-red-500:#f87171;--color-green-700:#10b981;--color-green-800:#059669}body{background-color:#f3f4f6;background-color:var(--background);text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}[dir=rtl]{direction:rtl;font-family:Noto Sans Arabic,-apple-system,BlinkMacSystemFont,sans-serif;text-align:right}[dir=ltr]{direction:ltr;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:left}body{padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent;margin:4px}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-medium);background-clip:padding-box;border:2px solid transparent;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--border-strong);background-clip:padding-box;border:2px solid transparent}.editor-form::-webkit-scrollbar{width:8px}.editor-form::-webkit-scrollbar-track{background:transparent;margin:8px 0}.editor-form::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-light);background-clip:padding-box;border:2px solid #fff;border:2px solid var(--surface);border-radius:8px}.editor-form::-webkit-scrollbar-thumb:hover{background:#d1d5db;background:var(--border-medium);background-clip:padding-box;border:2px solid #fff;border:2px solid var(--surface)}*{scrollbar-color:#d1d5db transparent;scrollbar-color:var(--border-medium) transparent}*,.editor-form{scrollbar-width:thin}.editor-form{scrollbar-color:#e5e7eb transparent;scrollbar-color:var(--border-light) transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px #5b21b626;box-shadow:var(--focus-ring)}@media (prefers-contrast:high){:root{--border-medium:#000;--text-secondary:#000}[data-theme=dark]{--border-medium:#fff;--text-secondary:#fff}}::selection{background-color:#5b21b6;background-color:var(--primary);color:#fff}::-moz-selection{background-color:#5b21b6;background-color:var(--primary);color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme]){--primary:#a78bfa;--primary-dark:#c4b5fd;--primary-light:#8b5cf6;--accent:#fbbf24;--background:#0a0a0a;--surface:#1a1a1a;--surface-elevated:#262626;--surface-hover:#2d2d2d;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#a3a3a3;--text-disabled:#525252;--border-light:#262626;--border-medium:#404040;--border-strong:#525252;--success:#34d399;--success-bg:#064e3b;--warning:#fbbf24;--warning-bg:#78350f;--error:#f87171;--error-bg:#7f1d1d;--info:#60a5fa;--info-bg:#1e3a8a;--btn-primary-bg:#7c3aed;--btn-primary-hover:#6d28d9;--btn-success-bg:#059669;--btn-success-hover:#047857;--btn-error-bg:#dc2626;--btn-error-hover:#b91c1c;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6);--color-primary-alpha-10:rgba(167,139,250,.1);--color-primary-alpha-20:rgba(167,139,250,.2);--color-primary-alpha-30:rgba(167,139,250,.3);--color-red-600:#ef4444;--color-green-600:#34d399;--color-blue-600:#60a5fa;--color-purple-600:#a78bfa;--color-tiktok:#fff}}.admin-dashboard{color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.skip-link{background:#5b21b6;background:var(--primary);border-radius:0 0 4px;transition:top .2s ease}.skip-link:focus{outline:2px solid #92400e;outline:2px solid var(--accent)}:focus-visible{border-radius:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #5b21b6;outline:2px solid var(--primary)}.admin-dashboard[data-loading=true] .admin-header:after{border:2px solid #5b21b6;border:2px solid var(--primary)}.admin-header{animation:slideDown .3s ease-out;background:var(--surface);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d}.brand-icon{background:linear-gradient(135deg,#5b21b6,#92400e);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px}.brand-title{color:var(--text-primary)}.brand-subtitle{color:var(--text-secondary)}.controls-group{background:#e5e7eb;background:var(--surface-hover);border-radius:10px}.control-btn{border-radius:8px;color:var(--text-secondary);transition:all .2s ease}.control-btn:hover{background:var(--surface);color:#5b21b6;color:var(--primary)}.control-btn.active-ar,.control-btn.active-ar:after,.control-btn.active-en,.control-btn.active-en:after,.control-btn.active-theme{background:#5b21b6;background:var(--primary)}.logout-btn-new{background:var(--error);border-radius:10px;padding:0 .875rem;transition:all .2s ease}.logout-btn-new:hover{background:var(--color-red-600)}.icon-btn{background:#e5e7eb;background:var(--surface-hover);border:2px solid var(--border-light);border-radius:10px;box-shadow:0 2px 4px #0000000d;color:var(--text-primary);transition:all .25s cubic-bezier(.4,0,.2,1)}.icon-btn:hover{background:#5b21b6;background:var(--primary);border-color:#5b21b6;border-color:var(--primary)}.refresh-btn{background:#e5e7eb;background:var(--surface-hover);border:2px solid var(--border-light);box-shadow:0 2px 4px #0000000d;color:#5b21b6;color:var(--primary);font-size:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.refresh-btn:hover{background:#5b21b6;background:var(--primary);box-shadow:0 4px 12px #6b46c14d;color:#fff;transform:scale(1.1) rotate(90deg)}}.logout-btn{background:var(--btn-error-bg);border-radius:12px;box-shadow:0 2px 4px #0000001a;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.logout-btn:hover{background:#7f1d1d;background:var(--btn-error-hover);box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px) scale(1.02)}}.unsaved-indicator{animation:pulse 2s ease-in-out infinite,slideDown .3s ease}.offline-indicator,.unsaved-indicator{font-size:.8125rem;padding:.625rem 1rem}.offline-indicator{animation:slideDown .3s ease;background:linear-gradient(135deg,var(--error),var(--color-red-600))}@media (max-width:640px){.offline-indicator,.unsaved-indicator{font-size:.75rem;padding:.5rem .75rem}}@media (min-width:1024px){.admin-container{max-width:1600px;padding:2.5rem 3rem}}@media (min-width:1440px){.admin-container{max-width:1800px;padding:3rem 4rem}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;animation:fadeIn .5s ease;gap:1.5rem;margin:2rem 0 2.5rem}@media (min-width:1024px){.stats-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:1440px){.stats-grid{gap:2.5rem;grid-template-columns:repeat(4,1fr)}}.stat-card{animation:slideUp .4s ease-out backwards;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);gap:1.5rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s var(--ease-in-out)}.stat-card:before{background:linear-gradient(90deg,#5b21b6,#92400e);background:linear-gradient(90deg,var(--primary),var(--accent));height:3px;left:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--ease-in-out)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}[data-theme=dark] .stat-card{background:linear-gradient(135deg,#ffffff08,#ffffff0d)}.stat-icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-icon-primary{background:linear-gradient(135deg,#5b21b6,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.stat-icon-accent{background:linear-gradient(135deg,#92400e,#fbbf24);background:linear-gradient(135deg,var(--accent),#fbbf24);color:#fff}.stat-icon-success{background:linear-gradient(135deg,#065f46,#10b981);background:linear-gradient(135deg,var(--success),var(--color-green-600));color:#fff}.stat-icon-error{background:linear-gradient(135deg,#991b1b,#ef4444);background:linear-gradient(135deg,var(--error),var(--color-red-500));color:#fff}.stat-content{display:flex;flex:1;flex-direction:column;gap:.25rem}.stat-label{color:#1f2937;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#000;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:before{background:radial-gradient(circle,#5b21b6 0,transparent 70%);background:radial-gradient(circle,var(--primary) 0,transparent 70%);content:"";height:100px;opacity:.1;position:absolute;right:0;top:0;transition:all .3s ease;width:100px}@media (hover:hover) and (pointer:fine){.stat-card:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 12px 28px #0000001f;transform:translateY(-4px) scale(1.02)}[data-theme=dark] .stat-card:hover{box-shadow:0 12px 28px #0006}.stat-card:hover:before{opacity:.15;transform:scale(1.2)}}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-card-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#5b21b6,#92400e);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;box-shadow:0 4px 12px #6b46c14d;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-card-value{background:linear-gradient(135deg,#000,#5b21b6);background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;color:#000;color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:1;margin-bottom:.25rem;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-label{color:#1f2937;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-card-trend{align-items:center;border-radius:6px;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.25rem;margin-top:.75rem;padding:.25rem .5rem}.stat-card-trend.up{background:#48bb781a;color:#065f46;color:var(--success)}.stat-card-trend.down{background:#ef44441a;color:#991b1b;color:var(--error)}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.admin-tabs{animation:fadeIn .5s ease;background:var(--background);border-bottom:2px solid var(--border-medium);z-index:50}.tab-btn{color:var(--text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-btn:after{background:#5b21b6;background:var(--primary);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.tab-btn:hover{background:#e5e7eb;background:var(--surface-hover);color:#5b21b6;color:var(--primary)}.tab-btn:hover:after{transform:scaleX(.5)}}.tab-btn.active{color:#5b21b6;color:var(--primary)}.section-header{animation:fadeIn .5s ease}.section-header:after{animation:expandWidth .5s ease;background:linear-gradient(90deg,#5b21b6,#92400e);background:linear-gradient(90deg,var(--primary),var(--accent))}.section-header-icon{color:#5b21b6;color:var(--primary)}.section-header h2:before{background:linear-gradient(180deg,#5b21b6,#92400e);background:linear-gradient(180deg,var(--primary),var(--accent))}.add-btn,.bulk-add-btn,.save-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;min-width:48px;overflow:hidden;padding:.875rem 1.5rem;position:relative;touch-action:manipulation;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.add-btn svg,.bulk-add-btn svg,.save-btn svg{flex-shrink:0}.add-btn:before,.save-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.add-btn:active:before,.save-btn:active:before{height:300px;width:300px}.add-btn{background:#5b21b6;background:var(--btn-primary-bg);color:#fff}@media (hover:hover) and (pointer:fine){.add-btn:hover{background:#4c1d95;background:var(--btn-primary-hover);box-shadow:0 8px 20px #6b46c14d;transform:translateY(-2px) scale(1.02)}}.bulk-add-btn{background:linear-gradient(135deg,#a855f7,#6b46c1);color:#fff}.bulk-add-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.bulk-add-btn:active:before{height:300px;width:300px}@media (hover:hover) and (pointer:fine){.bulk-add-btn:hover{background:linear-gradient(135deg,#6b46c1,#a855f7);box-shadow:0 8px 20px #a855f766;transform:translateY(-2px) scale(1.02)}}.save-btn{background:#065f46;background:var(--btn-success-bg)}@media (hover:hover) and (pointer:fine){.save-btn:hover:not(:disabled){background:#064e3b;background:var(--btn-success-hover);box-shadow:0 8px 20px #48bb784d;transform:translateY(-2px) scale(1.02)}}.save-btn.has-changes{animation:bounce 2s ease-in-out infinite;box-shadow:0 4px 16px #48bb7866}.save-btn:disabled{cursor:not-allowed;opacity:.6}.add-btn:active,.save-btn:active{transform:scale(.96)}.category-section{animation:fadeIn .5s ease;background:var(--surface);border:2px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px #0000000a}.category-section h3{border-bottom:3px solid var(--border-medium);color:var(--text-primary);font-size:1.375rem}.category-section h3:before{background:linear-gradient(90deg,#5b21b6,#92400e);background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px}.search-count{border-radius:12px;color:#5b21b6;color:var(--primary)}.view-toggle{background:#e5e7eb;background:var(--surface-hover);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:8px;gap:0;padding:.25rem}.view-btn{border-radius:6px;justify-content:center;min-height:44px;min-width:44px;padding:.5rem .75rem;transition:all .2s ease}.view-label{font-weight:500}.view-btn:hover{background:#fff;background:var(--surface)}.view-btn.active{box-shadow:0 2px 4px #0000001a}.item-card{border:2px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px #0000000f;transition:all .25s cubic-bezier(.4,0,.2,1)}.item-card.list .item-img{border-radius:8px}@media (max-width:768px){.item-card.list{gap:.75rem;grid-template-columns:80px 1fr}.item-card.list .item-img{height:80px;width:80px}.item-card.list .item-actions{grid-column:1/-1;margin-top:.5rem}}@media (hover:hover) and (pointer:fine){.item-card:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 12px 28px #0000001f;transform:translateY(-4px) scale(1.01)}[data-theme=dark] .item-card:hover{box-shadow:0 12px 28px #0006}}.item-img{background:#e5e7eb;background:var(--surface-hover);border-radius:8px}.unavailable-badge{background:var(--error);border-radius:20px;gap:.375rem}.item-details h4{color:var(--text-primary)}.item-name-en,.item-name-secondary{color:var(--text-secondary)}.item-price{color:#5b21b6;color:var(--primary)}.item-calories{color:var(--text-muted);font-size:.8125rem}.availability-btn,.delete-btn,.edit-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;min-width:48px;overflow:hidden;padding:.75rem 1rem;position:relative;touch-action:manipulation;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.availability-btn:before,.delete-btn:before,.edit-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.availability-btn:active:before,.delete-btn:active:before,.edit-btn:active:before{height:200px;width:200px}.availability-btn{background:linear-gradient(135deg,#065f46,#059669);background:linear-gradient(135deg,var(--btn-success-bg),#059669);color:#fff}.availability-btn.unavailable{background:linear-gradient(135deg,#6b7280,#4b5563)}@media (hover:hover) and (pointer:fine){.availability-btn:hover{background:linear-gradient(135deg,#064e3b,#065f46);background:linear-gradient(135deg,var(--btn-success-hover),var(--btn-success-bg));box-shadow:0 4px 12px #48bb784d;transform:translateY(-2px) scale(1.02)}.availability-btn.unavailable:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #0003}}.edit-btn{background:linear-gradient(135deg,#5b21b6,#7c3aed);background:linear-gradient(135deg,var(--btn-primary-bg),#7c3aed);color:#fff}@media (hover:hover) and (pointer:fine){.edit-btn:hover{background:linear-gradient(135deg,#4c1d95,#5b21b6);background:linear-gradient(135deg,var(--btn-primary-hover),var(--btn-primary-bg));box-shadow:0 4px 12px #6b46c14d;transform:translateY(-2px) scale(1.02)}}.delete-btn{background:linear-gradient(135deg,#991b1b,#dc2626);background:linear-gradient(135deg,var(--btn-error-bg),var(--color-red-600));color:#fff}@media (hover:hover) and (pointer:fine){.delete-btn:hover{background:linear-gradient(135deg,#7f1d1d,#991b1b);background:linear-gradient(135deg,var(--btn-error-hover),var(--btn-error-bg));box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px) scale(1.02)}}.availability-btn:active,.delete-btn:active,.edit-btn:active{transform:scale(.96)}.sort-hint{border-left:4px solid #5b21b6;border-left:4px solid var(--primary)}.hint-icon{color:#5b21b6;color:var(--primary)}.category-card{background:var(--surface);border:2px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px #0000000f;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.category-card:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 12px 28px #0000001f;transform:translateY(-4px) scale(1.02)}[data-theme=dark] .category-card:hover{box-shadow:0 12px 28px #0006}}.category-details h4{color:var(--text-primary)}.category-name-en,.category-name-secondary{color:var(--text-secondary)}.item-count{color:var(--text-muted);font-size:.8125rem}.settings-section{max-width:800px}.settings-section h2{color:#000;color:var(--text-primary);font-size:1.75rem;margin-bottom:1.5rem}.settings-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.settings-card h3{color:#000;color:var(--text-primary);font-size:1.25rem}.setting-item,.settings-card h3{margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.setting-item label{color:#1f2937;color:var(--text-secondary);display:block;font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.setting-description{color:#374151;color:var(--text-muted);font-size:.875rem;line-height:1.6;margin:0}.theme-buttons{display:flex;gap:.75rem}.theme-btn{background:#e5e7eb;background:var(--surface-hover);border:2px solid #d1d5db;border:2px solid var(--border-medium);border-radius:12px;color:#000;color:var(--text-primary);cursor:pointer;flex:1;font-size:1rem;font-weight:600;min-height:56px;padding:1rem;transition:all .2s}.theme-btn:hover{background:#fff;background:var(--surface);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.theme-btn.active,.theme-btn:hover{border-color:#5b21b6;border-color:var(--primary)}.theme-btn.active{background:#5b21b6;background:var(--primary);box-shadow:0 4px 16px #6b46c14d;color:#fff}.theme-btn:active{transform:scale(.96)}.search-container{animation:fadeIn .5s ease}.search-icon{color:var(--text-muted)}.search-input{background:var(--surface);border:2px solid var(--border-light);color:var(--text-primary);padding:.875rem 3rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s var(--ease-in-out)}.search-input:focus{border-color:#5b21b6;border-color:var(--primary)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.clear-search{background:var(--text-muted);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s var(--ease-in-out)}@media (hover:hover) and (pointer:fine){.clear-search:hover{background:#5b21b6;background:var(--primary);transform:translateY(-50%) scale(1.1) rotate(90deg)}}.help-section{animation:fadeIn .5s ease .3s backwards;background:linear-gradient(135deg,#6b46c108,#a855f708);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-top:3rem;padding:2rem}[data-theme=dark] .help-section{background:linear-gradient(135deg,#6b46c114,#a855f714)}.help-section h3{align-items:center;color:#000;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.25rem}.help-icon{color:#5b21b6;color:var(--primary);flex-shrink:0}.help-section ol{color:#1f2937;color:var(--text-secondary);line-height:1.8;padding-left:1.75rem}.help-section li{margin-bottom:.75rem;padding-left:.5rem}.help-section li::marker{color:#5b21b6;color:var(--primary);font-weight:700}.help-section strong{color:#000;color:var(--text-primary);font-weight:700}.empty-state{animation:fadeIn .5s ease;color:var(--text-muted)}.empty-state h4{color:var(--text-secondary)}.empty-state p{color:var(--text-muted)}.loading-overlay{z-index:1000}.loading-spinner{background:var(--surface);border:1px solid var(--border-light);box-shadow:0 8px 32px var(--shadow)}.spinner{border:4px solid #e5e7eb;border-top-color:#5b21b6;border:4px solid var(--surface-hover)}.loading-spinner p{color:var(--text-primary)}.skeleton{background:linear-gradient(90deg,#e5e7eb,#fff 50%,#e5e7eb);background:linear-gradient(90deg,var(--surface-hover) 0,var(--surface) 50%,var(--surface-hover) 100%)}.skeleton-card{animation:fadeIn .3s ease;background:var(--surface);border:2px solid var(--border-light);border-radius:16px}.skeleton-icon{border-radius:12px}.skeleton-image{border-radius:8px}.skeleton-button{border-radius:10px}.ios-toast{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:20px;box-shadow:0 20px 60px #0000004d;color:#000;color:var(--text-primary);font-size:1rem;max-width:85vw;opacity:0;padding:1.75rem 2.5rem;text-align:center;top:50%;transform:translate(-50%,-50%) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:pre-line;z-index:2001}[data-theme=dark] .ios-toast{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 20px 60px #0009}.ios-toast.show{animation:toastBounce .5s cubic-bezier(.68,-.55,.265,1.55);opacity:1;transform:translate(-50%,-50%) scale(1)}.fab-container{z-index:1000}.fab-main{background:linear-gradient(135deg,#5b21b6,#92400e);background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 8px 24px #6b46c166;font-size:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-main:before{background:linear-gradient(135deg,#92400e,#5b21b6);background:linear-gradient(135deg,var(--accent),var(--primary))}@media (hover:hover) and (pointer:fine){.fab-main:hover{box-shadow:0 12px 32px #6b46c199;transform:scale(1.1) rotate(90deg)}.fab-main:hover:before{opacity:1}}.fab-main span{position:relative;transition:transform .3s ease;z-index:1}.fab-main.open span{transform:rotate(45deg)}.fab-actions.open{max-height:300px}.fab-action{background:#fff;background:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#000;color:var(--text-primary);cursor:pointer;font-size:1.5rem;height:56px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:56px}[data-theme=dark] .fab-action{background:#ffffff14;border-color:#ffffff26}.fab-actions.open .fab-action:first-child{animation-delay:.05s}.fab-actions.open .fab-action:nth-child(2){animation-delay:.1s}.fab-actions.open .fab-action:nth-child(3){animation-delay:.15s}@media (hover:hover) and (pointer:fine){.fab-action:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 6px 16px #6b46c14d;transform:scale(1.15)}}.fab-action:active{transform:scale(.9)}@media (max-width:768px){.fab-container{bottom:calc(1rem + env(safe-area-inset-bottom));right:1rem}.fab-main{font-size:1.5rem;height:56px;width:56px}.fab-action{font-size:1.25rem;height:48px;width:48px}}.bulk-checkbox{accent-color:#5b21b6;accent-color:var(--primary);cursor:pointer;height:20px;margin-right:.75rem;width:20px}.item-card.selected{background:linear-gradient(135deg,#6b46c10d,#a855f70d);border-color:#5b21b6;border-color:var(--primary);box-shadow:0 0 0 2px #5b21b6;box-shadow:0 0 0 2px var(--primary)}[data-theme=dark] .item-card.selected{background:linear-gradient(135deg,#6b46c11a,#a855f71a)}.bulk-actions-bar{align-items:center;animation:slideUpBounce .4s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--surface);border:2px solid #5b21b6;border:2px solid var(--primary);border-radius:16px;bottom:2rem;box-shadow:0 12px 40px #6b46c166;display:flex;gap:1rem;left:50%;padding:1rem 1.5rem;position:fixed;transform:translate(-50%);z-index:999}[data-theme=dark] .bulk-actions-bar{background:#1e1e1ef2;box-shadow:0 12px 40px #0009}.bulk-actions-count{background:#6b46c11a;border-radius:8px;color:#5b21b6;color:var(--primary);font-size:1rem;font-weight:700;padding:.5rem 1rem}.bulk-actions-buttons{display:flex;gap:.75rem}.bulk-action-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}.bulk-action-btn.toggle{background:linear-gradient(135deg,#065f46,#059669);background:linear-gradient(135deg,var(--btn-success-bg),#059669);color:#fff}.bulk-action-btn.delete{background:linear-gradient(135deg,#991b1b,#dc2626);background:linear-gradient(135deg,var(--btn-error-bg),var(--color-red-600));color:#fff}.bulk-action-btn.cancel{background:#e5e7eb;background:var(--surface-hover);border:2px solid #d1d5db;border:2px solid var(--border-medium);color:#000;color:var(--text-primary)}@media (hover:hover) and (pointer:fine){.bulk-action-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px) scale(1.05)}}.select-all-container{align-items:center;background:linear-gradient(135deg,#6b46c10d,#a855f70d);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.select-all-container:hover{background:linear-gradient(135deg,#6b46c11a,#a855f71a);border-color:#5b21b6;border-color:var(--primary)}}.select-all-label{color:#000;color:var(--text-primary);font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:640px){.admin-header-top{padding:.625rem .875rem}.brand-icon{height:36px;width:36px}.brand-title{font-size:1rem}.brand-subtitle{font-size:.6875rem}.logout-text{display:none}.logout-btn-new{height:36px;justify-content:center;padding:0;width:36px}.controls-group{gap:.125rem;padding:.1875rem}.control-btn{height:32px;width:32px}.section-header{align-items:stretch;flex-direction:column}.header-actions{width:100%}.add-btn,.bulk-add-btn,.save-btn{flex:1;min-height:52px;padding:1rem 1.25rem}.icon-btn .btn-label,.view-btn .view-label{display:none}.icon-btn{min-width:48px;padding:.5rem}.bulk-actions-bar,.theme-buttons{flex-direction:column}.bulk-actions-bar{bottom:calc(1rem + env(safe-area-inset-bottom));left:1rem;right:1rem;transform:none}.bulk-actions-buttons{flex-direction:column;width:100%}.bulk-action-btn{justify-content:center;width:100%}.item-card{padding:1.25rem}.category-card{padding:1.75rem}.availability-btn,.delete-btn,.edit-btn{font-size:1rem;min-height:52px;padding:1rem 1.25rem}}.command-palette-overlay{align-items:flex-start;animation:fadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding-top:10vh;position:fixed;right:0;top:0;z-index:2000}.command-palette{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:640px;overflow:hidden;width:90%}[data-theme=dark] .command-palette{background:#1e1e1efa;border-color:#ffffff1a}.command-palette-search{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);padding:1.25rem 1.5rem}.command-palette-input{background:#f3f4f6;background:var(--background);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;color:#000;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.command-palette-input:focus{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 0 0 3px #6b46c11a;outline:none}.command-palette-results{max-height:400px;overflow-y:auto;padding:.5rem}.command-item{align-items:center;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.875rem 1rem;transition:all .15s ease}.command-item.selected,.command-item:hover{background:linear-gradient(135deg,#6b46c11a,#a855f71a);border-color:#5b21b6;border-color:var(--primary)}.command-item-icon{align-items:center;background:linear-gradient(135deg,#5b21b6,#92400e);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;height:36px;justify-content:center;width:36px}.command-item-content{flex:1}.command-item-title{color:#000;color:var(--text-primary);font-weight:600;margin-bottom:.125rem}.command-item-description{color:#1f2937;color:var(--text-secondary);font-size:.8125rem}.command-item-shortcut{display:flex;gap:.25rem}.key{border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#1f2937;color:var(--text-secondary);font-family:Monaco,Menlo,monospace;font-size:.75rem;font-weight:600;min-width:24px;padding:.25rem .5rem;text-align:center}.command-palette-footer,.key{background:#e5e7eb;background:var(--surface-hover)}.command-palette-footer{align-items:center;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);color:#374151;color:var(--text-muted);display:flex;font-size:.8125rem;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.command-palette-hint{align-items:center;display:flex;gap:.5rem}@media (max-width:640px){.command-palette{width:95%}.command-palette-results{max-height:300px}}.btn-animated-gradient{background:paint(animated-gradient);--gradient-color-1:var(--royal-gold);--gradient-color-2:#f4e4a1;--gradient-color-3:var(--royal-gold);--gradient-angle:45deg;animation:rotate-gradient 3s linear infinite}.skeleton{background:paint(skeleton-loader);--skeleton-base:var(--surface-hover);--skeleton-highlight:var(--surface);--skeleton-progress:0%;--skeleton-wave-width:100px;border-radius:.75rem;border-radius:var(--radius-lg)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-title{height:1.5rem;width:60%}.skeleton-image,.skeleton-title{margin-bottom:1rem;margin-bottom:var(--space-4)}.skeleton-image{height:200px}.skeleton-button{border-radius:1rem;border-radius:var(--radius-xl);height:48px;width:120px}.ripple{overflow:hidden;position:relative}.ripple:after{background:paint(ripple-effect);bottom:0;content:"";left:0;position:absolute;right:0;top:0;--ripple-color:var(--primary);--ripple-x:0px;--ripple-y:0px;--ripple-radius:0px;--ripple-opacity:0;pointer-events:none}.glass{background:paint(glass-morphism);--glass-opacity:.1;--glass-tint:var(--surface);--glass-light-x:50%;--glass-light-y:50%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1)}.glass:hover{--glass-opacity:.15;box-shadow:0 8px 32px var(--shadow)}.theme-transition{background:paint(smooth-transition);--transition-from:var(--surface);--transition-to:var(--surface);--transition-progress:0%}[data-theme=dark] .theme-transition{--transition-from:#fff;--transition-to:#0a0a0a}.btn-premium{background:paint(animated-gradient);--gradient-color-1:#d4af37;--gradient-color-2:#f4e4a1;--gradient-color-3:#d4af37;border:none;border-radius:1rem;border-radius:var(--radius-xl);color:#1a0033;cursor:pointer;font-weight:700;overflow:hidden;padding:1rem 2rem;position:relative}.btn-premium:after{background:paint(ripple-effect);bottom:0;content:"";left:0;position:absolute;right:0;top:0;--ripple-color:#fff;pointer-events:none}.card-interactive{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:paint(glass-morphism);border-radius:1.5rem;border-radius:var(--radius-2xl);cursor:pointer;padding:1.5rem;padding:var(--space-6);transition:all .3s cubic-bezier(0,0,.2,1);transition:all .3s var(--ease-out)}.card-interactive:hover{transform:translateY(-4px);--glass-opacity:.2;box-shadow:0 12px 24px var(--shadow)}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;z-index:var(--z-overlay)}.loading-card{background:#fff;background:var(--surface);border-radius:1.5rem;border-radius:var(--radius-2xl);max-width:400px;padding:2rem;padding:var(--space-8);width:90%}.loading-card .skeleton{background:paint(skeleton-loader)}.highlight-success{animation:pulse-success 2s ease-in-out infinite}@keyframes pulse-success{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 10px #10b98100}}.highlight-warning{animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 10px #f59e0b00}}.focus-premium:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #5b21b6,0 0 20px #5b21b6;box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--primary),0 0 20px var(--primary);outline:none}.text-shimmer{background:paint(animated-gradient);--gradient-color-1:var(--text-primary);--gradient-color-2:var(--primary);--gradient-color-3:var(--text-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rotate-gradient 3s linear infinite}.paint-supported{display:none}@supports (background:paint(id)){.paint-supported{display:block}.paint-fallback{display:none}}@media (prefers-reduced-motion:reduce){.btn-animated-gradient,.skeleton,.text-shimmer{animation:none}}@media (max-width:768px){.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-interactive:hover{transform:none}}@media (prefers-contrast:high){.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;background:var(--surface);border:2px solid #000;border:2px solid var(--text-primary)}}[data-theme=dark] .skeleton{--skeleton-base:#1a1a1a;--skeleton-highlight:#2d2d2d}[data-theme=dark] .glass{--glass-tint:#1a1a1a;border:1px solid hsla(0,0%,100%,.05)}@media (max-width:320px){.hide-xxs{display:none!important}}@media (max-width:480px){.hide-xs{display:none!important}}@media (max-width:640px){.hide-sm{display:none!important}}@media (max-width:768px){.hide-md{display:none!important}}@media (max-width:1024px){.hide-lg{display:none!important}}.show-xxs-only{display:none!important}@media (max-width:320px){.show-xxs-only{display:block!important}}.show-xs-only{display:none!important}@media (max-width:480px){.show-xs-only{display:block!important}}.show-sm-only{display:none!important}@media (max-width:640px){.show-sm-only{display:block!important}}.show-md-only{display:none!important}@media (max-width:768px){.show-md-only{display:block!important}}.show-lg-only{display:none!important}@media (max-width:1024px){.show-lg-only{display:block!important}}:root{--theme-primary-h:261;--theme-primary-s:51%;--theme-primary-l:51%;--theme-accent-h:45;--theme-accent-s:68%;--theme-accent-l:54%;--color-primary:hsl(var(--theme-primary-h),var(--theme-primary-s),var(--theme-primary-l));--color-primary-light:hsl(var(--theme-primary-h),var(--theme-primary-s),calc(var(--theme-primary-l) + 10%));--color-primary-dark:hsl(var(--theme-primary-h),var(--theme-primary-s),calc(var(--theme-primary-l) - 10%));--color-primary-50:hsl(var(--theme-primary-h),var(--theme-primary-s),95%);--color-primary-100:hsl(var(--theme-primary-h),var(--theme-primary-s),90%);--color-primary-200:hsl(var(--theme-primary-h),var(--theme-primary-s),80%);--color-primary-300:hsl(var(--theme-primary-h),var(--theme-primary-s),70%);--color-primary-400:hsl(var(--theme-primary-h),var(--theme-primary-s),60%);--color-primary-500:hsl(var(--theme-primary-h),var(--theme-primary-s),var(--theme-primary-l));--color-primary-600:hsl(var(--theme-primary-h),var(--theme-primary-s),40%);--color-primary-700:hsl(var(--theme-primary-h),var(--theme-primary-s),30%);--color-primary-800:hsl(var(--theme-primary-h),var(--theme-primary-s),20%);--color-primary-900:hsl(var(--theme-primary-h),var(--theme-primary-s),10%);--color-accent:hsl(var(--theme-accent-h),var(--theme-accent-s),var(--theme-accent-l));--color-accent-light:hsl(var(--theme-accent-h),var(--theme-accent-s),calc(var(--theme-accent-l) + 10%));--color-accent-dark:hsl(var(--theme-accent-h),var(--theme-accent-s),calc(var(--theme-accent-l) - 10%))}[data-theme=ocean]{--theme-primary-h:199;--theme-primary-s:89%;--theme-primary-l:48%;--theme-accent-h:183;--theme-accent-s:100%;--theme-accent-l:41%;--color-success:#06b6d4;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6}[data-theme=forest]{--theme-primary-h:142;--theme-primary-s:71%;--theme-primary-l:45%;--theme-accent-h:47;--theme-accent-s:96%;--theme-accent-l:53%;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6}[data-theme=sunset]{--theme-primary-h:24;--theme-primary-s:95%;--theme-primary-l:53%;--theme-accent-h:340;--theme-accent-s:82%;--theme-accent-l:52%;--color-success:#10b981;--color-warning:#fbbf24;--color-error:#ef4444;--color-info:#3b82f6}[data-theme=royal]{--theme-primary-h:271;--theme-primary-s:81%;--theme-primary-l:56%;--theme-accent-h:291;--theme-accent-s:64%;--theme-accent-l:42%;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#8b5cf6}[data-theme=rose]{--theme-primary-h:330;--theme-primary-s:81%;--theme-primary-l:60%;--theme-accent-h:350;--theme-accent-s:89%;--theme-accent-l:60%;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#f43f5e;--color-info:#ec4899}[data-theme=cyber]{--theme-primary-h:180;--theme-primary-s:100%;--theme-primary-l:50%;--theme-accent-h:300;--theme-accent-s:100%;--theme-accent-l:50%;--color-success:#00ff9f;--color-warning:#ff0;--color-error:#ff006e;--color-info:#00d9ff;--color-background:#0a0e27;--color-surface:#151932;--color-surface-elevated:#1f2544;--color-text-primary:#00ff9f;--color-text-secondary:#8b9dc3}[data-theme=mono]{--theme-primary-h:0;--theme-primary-s:0%;--theme-primary-l:20%;--theme-accent-h:0;--theme-accent-s:0%;--theme-accent-l:40%;--color-success:#404040;--color-warning:#606060;--color-error:#202020;--color-info:#505050}[data-theme=pastel]{--theme-primary-h:291;--theme-primary-s:47%;--theme-primary-l:71%;--theme-accent-h:154;--theme-accent-s:41%;--theme-accent-l:71%;--color-success:#a7f3d0;--color-warning:#fde68a;--color-error:#fca5a5;--color-info:#a5b4fc;--color-background:#fef3f8;--color-surface:#ffe4f1;--color-surface-elevated:#ffd6e9}[data-theme=minimal]{--theme-primary-h:0;--theme-primary-s:0%;--theme-primary-l:0%;--theme-accent-h:0;--theme-accent-s:0%;--theme-accent-l:100%;--color-background:#fff;--color-surface:#f8f8f8;--color-surface-elevated:#f0f0f0;--color-text-primary:#000;--color-text-secondary:#666;--color-border-light:#e0e0e0}[data-theme=high-contrast]{--theme-primary-h:0;--theme-primary-s:0%;--theme-primary-l:0%;--theme-accent-h:45;--theme-accent-s:100%;--theme-accent-l:50%;--color-background:#000;--color-surface:#000;--color-surface-elevated:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#fff;--color-border-light:#fff;--color-border-medium:#fff;--color-success:#0f0;--color-warning:#ff0;--color-error:red;--color-info:#00f}[data-theme=high-contrast] *{border-width:2px!important}.bg-primary-10{background:color-mix(in srgb,#6f42c2 10%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-primary-10{background:color-mix(in srgb,var(--color-primary) 10%,#fff)}}.bg-primary-20{background:color-mix(in srgb,#6f42c2 20%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-primary-20{background:color-mix(in srgb,var(--color-primary) 20%,#fff)}}.bg-primary-30{background:color-mix(in srgb,#6f42c2 30%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-primary-30{background:color-mix(in srgb,var(--color-primary) 30%,#fff)}}.bg-primary-dark-10{background:color-mix(in srgb,#6f42c2 90%,#000)}@supports (color:color-mix(in lch,red,blue)){.bg-primary-dark-10{background:color-mix(in srgb,var(--color-primary) 90%,#000)}}.bg-primary-dark-20{background:color-mix(in srgb,#6f42c2 80%,#000)}@supports (color:color-mix(in lch,red,blue)){.bg-primary-dark-20{background:color-mix(in srgb,var(--color-primary) 80%,#000)}}.bg-success-10{background:color-mix(in srgb,#065f46 10%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-success-10{background:color-mix(in srgb,var(--color-success) 10%,#fff)}}.bg-success-20{background:color-mix(in srgb,#065f46 20%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-success-20{background:color-mix(in srgb,var(--color-success) 20%,#fff)}}.bg-success-30{background:color-mix(in srgb,#065f46 30%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-success-30{background:color-mix(in srgb,var(--color-success) 30%,#fff)}}.text-success-light{color:color-mix(in srgb,#065f46 70%,#fff)}@supports (color:color-mix(in lch,red,blue)){.text-success-light{color:color-mix(in srgb,var(--color-success) 70%,#fff)}}.text-success-dark{color:color-mix(in srgb,#065f46 70%,#000)}@supports (color:color-mix(in lch,red,blue)){.text-success-dark{color:color-mix(in srgb,var(--color-success) 70%,#000)}}.bg-error-10{background:color-mix(in srgb,#991b1b 10%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-error-10{background:color-mix(in srgb,var(--color-error) 10%,#fff)}}.bg-error-20{background:color-mix(in srgb,#991b1b 20%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-error-20{background:color-mix(in srgb,var(--color-error) 20%,#fff)}}.bg-error-30{background:color-mix(in srgb,#991b1b 30%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-error-30{background:color-mix(in srgb,var(--color-error) 30%,#fff)}}.text-error-light{color:color-mix(in srgb,#991b1b 70%,#fff)}@supports (color:color-mix(in lch,red,blue)){.text-error-light{color:color-mix(in srgb,var(--color-error) 70%,#fff)}}.text-error-dark{color:color-mix(in srgb,#991b1b 70%,#000)}@supports (color:color-mix(in lch,red,blue)){.text-error-dark{color:color-mix(in srgb,var(--color-error) 70%,#000)}}.bg-warning-10{background:color-mix(in srgb,#92400e 10%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-warning-10{background:color-mix(in srgb,var(--color-warning) 10%,#fff)}}.bg-warning-20{background:color-mix(in srgb,#92400e 20%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-warning-20{background:color-mix(in srgb,var(--color-warning) 20%,#fff)}}.bg-warning-30{background:color-mix(in srgb,#92400e 30%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-warning-30{background:color-mix(in srgb,var(--color-warning) 30%,#fff)}}.text-warning-light{color:color-mix(in srgb,#92400e 70%,#fff)}@supports (color:color-mix(in lch,red,blue)){.text-warning-light{color:color-mix(in srgb,var(--color-warning) 70%,#fff)}}.text-warning-dark{color:color-mix(in srgb,#92400e 70%,#000)}@supports (color:color-mix(in lch,red,blue)){.text-warning-dark{color:color-mix(in srgb,var(--color-warning) 70%,#000)}}.bg-info-10{background:color-mix(in srgb,#1e40af 10%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-info-10{background:color-mix(in srgb,var(--color-info) 10%,#fff)}}.bg-info-20{background:color-mix(in srgb,#1e40af 20%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-info-20{background:color-mix(in srgb,var(--color-info) 20%,#fff)}}.bg-info-30{background:color-mix(in srgb,#1e40af 30%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-info-30{background:color-mix(in srgb,var(--color-info) 30%,#fff)}}.text-info-light{color:color-mix(in srgb,#1e40af 70%,#fff)}@supports (color:color-mix(in lch,red,blue)){.text-info-light{color:color-mix(in srgb,var(--color-info) 70%,#fff)}}.text-info-dark{color:color-mix(in srgb,#1e40af 70%,#000)}@supports (color:color-mix(in lch,red,blue)){.text-info-dark{color:color-mix(in srgb,var(--color-info) 70%,#000)}}.bg-accent-10{background:color-mix(in srgb,#d9b23a 10%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-accent-10{background:color-mix(in srgb,var(--color-accent) 10%,#fff)}}.bg-accent-20{background:color-mix(in srgb,#d9b23a 20%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-accent-20{background:color-mix(in srgb,var(--color-accent) 20%,#fff)}}.bg-accent-30{background:color-mix(in srgb,#d9b23a 30%,#fff)}@supports (color:color-mix(in lch,red,blue)){.bg-accent-30{background:color-mix(in srgb,var(--color-accent) 30%,#fff)}}.text-accent-light{color:color-mix(in srgb,#d9b23a 70%,#fff)}@supports (color:color-mix(in lch,red,blue)){.text-accent-light{color:color-mix(in srgb,var(--color-accent) 70%,#fff)}}.text-accent-dark{color:color-mix(in srgb,#d9b23a 70%,#000)}@supports (color:color-mix(in lch,red,blue)){.text-accent-dark{color:color-mix(in srgb,var(--color-accent) 70%,#000)}}[data-theme]{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{transition-duration:.3s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}.no-transition *{transition:none!important}.bg-accent{background-color:#d9b23a;background-color:var(--color-accent)}.bg-success{background-color:#065f46;background-color:var(--color-success)}.bg-error{background-color:#991b1b;background-color:var(--color-error)}.bg-warning{background-color:#92400e;background-color:var(--color-warning)}.bg-info{background-color:#1e40af;background-color:var(--color-info)}.text-primary-color{color:#6f42c2;color:var(--color-primary)}.text-accent-color{color:#d9b23a;color:var(--color-accent)}.border-accent{border-color:#d9b23a;border-color:var(--color-accent)}.semantic-success{background:#065f46;background:var(--color-success);color:#fff}.semantic-error{background:#991b1b;background:var(--color-error);color:#fff}.semantic-warning{background:#92400e;background:var(--color-warning);color:#1a202c}.semantic-info{background:#1e40af;background:var(--color-info);color:#fff}.semantic-success-soft{background:color-mix(in srgb,#065f46 10%,#fff);color:#065f46;color:var(--color-success)}@supports (color:color-mix(in lch,red,blue)){.semantic-success-soft{background:color-mix(in srgb,var(--color-success) 10%,#fff)}}.semantic-error-soft{background:color-mix(in srgb,#991b1b 10%,#fff);color:#991b1b;color:var(--color-error)}@supports (color:color-mix(in lch,red,blue)){.semantic-error-soft{background:color-mix(in srgb,var(--color-error) 10%,#fff)}}.semantic-warning-soft{background:color-mix(in srgb,#92400e 10%,#fff);color:#92400e;color:var(--color-warning)}@supports (color:color-mix(in lch,red,blue)){.semantic-warning-soft{background:color-mix(in srgb,var(--color-warning) 10%,#fff)}}.semantic-info-soft{background:color-mix(in srgb,#1e40af 10%,#fff);color:#1e40af;color:var(--color-info)}@supports (color:color-mix(in lch,red,blue)){.semantic-info-soft{background:color-mix(in srgb,var(--color-info) 10%,#fff)}}.theme-switcher{background:#fff;background:var(--color-surface-elevated);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.theme-option{border:3px solid transparent;border-radius:50%;cursor:pointer;height:40px;position:relative;transition:all .2s;width:40px}.theme-option:hover{border-color:#d1d5db;border-color:var(--color-border-medium);transform:scale(1.1)}.theme-option.active{border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 0 0 2px #f3f4f6,0 0 0 4px #6f42c2;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary)}.theme-option[data-theme-preview=default]{background:linear-gradient(135deg,#6b46c1 50%,#d4af37 0)}.theme-option[data-theme-preview=ocean]{background:linear-gradient(135deg,#0ea5e9 50%,#06b6d4 0)}.theme-option[data-theme-preview=forest]{background:linear-gradient(135deg,#059669 50%,#facc15 0)}.theme-option[data-theme-preview=sunset]{background:linear-gradient(135deg,#f97316 50%,#ec4899 0)}.theme-option[data-theme-preview=royal]{background:linear-gradient(135deg,#8b5cf6 50%,#a21caf 0)}.theme-option[data-theme-preview=rose]{background:linear-gradient(135deg,#f472b6 50%,#fb7185 0)}.theme-option[data-theme-preview=cyber]{background:linear-gradient(135deg,#0ff 50%,#f0f 0)}.theme-option[data-theme-preview=mono]{background:linear-gradient(135deg,#333 50%,#666 0)}.theme-option[data-theme-preview=pastel]{background:linear-gradient(135deg,#ddd6f3 50%,#c4f1de 0)}.theme-option[data-theme-preview=high-contrast],.theme-option[data-theme-preview=minimal]{background:linear-gradient(135deg,#000 50%,#fff 0)}.theme-option[data-theme-preview=high-contrast]{border:2px solid #000}.bg-gradient-primary{background:linear-gradient(135deg,#6f42c2,#8c69ce);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.bg-gradient-accent{background:linear-gradient(135deg,#d9b23a,#e2c265);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light))}.bg-gradient-rainbow{animation:gradient-rainbow 10s ease infinite;background:linear-gradient(135deg,#6f42c2,#d9b23a 25%,#065f46,#1e40af 75%,#6f42c2);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 25%,var(--color-success) 50%,var(--color-info) 75%,var(--color-primary) 100%);background-size:200% 200%}@keyframes gradient-rainbow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-background:#0f0f0f;--color-surface:#1a1a1a;--color-surface-elevated:#252525;--color-text-primary:#f7fafc;--color-text-secondary:#cbd5e0;--color-border-light:#2d3748}}@media (prefers-contrast:high){:root{--color-border-light:currentColor;--color-border-medium:currentColor}*{border-width:2px!important}}@media (prefers-reduced-transparency:reduce){.btn-glass,[class*=glass]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;background:var(--color-surface)!important;border:2px solid #e5e7eb!important;border:2px solid var(--color-border-light)!important}}:root{--theme-name:"Default Purple & Gold";--theme-version:"1.0.0"}[data-theme=ocean]{--theme-name:"Ocean Blue"}[data-theme=forest]{--theme-name:"Forest Green"}[data-theme=sunset]{--theme-name:"Sunset Orange"}[data-theme=royal]{--theme-name:"Royal Purple"}[data-theme=rose]{--theme-name:"Rose Pink"}[data-theme=cyber]{--theme-name:"Cyber Neon"}[data-theme=mono]{--theme-name:"Monochrome"}[data-theme=pastel]{--theme-name:"Pastel Dream"}[data-theme=minimal]{--theme-name:"Minimal"}[data-theme=high-contrast]{--theme-name:"High Contrast"}:root{--z-base:0;--z-background:-1;--z-content:1;--z-elevated:10;--z-overlay-bg:50;--z-header:100;--z-sticky:100;--z-footer:100;--z-tabs:110;--z-dropdown:200;--z-tooltip:210;--z-popover:220;--z-fab:300;--z-whatsapp:310;--z-cart-button:320;--z-performance-fab:330;--z-bottom-sheet:400;--z-drawer:410;--z-sortable-drag:420;--z-toast:500;--z-notification:510;--z-alert:520;--z-modal-overlay:600;--z-modal:610;--z-modal-header:620;--z-modal-footer:620;--z-critical:700;--z-loading-overlay:750}.category-filter:before,.search-bar-container:before{z-index:-1;z-index:var(--z-background)}.footer-wave,.menu-item-card:after,.stat-card:after{z-index:1;z-index:var(--z-content)}.admin-header,.header,.sticky-header{z-index:100;z-index:var(--z-header)}.admin-tabs,.tabs{z-index:110;z-index:var(--z-tabs)}.settings-actions,.sticky-footer{z-index:1100;z-index:var(--z-sticky)}.dropdown-menu,.select-dropdown{z-index:1000;z-index:var(--z-dropdown)}.tooltip{z-index:210;z-index:var(--z-tooltip)}.whatsapp-button,.whatsapp-fab{z-index:310;z-index:var(--z-whatsapp)}.cart-button,.floating-cart{z-index:320;z-index:var(--z-cart-button)}.performance-fab,.performance-toggle{z-index:330;z-index:var(--z-performance-fab)}.fab,.floating-action-button{z-index:300;z-index:var(--z-fab)}.bottom-sheet-overlay{z-index:400;z-index:var(--z-bottom-sheet)}.dnd-kit-dragging,.sortable-item.dragging{z-index:420;z-index:var(--z-sortable-drag)}.ios-toast,.toast{z-index:4000;z-index:var(--z-toast)}.alert-notification,.notification{z-index:510;z-index:var(--z-notification)}.error-overlay,.loading-overlay{z-index:50;z-index:var(--z-overlay-bg)}.bulk-editor-overlay,.cart-modal-overlay,.category-editor-overlay,.editor-overlay,.item-editor-overlay,.modal-overlay,.order-summary-overlay{z-index:600;z-index:var(--z-modal-overlay)}.bulk-editor-modal,.cart-modal,.category-editor-modal,.editor-modal,.item-editor-modal,.modal,.order-summary{z-index:3000;z-index:var(--z-modal)}.editor-header,.modal-header{z-index:620;z-index:var(--z-modal-header)}.editor-actions,.modal-footer{z-index:620;z-index:var(--z-modal-footer)}.critical-alert,.system-alert{z-index:700;z-index:var(--z-critical)}.admin-dashboard .admin-header{z-index:100!important;z-index:var(--z-header)!important}.performance-dashboard .performance-fab,.performance-dashboard .performance-panel{z-index:330!important;z-index:var(--z-performance-fab)!important}[class*=editor-overlay],[class*=modal-overlay]{z-index:600!important;z-index:var(--z-modal-overlay)!important}[class*=editor-modal],[class*=modal]{z-index:3000!important;z-index:var(--z-modal)!important}@media (min-width:1px){.debug-z-index *{outline:1px solid rgba(255,0,0,.3)}.debug-z-index :before{background:#f00c;color:#fff;content:"z:" attr(style);display:none;font-size:10px;left:0;padding:2px 4px;pointer-events:none;position:absolute;top:0}}.layout-stack{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4,1rem)}.layout-stack.compact{gap:.5rem;gap:var(--space-2,.5rem)}.layout-stack.spacious{gap:2rem;gap:var(--space-8,2rem)}.layout-stack.center{align-items:center}.layout-stack.stretch{align-items:stretch}.layout-row{align-items:center;display:flex;flex-direction:row;gap:1rem;gap:var(--space-4,1rem)}.layout-row.compact{gap:.5rem;gap:var(--space-2,.5rem)}.layout-row.spacious{gap:2rem;gap:var(--space-8,2rem)}.layout-row.wrap{flex-wrap:wrap}.layout-row.between{justify-content:space-between}.layout-row.around{justify-content:space-around}.layout-row.center{justify-content:center}.layout-row.end{justify-content:flex-end}.layout-row.top{align-items:flex-start}.layout-row.bottom{align-items:flex-end}.layout-row.stretch{align-items:stretch}.layout-grid{display:grid;grid-gap:1rem;grid-gap:var(--space-4,1rem);gap:1rem;gap:var(--space-4,1rem)}.layout-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.layout-grid.auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.layout-grid.dashboard{grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:250px 1fr;grid-template-rows:auto 1fr auto}@media (max-width:768px){.layout-grid.dashboard{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}}.layout-grid.cols-1{grid-template-columns:1fr}.layout-grid.cols-2{grid-template-columns:repeat(2,1fr)}.layout-grid.cols-3{grid-template-columns:repeat(3,1fr)}.layout-grid.cols-4{grid-template-columns:repeat(4,1fr)}.layout-grid.cols-responsive{grid-template-columns:1fr}@media (min-width:640px){.layout-grid.cols-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.layout-grid.cols-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.layout-grid.cols-responsive{grid-template-columns:repeat(4,1fr)}}.layout-grid.compact{gap:.5rem;gap:var(--space-2,.5rem)}.layout-grid.spacious{gap:2rem;gap:var(--space-8,2rem)}@container (min-width: 400px){.layout-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}.space-section{padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem)}.space-container{margin-left:auto;margin-right:auto;max-width:min(1400px,100% - 2rem);padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.space-card{padding:clamp(1rem,3vw,2rem)}.space-touch{min-height:44px;padding:.875rem 1.25rem}@media (min-width:768px){.space-touch{min-height:48px;padding:1rem 1.5rem}}.text-display{font-size:clamp(2rem,5vw + 1rem,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.text-heading{font-size:clamp(1.5rem,3vw + 1rem,2.5rem);font-weight:700;letter-spacing:-.01em;line-height:1.2}.text-title{font-size:clamp(1.25rem,2vw + .5rem,1.875rem);font-weight:600;line-height:1.3}.text-body{font-size:clamp(1rem,1vw + .5rem,1.125rem);line-height:1.6}.text-caption{color:#1f2937;color:var(--color-text-secondary);font-size:clamp(.875rem,.5vw + .5rem,1rem);line-height:1.5}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-gradient{background:linear-gradient(135deg,#6f42c2,#d9b23a);background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.button,.card.button,.card.interactive,.interactive{cursor:pointer;position:relative;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.button:active,.interactive:active{transform:scale(.97)}.button:focus-visible,.interactive:focus-visible{border-radius:8px;outline:2px solid #6f42c2;outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.button:hover,.interactive:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}}.button:disabled,.interactive:disabled,.interactive[aria-disabled=true],[aria-disabled=true].button{cursor:not-allowed;opacity:.5;pointer-events:none}.interactive[aria-busy=true],[aria-busy=true].button{pointer-events:none;position:relative}.interactive[aria-busy=true]:after,[aria-busy=true].button:after{background:#fff;background:var(--color-surface);border-radius:inherit;bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}.button:after,.ripple:after{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);opacity:0;transform:scale(0);transition:transform .5s,opacity .5s}.button:active:after,.ripple:active:after{opacity:1;transform:scale(2);transition:0s}.card{background:var(--color-surface-elevated);border-radius:var(--radius-xl,1rem);padding:clamp(1rem,3vw,2rem);transition:all var(--transition-base)}@media (hover:hover) and (pointer:fine){.card.button:hover,.card.interactive:hover{border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}}.card.elevated{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.card.outlined{border:2px solid #d1d5db;border:2px solid var(--color-border-medium);box-shadow:none}.card.filled{background:#6f42c2;background:var(--color-primary);border-color:transparent;color:#fff}.card.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc}[data-theme=dark] .card.glass{background:#000c}.button{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-xl,1rem);display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.875rem 1.5rem;text-align:center;white-space:nowrap}@media (min-width:768px){.button{min-height:48px;padding:1rem 2rem}}.button.primary{background:linear-gradient(135deg,#6f42c2,#9333ea);background:linear-gradient(135deg,var(--color-primary),#9333ea);color:#fff}@media (hover:hover) and (pointer:fine){.button.primary:hover{box-shadow:0 8px 16px #6b46c14d}}.button.secondary{background:#fff;background:var(--color-surface-elevated);border:2px solid #d1d5db;border:2px solid var(--color-border-medium);color:#000;color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine){.button.secondary:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#6f42c2;border-color:var(--color-primary)}}.button.danger{background:#991b1b;background:var(--color-error);color:#fff}.button.ghost{background:transparent;color:#000;color:var(--color-text-primary)}@media (hover:hover) and (pointer:fine){.button.ghost:hover{background:#f3f4f6;background:var(--color-surface-hover)}}.button.sm{font-size:.875rem;min-height:36px;padding:.5rem 1rem}.button.lg{font-size:1.125rem;min-height:56px;padding:1.25rem 2.5rem}.button.icon{aspect-ratio:1;border-radius:50%;padding:.875rem}@media (prefers-reduced-motion:no-preference){.animate{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion:reduce){.animate{animation-duration:.01ms!important;transition-duration:.01ms!important}}.flow{border-left:2px solid #e5e7eb;border-left:2px solid var(--color-border-light);margin-left:auto;padding-left:1rem;padding-left:var(--space-4,1rem);padding-right:1rem;padding-right:var(--space-4,1rem)}.pad-inline{padding-left:1rem;padding-left:var(--space-4,1rem);padding-right:1rem;padding-right:var(--space-4,1rem)}.pad-block{padding-bottom:1rem;padding-bottom:var(--space-4,1rem);padding-top:1rem;padding-top:var(--space-4,1rem)}.margin-inline{margin-left:1rem;margin-left:var(--space-4,1rem);margin-right:1rem;margin-right:var(--space-4,1rem)}.margin-block{margin-bottom:1rem;margin-bottom:var(--space-4,1rem);margin-top:1rem;margin-top:var(--space-4,1rem)}.surface{background:#fff;background:var(--color-surface);color:#000;color:var(--color-text-primary)}.surface.elevated{background:#fff;background:var(--color-surface-elevated);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.surface.dark{background:#6f42c2;background:var(--color-primary);color:#fff}.surface.success{background:#065f46;background:var(--color-success);color:#fff}.surface.error{background:#991b1b;background:var(--color-error);color:#fff}.surface.warning{background:#92400e;background:var(--color-warning);color:#fff}.text-accent{color:#6f42c2;color:var(--color-primary)}[data-theme=dark] .text-accent{color:#8c69ce;color:var(--color-primary-light)}.focus-ring:focus-visible{border-radius:8px;outline:3px solid #6f42c2;outline:3px solid var(--color-primary);outline-offset:2px}.skip-link{padding:8px;z-index:700;z-index:var(--z-critical,1000)}@media (prefers-contrast:high){.button,.card{border-width:3px}}.gpu-accelerate{backface-visibility:hidden;transform:translateZ(0);will-change:transform}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.ps-5{padding-left:1.25rem}.pe-5{padding-right:1.25rem}.ps-8{padding-left:2rem}.pe-8{padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-bottom:2.5rem}.pt-10,.py-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.ps-10{padding-left:2.5rem}.pe-10{padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-bottom:3rem}.pt-12,.py-12{padding-top:3rem}.pb-12{padding-bottom:3rem}.ps-12{padding-left:3rem}.pe-12{padding-right:3rem}.p-16{padding:4rem}.px-16{padding-left:4rem;padding-right:4rem}.py-16{padding-bottom:4rem}.pt-16,.py-16{padding-top:4rem}.pb-16{padding-bottom:4rem}.ps-16{padding-left:4rem}.pe-16{padding-right:4rem}.p-20{padding:5rem}.px-20{padding-left:5rem;padding-right:5rem}.py-20{padding-bottom:5rem}.pt-20,.py-20{padding-top:5rem}.pb-20{padding-bottom:5rem}.ps-20{padding-left:5rem}.pe-20{padding-right:5rem}.p-24{padding:6rem}.px-24{padding-left:6rem;padding-right:6rem}.py-24{padding-bottom:6rem}.pt-24,.py-24{padding-top:6rem}.pb-24{padding-bottom:6rem}.ps-24{padding-left:6rem}.pe-24{padding-right:6rem}.ms-0{margin-left:0}.me-0{margin-right:0}.ms-1{margin-left:.25rem}.me-1{margin-right:.25rem}.ms-2{margin-left:.5rem}.me-2{margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.ms-3{margin-left:.75rem}.me-3{margin-right:.75rem}.ms-4{margin-left:1rem}.me-4{margin-right:1rem}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-bottom:1.25rem}.mt-5,.my-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.ms-5{margin-left:1.25rem}.me-5{margin-right:1.25rem}.ms-6{margin-left:1.5rem}.me-6{margin-right:1.5rem}.mx-8{margin-right:2rem}.ms-8,.mx-8{margin-left:2rem}.me-8{margin-right:2rem}.m-10{margin:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-bottom:2.5rem}.mt-10,.my-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.ms-10{margin-left:2.5rem}.me-10{margin-right:2.5rem}.m-12{margin:3rem}.mx-12{margin-left:3rem;margin-right:3rem}.my-12{margin-bottom:3rem}.mt-12,.my-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.ms-12{margin-left:3rem}.me-12{margin-right:3rem}.m-16{margin:4rem}.mx-16{margin-left:4rem;margin-right:4rem}.my-16{margin-bottom:4rem}.mt-16,.my-16{margin-top:4rem}.mb-16{margin-bottom:4rem}.ms-16{margin-left:4rem}.me-16{margin-right:4rem}.m-20{margin:5rem}.mx-20{margin-left:5rem;margin-right:5rem}.my-20{margin-bottom:5rem}.mt-20,.my-20{margin-top:5rem}.mb-20{margin-bottom:5rem}.ms-20{margin-left:5rem}.me-20{margin-right:5rem}.m-24{margin:6rem}.mx-24{margin-left:6rem;margin-right:6rem}.my-24{margin-bottom:6rem}.mt-24,.my-24{margin-top:6rem}.mb-24{margin-bottom:6rem}.ms-24{margin-left:6rem}.me-24{margin-right:6rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-y-16{row-gap:4rem}.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.gap-y-20{row-gap:5rem}.gap-x-24{-moz-column-gap:6rem;column-gap:6rem}.gap-y-24{row-gap:6rem}.p-fluid{padding:clamp(1rem,3vw,2rem)}.px-fluid{padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.py-fluid{padding-bottom:clamp(1rem,3vw,2rem);padding-top:clamp(1rem,3vw,2rem)}.m-fluid{margin:clamp(1rem,3vw,2rem)}.mx-fluid{margin-left:clamp(1rem,3vw,2rem);margin-right:clamp(1rem,3vw,2rem)}.my-fluid{margin-bottom:clamp(1rem,3vw,2rem);margin-top:clamp(1rem,3vw,2rem)}.w-0{width:0}.h-0{height:0}.max-w-0{max-width:0}.max-h-0{max-height:0}.w-px{width:1px}.h-px{height:1px}.min-w-px{min-width:1px}.min-h-px{min-height:1px}.max-w-px{max-width:1px}.max-h-px{max-height:1px}.w-1{width:.25rem}.h-1{height:.25rem}.min-w-1{min-width:.25rem}.min-h-1{min-height:.25rem}.max-w-1{max-width:.25rem}.max-h-1{max-height:.25rem}.w-2{width:.5rem}.h-2{height:.5rem}.min-w-2{min-width:.5rem}.min-h-2{min-height:.5rem}.max-w-2{max-width:.5rem}.max-h-2{max-height:.5rem}.w-3{width:.75rem}.h-3{height:.75rem}.min-w-3{min-width:.75rem}.min-h-3{min-height:.75rem}.max-w-3{max-width:.75rem}.max-h-3{max-height:.75rem}.w-4{width:1rem}.h-4{height:1rem}.min-w-4{min-width:1rem}.min-h-4{min-height:1rem}.max-w-4{max-width:1rem}.max-h-4{max-height:1rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.min-w-6{min-width:1.5rem}.min-h-6{min-height:1.5rem}.max-w-6{max-width:1.5rem}.max-h-6{max-height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.min-w-8{min-width:2rem}.min-h-8{min-height:2rem}.max-w-8{max-width:2rem}.max-h-8{max-height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.min-w-10{min-width:2.5rem}.min-h-10{min-height:2.5rem}.max-w-10{max-width:2.5rem}.max-h-10{max-height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.min-w-12{min-width:3rem}.min-h-12{min-height:3rem}.max-w-12{max-width:3rem}.max-h-12{max-height:3rem}.w-16{width:4rem}.h-16{height:4rem}.min-w-16{min-width:4rem}.min-h-16{min-height:4rem}.max-w-16{max-width:4rem}.max-h-16{max-height:4rem}.w-20{width:5rem}.h-20{height:5rem}.min-w-20{min-width:5rem}.min-h-20{min-height:5rem}.max-w-20{max-width:5rem}.max-h-20{max-height:5rem}.w-24{width:6rem}.h-24{height:6rem}.min-w-24{min-width:6rem}.min-h-24{min-height:6rem}.max-w-24{max-width:6rem}.max-h-24{max-height:6rem}.w-32{width:8rem}.h-32{height:8rem}.min-w-32{min-width:8rem}.min-h-32{min-height:8rem}.max-w-32{max-width:8rem}.max-h-32{max-height:8rem}.w-40{width:10rem}.h-40{height:10rem}.min-w-40{min-width:10rem}.min-h-40{min-height:10rem}.max-w-40{max-width:10rem}.max-h-40{max-height:10rem}.w-48{width:12rem}.h-48{height:12rem}.min-w-48{min-width:12rem}.min-h-48{min-height:12rem}.max-w-48{max-width:12rem}.max-h-48{max-height:12rem}.w-56{width:14rem}.h-56{height:14rem}.min-w-56{min-width:14rem}.min-h-56{min-height:14rem}.max-w-56{max-width:14rem}.max-h-56{max-height:14rem}.w-64{width:16rem}.h-64{height:16rem}.min-w-64{min-width:16rem}.min-h-64{min-height:16rem}.max-w-64{max-width:16rem}.max-h-64{max-height:16rem}.w-screen{width:100vh}.min-w-screen{min-width:100vh}.max-w-screen{max-width:100vh}.w-min{width:-moz-min-content;width:-webkit-min-content;width:min-content}.h-min{height:-moz-min-content;height:-webkit-min-content;height:min-content}.w-max{width:-moz-max-content;width:-webkit-max-content;width:max-content}.h-max{height:-moz-max-content;height:-webkit-max-content;height:max-content}.size-0{height:0;width:0}.size-px{height:1px;width:1px}.size-1{height:.25rem;width:.25rem}.size-2{height:.5rem;width:.5rem}.size-3{height:.75rem;width:.75rem}.size-4{height:1rem;width:1rem}.size-6{height:1.5rem;width:1.5rem}.size-8{height:2rem;width:2rem}.size-10{height:2.5rem;width:2.5rem}.size-12{height:3rem;width:3rem}.size-16{height:4rem;width:4rem}.size-20{height:5rem;width:5rem}.size-24{height:6rem;width:6rem}.size-32{height:8rem;width:8rem}.size-40{height:10rem;width:10rem}.size-48{height:12rem;width:12rem}.size-56{height:14rem;width:14rem}.size-64{height:16rem;width:16rem}.size-full{height:100%;width:100%}.size-screen{height:100vh;width:100vh}.size-min{height:-moz-min-content;height:-webkit-min-content;height:min-content;width:-moz-min-content;width:-webkit-min-content;width:min-content}.size-max{height:-moz-max-content;height:-webkit-max-content;height:max-content;width:-moz-max-content;width:-webkit-max-content;width:max-content}.size-fit{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.rounded-none{border-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-s-none{border-bottom-left-radius:0;border-top-left-radius:0}.rounded-e-none{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-t-sm{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-b-sm{border-bottom-right-radius:.25rem}.rounded-b-sm,.rounded-s-sm{border-bottom-left-radius:.25rem}.rounded-s-sm{border-top-left-radius:.25rem}.rounded-e-sm{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.rounded-base{border-radius:.5rem}.rounded-t-base{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-b-base{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-s-base{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.rounded-e-base{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-md{border-radius:.75rem}.rounded-t-md{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-b-md{border-bottom-right-radius:.75rem}.rounded-b-md,.rounded-s-md{border-bottom-left-radius:.75rem}.rounded-s-md{border-top-left-radius:.75rem}.rounded-e-md{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.rounded-lg{border-radius:1rem}.rounded-t-lg{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-b-lg{border-bottom-right-radius:1rem}.rounded-b-lg,.rounded-s-lg{border-bottom-left-radius:1rem}.rounded-s-lg{border-top-left-radius:1rem}.rounded-e-lg{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.rounded-xl{border-radius:1.5rem}.rounded-t-xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-b-xl{border-bottom-right-radius:1.5rem}.rounded-b-xl,.rounded-s-xl{border-bottom-left-radius:1.5rem}.rounded-s-xl{border-top-left-radius:1.5rem}.rounded-e-xl{border-bottom-right-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-2xl{border-radius:2rem}.rounded-t-2xl{border-top-left-radius:2rem;border-top-right-radius:2rem}.rounded-b-2xl{border-bottom-right-radius:2rem}.rounded-b-2xl,.rounded-s-2xl{border-bottom-left-radius:2rem}.rounded-s-2xl{border-top-left-radius:2rem}.rounded-e-2xl{border-bottom-right-radius:2rem;border-top-right-radius:2rem}.rounded-3xl{border-radius:3rem}.rounded-t-3xl{border-top-left-radius:3rem;border-top-right-radius:3rem}.rounded-b-3xl{border-bottom-right-radius:3rem}.rounded-b-3xl,.rounded-s-3xl{border-bottom-left-radius:3rem}.rounded-s-3xl{border-top-left-radius:3rem}.rounded-e-3xl{border-bottom-right-radius:3rem;border-top-right-radius:3rem}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded-b-full{border-bottom-right-radius:9999px}.rounded-b-full,.rounded-s-full{border-bottom-left-radius:9999px}.rounded-s-full{border-top-left-radius:9999px}.rounded-e-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.shadow-base{box-shadow:0 1px 3px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.inset-1{bottom:.25rem;top:.25rem}.inset-1,.inset-x-1{left:.25rem;right:.25rem}.inset-y-1{bottom:.25rem;top:.25rem}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.inset-2{bottom:.5rem;top:.5rem}.inset-2,.inset-x-2{left:.5rem;right:.5rem}.inset-y-2{bottom:.5rem;top:.5rem}.top-2{top:.5rem}.right-2{right:.5rem}.bottom-2{bottom:.5rem}.left-2{left:.5rem}.inset-3{bottom:.75rem;top:.75rem}.inset-3,.inset-x-3{left:.75rem;right:.75rem}.inset-y-3{bottom:.75rem;top:.75rem}.top-3{top:.75rem}.right-3{right:.75rem}.bottom-3{bottom:.75rem}.left-3{left:.75rem}.inset-4{bottom:1rem;top:1rem}.inset-4,.inset-x-4{left:1rem;right:1rem}.inset-y-4{bottom:1rem;top:1rem}.top-4{top:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.inset-6{bottom:1.5rem;top:1.5rem}.inset-6,.inset-x-6{left:1.5rem;right:1.5rem}.inset-y-6{bottom:1.5rem;top:1.5rem}.top-6{top:1.5rem}.right-6{right:1.5rem}.bottom-6{bottom:1.5rem}.left-6{left:1.5rem}.inset-8{bottom:2rem;top:2rem}.inset-8,.inset-x-8{left:2rem;right:2rem}.inset-y-8{bottom:2rem;top:2rem}.top-8{top:2rem}.right-8{right:2rem}.bottom-8{bottom:2rem}.left-8{left:2rem}.inset-x-auto{left:auto;right:auto}.inset-y-auto{bottom:auto;top:auto}.inset-full{bottom:100%;top:100%}.inset-full,.inset-x-full{left:100%;right:100%}.inset-y-full{bottom:100%;top:100%}.top-full{top:100%}.right-full{right:100%}.bottom-full{bottom:100%}.left-full{left:100%}.z-sticky{z-index:1100;z-index:var(--z-sticky,100)}.z-fab{z-index:300;z-index:var(--z-fab,300)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-70{z-index:70}.z-80{z-index:80}.z-90{z-index:90}.z-100{z-index:100}.z-110{z-index:110}.z-120{z-index:120}.z-130{z-index:130}.z-140{z-index:140}.z-150{z-index:150}.z-160{z-index:160}.z-170{z-index:170}.z-180{z-index:180}.z-190{z-index:190}.z-200{z-index:200}.z-210{z-index:210}.z-220{z-index:220}.z-230{z-index:230}.z-240{z-index:240}.z-250{z-index:250}.z-260{z-index:260}.z-270{z-index:270}.z-280{z-index:280}.z-290{z-index:290}.z-300{z-index:300}.z-310{z-index:310}.z-320{z-index:320}.z-330{z-index:330}.z-340{z-index:340}.z-350{z-index:350}.z-360{z-index:360}.z-370{z-index:370}.z-380{z-index:380}.z-390{z-index:390}.z-400{z-index:400}.z-410{z-index:410}.z-420{z-index:420}.z-430{z-index:430}.z-440{z-index:440}.z-450{z-index:450}.z-460{z-index:460}.z-470{z-index:470}.z-480{z-index:480}.z-490{z-index:490}.z-500{z-index:500}.bg-current{background-color:currentColor}.border-0{border-width:0}.border-t-0{border-top-width:0}.border-r-0{border-right-width:0}.border-b-0{border-bottom-width:0}.border-l-0{border-left-width:0}.border{border-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-r-2{border-right-width:2px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-4{border-width:4px}.border-t-4{border-top-width:4px}.border-r-4{border-right-width:4px}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-8{border-width:8px}.border-t-8{border-top-width:8px}.border-r-8{border-right-width:8px}.border-b-8{border-bottom-width:8px}.border-l-8{border-left-width:8px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.transition-all{transition:all .2s;transition:all var(--transition-base,.2s)}.transition-colors{transition:color,background-color,border-color .2s;transition:color,background-color,border-color var(--transition-base,.2s)}.transition-opacity{transition:opacity .2s;transition:opacity var(--transition-base,.2s)}.transition-transform{transition:transform .2s;transition:transform var(--transition-base,.2s)}.duration-fast{transition-duration:.15s;transition-duration:var(--transition-fast,.15s)}.duration-base{transition-duration:.2s;transition-duration:var(--transition-base,.2s)}.duration-slow{transition-duration:.3s;transition-duration:var(--transition-slow,.3s)}.duration-slower{transition-duration:.5s;transition-duration:var(--transition-slower,.5s)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}@media (min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid{display:grid}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid{display:grid}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid{display:grid}}@media (hover:hover) and (pointer:fine){.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a}}.focus-visible\:ring:focus-visible{outline:2px solid #6f42c2;outline:2px solid var(--color-primary);outline-offset:2px}.active\:scale-95:active{transform:scale(.95)}.disabled\:opacity-50:disabled,.disabled\:opacity-50[aria-disabled=true]{cursor:not-allowed;opacity:.5}@media print{.print\:hidden{display:none}.print\:block{display:block}}.-m-px{margin:-1px;margin:calc(var(--space-px)*-1)}.-m-0-5{margin:-.125rem;margin:calc(var(--space-0-5)*-1)}.-m-1{margin:-.25rem;margin:calc(var(--space-1)*-1)}.-m-2{margin:-.5rem;margin:calc(var(--space-2)*-1)}.-m-3{margin:-.75rem;margin:calc(var(--space-3)*-1)}.-m-4{margin:-1rem;margin:calc(var(--space-4)*-1)}.-m-6{margin:-1.5rem;margin:calc(var(--space-6)*-1)}.-m-8{margin:-2rem;margin:calc(var(--space-8)*-1)}.-m-12{margin:-3rem;margin:calc(var(--space-12)*-1)}.-m-16{margin:-4rem;margin:calc(var(--space-16)*-1)}.-mt-px{margin-top:-1px;margin-top:calc(var(--space-px)*-1)}.-mt-1{margin-top:-.25rem;margin-top:calc(var(--space-1)*-1)}.-mt-2{margin-top:-.5rem;margin-top:calc(var(--space-2)*-1)}.-mt-3{margin-top:-.75rem;margin-top:calc(var(--space-3)*-1)}.-mt-4{margin-top:-1rem;margin-top:calc(var(--space-4)*-1)}.-mt-6{margin-top:-1.5rem;margin-top:calc(var(--space-6)*-1)}.-mt-8{margin-top:-2rem;margin-top:calc(var(--space-8)*-1)}.-mt-12{margin-top:-3rem;margin-top:calc(var(--space-12)*-1)}.-mr-px{margin-right:-1px;margin-right:calc(var(--space-px)*-1)}.-mr-1{margin-right:-.25rem;margin-right:calc(var(--space-1)*-1)}.-mr-2{margin-right:-.5rem;margin-right:calc(var(--space-2)*-1)}.-mr-3{margin-right:-.75rem;margin-right:calc(var(--space-3)*-1)}.-mr-4{margin-right:-1rem;margin-right:calc(var(--space-4)*-1)}.-mr-6{margin-right:-1.5rem;margin-right:calc(var(--space-6)*-1)}.-mb-px{margin-bottom:-1px;margin-bottom:calc(var(--space-px)*-1)}.-mb-1{margin-bottom:-.25rem;margin-bottom:calc(var(--space-1)*-1)}.-mb-2{margin-bottom:-.5rem;margin-bottom:calc(var(--space-2)*-1)}.-mb-3{margin-bottom:-.75rem;margin-bottom:calc(var(--space-3)*-1)}.-mb-4{margin-bottom:-1rem;margin-bottom:calc(var(--space-4)*-1)}.-mb-6{margin-bottom:-1.5rem;margin-bottom:calc(var(--space-6)*-1)}.-mb-8{margin-bottom:-2rem;margin-bottom:calc(var(--space-8)*-1)}.-ml-px{margin-left:-1px;margin-left:calc(var(--space-px)*-1)}.-ml-1{margin-left:-.25rem;margin-left:calc(var(--space-1)*-1)}.-ml-2{margin-left:-.5rem;margin-left:calc(var(--space-2)*-1)}.-ml-3{margin-left:-.75rem;margin-left:calc(var(--space-3)*-1)}.-ml-4{margin-left:-1rem;margin-left:calc(var(--space-4)*-1)}.-ml-6{margin-left:-1.5rem;margin-left:calc(var(--space-6)*-1)}.space-x-0>*+*{margin-left:0;margin-left:var(--space-0)}.space-x-1>*+*{margin-left:.25rem;margin-left:var(--space-1)}.space-x-2>*+*{margin-left:.5rem;margin-left:var(--space-2)}.space-x-3>*+*{margin-left:.75rem;margin-left:var(--space-3)}.space-x-4>*+*{margin-left:1rem;margin-left:var(--space-4)}.space-x-5>*+*{margin-left:1.25rem;margin-left:var(--space-5)}.space-x-6>*+*{margin-left:1.5rem;margin-left:var(--space-6)}.space-x-8>*+*{margin-left:2rem;margin-left:var(--space-8)}.space-x-10>*+*{margin-left:2.5rem;margin-left:var(--space-10)}.space-x-12>*+*{margin-left:3rem;margin-left:var(--space-12)}.space-x-reverse>*+*{--tw-space-x-reverse:1}.space-y-0>*+*{margin-top:0;margin-top:var(--space-0)}.space-y-1>*+*{margin-top:.25rem;margin-top:var(--space-1)}.space-y-2>*+*{margin-top:.5rem;margin-top:var(--space-2)}.space-y-3>*+*{margin-top:.75rem;margin-top:var(--space-3)}.space-y-4>*+*{margin-top:1rem;margin-top:var(--space-4)}.space-y-5>*+*{margin-top:1.25rem;margin-top:var(--space-5)}.space-y-6>*+*{margin-top:1.5rem;margin-top:var(--space-6)}.space-y-8>*+*{margin-top:2rem;margin-top:var(--space-8)}.space-y-10>*+*{margin-top:2.5rem;margin-top:var(--space-10)}.space-y-12>*+*{margin-top:3rem;margin-top:var(--space-12)}.divide-x>*+*{border-left:1px solid #e5e7eb;border-left-color:var(--color-border-light)}.divide-x-2>*+*{border-left:2px solid #e5e7eb;border-left-color:var(--color-border-light)}.divide-y>*+*{border-top:1px solid #e5e7eb;border-top-color:var(--color-border-light)}.divide-y-2>*+*{border-top:2px solid #e5e7eb;border-top-color:var(--color-border-light)}.divide-gray-200>*+*{border-color:#e5e7eb;border-color:var(--gray-200)}.divide-gray-300>*+*{border-color:#d1d5db;border-color:var(--gray-300)}.ring-0{box-shadow:0 0 0 0 transparent}.ring-1{box-shadow:0 0 0 1px #9333ea80;box-shadow:0 0 0 var(--ring-width-1) var(--ring-color-primary)}.ring-2{box-shadow:0 0 0 2px #9333ea80;box-shadow:0 0 0 var(--ring-width-2) var(--ring-color-primary)}.ring{box-shadow:0 0 0 3px #9333ea80;box-shadow:0 0 0 var(--ring-width) var(--ring-color-primary)}.ring-4{box-shadow:0 0 0 4px #9333ea80;box-shadow:0 0 0 var(--ring-width-4) var(--ring-color-primary)}.ring-offset-0{box-shadow:0 0 #fff,0 0 0 3px #9333ea80;box-shadow:0 0 0 0 var(--ring-offset-color),0 0 0 var(--ring-width) var(--ring-color-primary)}.ring-offset-1{box-shadow:0 0 0 1px #fff,0 0 0 4px #9333ea80;box-shadow:0 0 0 var(--ring-offset-width-1) var(--ring-offset-color),0 0 0 calc(var(--ring-width) + var(--ring-offset-width-1)) var(--ring-color-primary)}.ring-offset-2{box-shadow:0 0 0 2px #fff,0 0 0 5px #9333ea80;box-shadow:0 0 0 var(--ring-offset-width-2) var(--ring-offset-color),0 0 0 calc(var(--ring-width) + var(--ring-offset-width-2)) var(--ring-color-primary)}.ring-primary{--ring-color:var(--ring-color-primary)}.ring-error{--ring-color:var(--ring-color-error)}.ring-success{--ring-color:var(--ring-color-success)}.ring-warning{--ring-color:var(--ring-color-warning)}.ring-info{--ring-color:var(--ring-color-info)}.focus\:ring:focus{box-shadow:0 0 0 3px #9333ea80;box-shadow:0 0 0 var(--ring-width) var(--ring-color-primary);outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #9333ea80;box-shadow:0 0 0 var(--ring-width-2) var(--ring-color-primary);outline:none}.focus\:ring-primary:focus{--ring-color:var(--ring-color-primary)}.focus\:ring-offset-2:focus{box-shadow:0 0 0 2px #fff,0 0 0 5px #9333ea80;box-shadow:0 0 0 var(--ring-offset-width-2) var(--ring-offset-color),0 0 0 calc(var(--ring-width) + var(--ring-offset-width-2)) var(--ring-color-primary)}.drop-shadow-none{filter:drop-shadow(0 0 rgba(0,0,0,0))}.drop-shadow-sm{filter:drop-shadow(0 1px 1px rgb(0 0 0/.05));filter:var(--drop-shadow-sm)}.drop-shadow,.drop-shadow-md{filter:drop-shadow(0 4px 3px rgb(0 0 0/.07)) drop-shadow(0 2px 2px rgb(0 0 0/.06));filter:var(--drop-shadow-md)}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgb(0 0 0/.04)) drop-shadow(0 4px 3px rgb(0 0 0/.1));filter:var(--drop-shadow-lg)}.drop-shadow-xl{filter:drop-shadow(0 20px 13px rgb(0 0 0/.03)) drop-shadow(0 8px 5px rgb(0 0 0/.08));filter:var(--drop-shadow-xl)}.opacity-0{opacity:var(--opacity-0)}.opacity-5{opacity:.05;opacity:var(--opacity-5)}.opacity-10{opacity:.1;opacity:var(--opacity-10)}.opacity-20{opacity:.2;opacity:var(--opacity-20)}.opacity-25{opacity:var(--opacity-25)}.opacity-30{opacity:.3;opacity:var(--opacity-30)}.opacity-40{opacity:.4;opacity:var(--opacity-40)}.opacity-50{opacity:var(--opacity-50)}.opacity-60{opacity:.6;opacity:var(--opacity-60)}.opacity-70{opacity:.7;opacity:var(--opacity-70)}.opacity-75{opacity:var(--opacity-75)}.opacity-80{opacity:.8;opacity:var(--opacity-80)}.opacity-90{opacity:.9;opacity:var(--opacity-90)}.opacity-95{opacity:.95;opacity:var(--opacity-95)}.opacity-100{opacity:var(--opacity-100)}.text-primary-50{color:#faf5ff;color:var(--purple-50)}.text-primary-100{color:#f3e8ff;color:var(--purple-100)}.text-primary-200{color:#e9d5ff;color:var(--purple-200)}.text-primary-300{color:#d8b4fe;color:var(--purple-300)}.text-primary-400{color:#c084fc;color:var(--purple-400)}.text-primary-500{color:#a855f7;color:var(--purple-500)}.text-primary-600{color:#9333ea;color:var(--purple-600)}.text-primary-700{color:#7e22ce;color:var(--purple-700)}.text-primary-800{color:#6b21a8;color:var(--purple-800)}.text-primary-900{color:#581c87;color:var(--purple-900)}.text-gray-50{color:#f9fafb;color:var(--gray-50)}.text-gray-100{color:#f3f4f6;color:var(--gray-100)}.text-gray-200{color:#e5e7eb;color:var(--gray-200)}.text-gray-300{color:#d1d5db;color:var(--gray-300)}.text-gray-400{color:#9ca3af;color:var(--gray-400)}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.text-gray-700{color:#374151;color:var(--gray-700)}.text-gray-800{color:#1f2937;color:var(--gray-800)}.text-gray-900{color:#111827;color:var(--gray-900)}.text-error{color:#991b1b;color:var(--color-error)}.text-success{color:#065f46;color:var(--color-success)}.text-warning{color:#92400e;color:var(--color-warning)}.text-info{color:#1e40af;color:var(--color-info)}.bg-primary-50{background-color:#faf5ff;background-color:var(--purple-50)}.bg-primary-100{background-color:#f3e8ff;background-color:var(--purple-100)}.bg-primary-200{background-color:#e9d5ff;background-color:var(--purple-200)}.bg-primary-300{background-color:#d8b4fe;background-color:var(--purple-300)}.bg-primary-400{background-color:#c084fc;background-color:var(--purple-400)}.bg-primary-500{background-color:#a855f7;background-color:var(--purple-500)}.bg-primary-600{background-color:#9333ea;background-color:var(--purple-600)}.bg-primary-700{background-color:#7e22ce;background-color:var(--purple-700)}.bg-primary-800{background-color:#6b21a8;background-color:var(--purple-800)}.bg-primary-900{background-color:#581c87;background-color:var(--purple-900)}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.bg-gray-100{background-color:#f3f4f6;background-color:var(--gray-100)}.bg-gray-200{background-color:#e5e7eb;background-color:var(--gray-200)}.bg-gray-300{background-color:#d1d5db;background-color:var(--gray-300)}.bg-gray-400{background-color:#9ca3af;background-color:var(--gray-400)}.bg-gray-500{background-color:#6b7280;background-color:var(--gray-500)}.bg-gray-600{background-color:#4b5563;background-color:var(--gray-600)}.bg-gray-700{background-color:#374151;background-color:var(--gray-700)}.bg-gray-800{background-color:#1f2937;background-color:var(--gray-800)}.bg-gray-900{background-color:#111827;background-color:var(--gray-900)}.border-gray-50{border-color:#f9fafb;border-color:var(--gray-50)}.border-gray-100{border-color:#f3f4f6;border-color:var(--gray-100)}.border-gray-200{border-color:#e5e7eb;border-color:var(--gray-200)}.border-gray-300{border-color:#d1d5db;border-color:var(--gray-300)}.border-gray-400{border-color:#9ca3af;border-color:var(--gray-400)}.border-gray-500{border-color:#6b7280;border-color:var(--gray-500)}.border-gray-600{border-color:#4b5563;border-color:var(--gray-600)}.border-gray-700{border-color:#374151;border-color:var(--gray-700)}.border-primary{border-color:#6f42c2;border-color:var(--color-primary)}.border-primary-500{border-color:#a855f7;border-color:var(--purple-500)}.border-primary-600{border-color:#9333ea;border-color:var(--purple-600)}.transition-none{transition:none;transition:var(--transition-none)}.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-all)}.transition{transition:var(--transition-DEFAULT)}.transition-colors{transition:color,background-color,border-color,text-decoration-color,fill,stroke .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-colors)}.transition-opacity{transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-opacity)}.transition-shadow{transition:box-shadow .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-shadow)}.transition-transform{transition:transform .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-transform)}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-1000{transition-duration:1s}.ease-linear{transition-timing-function:linear;transition-timing-function:var(--ease-linear)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--ease-in-out)}.transform{transform:translate(0) translateY(0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);transform:translate(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skew(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.shadow,.shadow-md{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.shadow-inner{box-shadow:inset 0 2px 4px #0000000d;box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:none}.shadow-primary-md{box-shadow:0 6px 20px #6b46c166;box-shadow:var(--shadow-primary-md)}.shadow-error-sm{box-shadow:0 4px 12px #dc26264d;box-shadow:var(--shadow-error-sm)}.shadow-success-sm{box-shadow:0 4px 12px #16a34a4d;box-shadow:var(--shadow-success-sm)}.shadow-warning-sm{box-shadow:0 4px 12px #ca8a044d;box-shadow:var(--shadow-warning-sm)}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.blur-none{filter:blur(0)}.blur-sm{filter:blur(4px)}.blur{filter:blur(8px)}.blur-md{filter:blur(12px)}.blur-lg{filter:blur(16px)}.blur-xl{filter:blur(24px)}.blur-2xl{filter:blur(40px)}.blur-3xl{filter:blur(64px)}.backdrop-blur-none{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.backdrop-blur-2xl{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.backdrop-blur-3xl{backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px)}.brightness-0{filter:brightness(0)}.brightness-50{filter:brightness(.5)}.brightness-75{filter:brightness(.75)}.brightness-90{filter:brightness(.9)}.brightness-95{filter:brightness(.95)}.brightness-100{filter:brightness(1)}.brightness-105{filter:brightness(1.05)}.brightness-110{filter:brightness(1.1)}.brightness-125{filter:brightness(1.25)}.brightness-150{filter:brightness(1.5)}.brightness-200{filter:brightness(2)}.contrast-0{filter:contrast(0)}.contrast-50{filter:contrast(.5)}.contrast-75{filter:contrast(.75)}.contrast-100{filter:contrast(1)}.contrast-125{filter:contrast(1.25)}.contrast-150{filter:contrast(1.5)}.contrast-200{filter:contrast(2)}.grayscale-0{filter:grayscale(0)}.grayscale{filter:grayscale(100%)}.hue-rotate-0{filter:hue-rotate(0deg)}.hue-rotate-15{filter:hue-rotate(15deg)}.hue-rotate-30{filter:hue-rotate(30deg)}.hue-rotate-60{filter:hue-rotate(60deg)}.hue-rotate-90{filter:hue-rotate(90deg)}.hue-rotate-180{filter:hue-rotate(180deg)}.invert-0{filter:invert(0)}.invert{filter:invert(100%)}.saturate-0{filter:saturate(0)}.saturate-50{filter:saturate(.5)}.saturate-100{filter:saturate(1)}.saturate-150{filter:saturate(1.5)}.saturate-200{filter:saturate(2)}.sepia-0{filter:sepia(0)}.sepia{filter:sepia(100%)}.backdrop-brightness-0{backdrop-filter:brightness(0);-webkit-backdrop-filter:brightness(0)}.backdrop-brightness-50{backdrop-filter:brightness(.5);-webkit-backdrop-filter:brightness(.5)}.backdrop-brightness-75{backdrop-filter:brightness(.75);-webkit-backdrop-filter:brightness(.75)}.backdrop-brightness-100{backdrop-filter:brightness(1);-webkit-backdrop-filter:brightness(1)}.backdrop-brightness-125{backdrop-filter:brightness(1.25);-webkit-backdrop-filter:brightness(1.25)}.backdrop-brightness-150{backdrop-filter:brightness(1.5);-webkit-backdrop-filter:brightness(1.5)}.backdrop-contrast-0{backdrop-filter:contrast(0);-webkit-backdrop-filter:contrast(0)}.backdrop-contrast-50{backdrop-filter:contrast(.5);-webkit-backdrop-filter:contrast(.5)}.backdrop-contrast-100{backdrop-filter:contrast(1);-webkit-backdrop-filter:contrast(1)}.backdrop-contrast-150{backdrop-filter:contrast(1.5);-webkit-backdrop-filter:contrast(1.5)}.backdrop-grayscale-0{backdrop-filter:grayscale(0);-webkit-backdrop-filter:grayscale(0)}.backdrop-grayscale{backdrop-filter:grayscale(100%);-webkit-backdrop-filter:grayscale(100%)}.backdrop-hue-rotate-0{backdrop-filter:hue-rotate(0deg);-webkit-backdrop-filter:hue-rotate(0deg)}.backdrop-hue-rotate-15{backdrop-filter:hue-rotate(15deg);-webkit-backdrop-filter:hue-rotate(15deg)}.backdrop-hue-rotate-30{backdrop-filter:hue-rotate(30deg);-webkit-backdrop-filter:hue-rotate(30deg)}.backdrop-hue-rotate-60{backdrop-filter:hue-rotate(60deg);-webkit-backdrop-filter:hue-rotate(60deg)}.backdrop-hue-rotate-90{backdrop-filter:hue-rotate(90deg);-webkit-backdrop-filter:hue-rotate(90deg)}.backdrop-hue-rotate-180{backdrop-filter:hue-rotate(180deg);-webkit-backdrop-filter:hue-rotate(180deg)}.backdrop-invert-0{backdrop-filter:invert(0);-webkit-backdrop-filter:invert(0)}.backdrop-invert{backdrop-filter:invert(100%);-webkit-backdrop-filter:invert(100%)}.backdrop-saturate-0{backdrop-filter:saturate(0);-webkit-backdrop-filter:saturate(0)}.backdrop-saturate-50{backdrop-filter:saturate(.5);-webkit-backdrop-filter:saturate(.5)}.backdrop-saturate-100{backdrop-filter:saturate(1);-webkit-backdrop-filter:saturate(1)}.backdrop-saturate-150{backdrop-filter:saturate(1.5);-webkit-backdrop-filter:saturate(1.5)}.backdrop-saturate-200{backdrop-filter:saturate(2);-webkit-backdrop-filter:saturate(2)}.backdrop-sepia-0{backdrop-filter:sepia(0);-webkit-backdrop-filter:sepia(0)}.backdrop-sepia{backdrop-filter:sepia(100%);-webkit-backdrop-filter:sepia(100%)}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.glass{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2)}.glass,.glass-dark{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.glass-dark{background:#0003;border:1px solid hsla(0,0%,100%,.1)}.photo-vintage{filter:sepia(50%) contrast(1.2) brightness(1.1)}.photo-warm{filter:sepia(20%) saturate(1.3) brightness(1.05)}.photo-cool{filter:hue-rotate(180deg) saturate(1.2)}.photo-dramatic{filter:contrast(1.5) saturate(.8) brightness(.9)}.hover\:blur:hover{filter:blur(8px)}.hover\:brightness-110:hover{filter:brightness(1.1)}.hover\:contrast-125:hover{filter:contrast(1.25)}.hover\:saturate-150:hover{filter:saturate(1.5)}.hover\:grayscale-0:hover{filter:grayscale(0)}.group:hover .group-hover\:blur{filter:blur(8px)}.group:hover .group-hover\:brightness-110{filter:brightness(1.1)}.group:hover .group-hover\:grayscale-0{filter:grayscale(0)}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-xs{font-size:var(--text-xs);line-height:1rem}.text-sm{font-size:var(--text-sm);line-height:1.25rem}.text-base{font-size:var(--text-base);line-height:1.5rem}.text-lg{font-size:var(--text-lg)}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl);line-height:2rem}.text-3xl{font-size:var(--text-3xl);line-height:2.25rem}.text-4xl{font-size:var(--text-4xl);line-height:2.5rem}.text-5xl{font-size:var(--text-5xl);line-height:1}.text-6xl{font-size:3.75rem;font-size:var(--text-6xl);line-height:1}.text-7xl{font-size:4.5rem;font-size:var(--text-7xl);line-height:1}.text-8xl{font-size:6rem;font-size:var(--text-8xl);line-height:1}.text-9xl{font-size:8rem;font-size:var(--text-9xl);line-height:1}.font-thin{font-weight:100;font-weight:var(--font-thin)}.font-extralight{font-weight:200;font-weight:var(--font-extralight)}.font-light{font-weight:300;font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:900;font-weight:var(--font-black)}.italic{font-style:italic}.not-italic{font-style:normal}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:1.625;line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-10{line-height:2.5rem}.text-start{text-align:left}.text-end{text-align:right}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.decoration-auto{text-decoration-thickness:auto}.decoration-from-font{text-decoration-thickness:from-font}.decoration-0{text-decoration-thickness:0}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.decoration-4{text-decoration-thickness:4px}.decoration-8{text-decoration-thickness:8px}.underline-offset-auto{text-underline-offset:auto}.underline-offset-0{text-underline-offset:0}.underline-offset-1{text-underline-offset:1px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-5,.line-clamp-6{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-6{-webkit-line-clamp:6}.line-clamp-none{display:block;overflow:visible;-webkit-box-orient:horizontal;-webkit-line-clamp:none}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.whitespace-break-spaces{white-space:break-spaces}.content-none{content:none}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background-image:linear-gradient(135deg,#9333ea,#c084fc);background-image:linear-gradient(135deg,var(--purple-600),var(--purple-400))}.text-gradient-rainbow{background-image:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3)}.text-shadow-none{text-shadow:none}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.1)}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.text-shadow-md{text-shadow:0 4px 6px rgba(0,0,0,.1)}.text-shadow-lg{text-shadow:0 10px 15px rgba(0,0,0,.1)}.text-shadow-xl{text-shadow:0 20px 25px rgba(0,0,0,.1)}.prose{color:#374151;color:var(--gray-700);max-width:65ch}.prose p{margin-bottom:1.25em;margin-top:1.25em}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#111827;color:var(--gray-900);font-weight:600;line-height:1.25}.prose h1{font-size:2.25em;margin-bottom:.8888889em;margin-top:0}.prose h2{font-size:1.5em;margin-bottom:1em;margin-top:2em}.prose h3{font-size:1.25em;margin-bottom:.6em;margin-top:1.6em}.prose h4{font-size:1em;margin-bottom:.5em;margin-top:1.5em}.prose a{color:#9333ea;color:var(--purple-600);font-weight:500;text-decoration:underline}.prose code,.prose strong{color:#111827;color:var(--gray-900);font-weight:600}.prose code{background:#f3f4f6;background:var(--gray-100);border-radius:.25rem;font-size:.875em;padding:.2em .4em}.prose pre{background:#111827;background:var(--gray-900);border-radius:.5rem;color:#f3f4f6;color:var(--gray-100);overflow-x:auto;padding:1em}.prose blockquote{border-left:.25rem solid #e5e7eb;border-left:.25rem solid var(--gray-200);color:#111827;color:var(--gray-900);font-style:italic;font-weight:500;margin-left:0;margin-right:0;padding-left:1em}.prose ol,.prose ul{margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose li{margin-bottom:.5em;margin-top:.5em}.prose-sm{font-size:.875rem;max-width:60ch}.prose-lg{font-size:1.125rem;max-width:70ch}.prose-xl{font-size:1.25rem;max-width:75ch}[data-theme=dark] .prose{color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .prose h1,[data-theme=dark] .prose h2,[data-theme=dark] .prose h3,[data-theme=dark] .prose h4,[data-theme=dark] .prose h5,[data-theme=dark] .prose h6{color:#f3f4f6;color:var(--gray-100)}[data-theme=dark] .prose a{color:#c084fc;color:var(--purple-400)}[data-theme=dark] .prose code,[data-theme=dark] .prose strong{color:#f3f4f6;color:var(--gray-100)}[data-theme=dark] .prose code{background:#1f2937;background:var(--gray-800)}[data-theme=dark] .prose pre{background:#030712;background:var(--gray-950)}[data-theme=dark] .prose blockquote{border-left-color:#374151;border-left-color:var(--gray-700);color:#f3f4f6;color:var(--gray-100)}.flow-root{display:flow-root}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap-reverse{flex-wrap:wrap-reverse}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-0{flex-basis:0px}.basis-1{flex-basis:.25rem}.basis-2{flex-basis:.5rem}.basis-3{flex-basis:.75rem}.basis-4{flex-basis:1rem}.basis-5{flex-basis:1.25rem}.basis-6{flex-basis:1.5rem}.basis-8{flex-basis:2rem}.basis-10{flex-basis:2.5rem}.basis-12{flex-basis:3rem}.basis-16{flex-basis:4rem}.basis-20{flex-basis:5rem}.basis-24{flex-basis:6rem}.basis-32{flex-basis:8rem}.basis-40{flex-basis:10rem}.basis-48{flex-basis:12rem}.basis-64{flex-basis:16rem}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.333333%}.basis-2\/3{flex-basis:66.666667%}.basis-1\/4{flex-basis:25%}.basis-2\/4{flex-basis:50%}.basis-3\/4{flex-basis:75%}.basis-1\/5{flex-basis:20%}.basis-2\/5{flex-basis:40%}.basis-3\/5{flex-basis:60%}.basis-4\/5{flex-basis:80%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-13{grid-column-start:13}.col-start-auto{grid-column-start:auto}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9{grid-column-end:9}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.col-end-auto{grid-column-end:auto}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.row-auto{grid-row:auto}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.row-span-full{grid-row:1/-1}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-start-7{grid-row-start:7}.row-start-auto{grid-row-start:auto}.row-end-1{grid-row-end:1}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.row-end-7{grid-row-end:7}.row-end-auto{grid-row-end:auto}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.auto-cols-auto{grid-auto-columns:auto}.auto-cols-min{grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content}.auto-cols-max{grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.auto-rows-auto{grid-auto-rows:auto}.auto-rows-min{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.auto-rows-max{grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-3{gap:var(--space-3)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:4rem;gap:var(--space-16)}.gap-20{gap:5rem;gap:var(--space-20)}.gap-24{gap:6rem;gap:var(--space-24)}.gap-x-0{-moz-column-gap:var(--space-0);column-gap:var(--space-0)}.gap-x-1{-moz-column-gap:var(--space-1);column-gap:var(--space-1)}.gap-x-2{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}.gap-x-3{-moz-column-gap:var(--space-3);column-gap:var(--space-3)}.gap-x-4{-moz-column-gap:var(--space-4);column-gap:var(--space-4)}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem;-moz-column-gap:var(--space-5);column-gap:var(--space-5)}.gap-x-6{-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.gap-x-8{-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem;-moz-column-gap:var(--space-10);column-gap:var(--space-10)}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem;-moz-column-gap:var(--space-12);column-gap:var(--space-12)}.gap-y-0{row-gap:var(--space-0)}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-5{row-gap:1.25rem;row-gap:var(--space-5)}.gap-y-6{row-gap:var(--space-6)}.gap-y-8{row-gap:var(--space-8)}.gap-y-10{row-gap:2.5rem;row-gap:var(--space-10)}.gap-y-12{row-gap:3rem;row-gap:var(--space-12)}.justify-normal{justify-content:normal}.justify-stretch{justify-content:stretch}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.content-normal{align-content:normal}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.place-content-center{align-content:center;justify-content:center;place-content:center}.place-content-start{align-content:start;justify-content:start;place-content:start}.place-content-end{align-content:end;justify-content:end;place-content:end}.place-content-between{align-content:space-between;justify-content:space-between;place-content:space-between}.place-content-around{align-content:space-around;justify-content:space-around;place-content:space-around}.place-content-evenly{align-content:space-evenly;justify-content:space-evenly;place-content:space-evenly}.place-content-stretch{align-content:stretch;justify-content:stretch;place-content:stretch}.place-items-start{align-items:start;justify-items:start;place-items:start}.place-items-end{align-items:end;justify-items:end;place-items:end}.place-items-center{align-items:center;justify-items:center;place-items:center}.place-items-stretch{align-items:stretch;justify-items:stretch;place-items:stretch}.place-self-auto{align-self:auto;justify-self:auto;place-self:auto}.place-self-start{align-self:start;justify-self:start;place-self:start}.place-self-end{align-self:end;justify-self:end;place-self:end}.place-self-center{align-self:center;justify-self:center;place-self:center}.place-self-stretch{align-self:stretch;justify-self:stretch;place-self:stretch}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x mandatory;scroll-snap-type:x var(--scroll-snap-strictness,mandatory)}.snap-y{scroll-snap-type:y mandatory;scroll-snap-type:y var(--scroll-snap-strictness,mandatory)}.snap-both{scroll-snap-type:both mandatory;scroll-snap-type:both var(--scroll-snap-strictness,mandatory)}.snap-mandatory{--scroll-snap-strictness:mandatory}.snap-proximity{--scroll-snap-strictness:proximity}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.scroll-auto{scroll-behavior:auto}.scroll-m-0{scroll-margin:0}.scroll-m-1{scroll-margin:.25rem;scroll-margin:var(--space-1)}.scroll-m-2{scroll-margin:.5rem;scroll-margin:var(--space-2)}.scroll-m-4{scroll-margin:1rem;scroll-margin:var(--space-4)}.scroll-m-6{scroll-margin:1.5rem;scroll-margin:var(--space-6)}.scroll-m-8{scroll-margin:2rem;scroll-margin:var(--space-8)}.scroll-mx-0{scroll-margin-left:0;scroll-margin-right:0}.scroll-mx-4{scroll-margin-left:1rem;scroll-margin-left:var(--space-4);scroll-margin-right:1rem;scroll-margin-right:var(--space-4)}.scroll-my-0{scroll-margin-bottom:0;scroll-margin-top:0}.scroll-my-4{scroll-margin-bottom:1rem;scroll-margin-bottom:var(--space-4);scroll-margin-top:1rem;scroll-margin-top:var(--space-4)}.scroll-p-0{scroll-padding:0}.scroll-p-4{scroll-padding:1rem;scroll-padding:var(--space-4)}.scroll-p-6{scroll-padding:1.5rem;scroll-padding:var(--space-6)}.scroll-p-8{scroll-padding:2rem;scroll-padding:var(--space-8)}.scroll-px-4{scroll-padding-left:1rem;scroll-padding-left:var(--space-4);scroll-padding-right:1rem;scroll-padding-right:var(--space-4)}.scroll-px-8{scroll-padding-left:2rem;scroll-padding-left:var(--space-8);scroll-padding-right:2rem;scroll-padding-right:var(--space-8)}.scroll-py-4{scroll-padding-bottom:1rem;scroll-padding-bottom:var(--space-4);scroll-padding-top:1rem;scroll-padding-top:var(--space-4)}.scroll-py-8{scroll-padding-bottom:2rem;scroll-padding-bottom:var(--space-8);scroll-padding-top:2rem;scroll-padding-top:var(--space-8)}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-pan-left{touch-action:pan-left}.touch-pan-right{touch-action:pan-right}.touch-pan-up{touch-action:pan-up}.touch-pan-down{touch-action:pan-down}.touch-pinch-zoom{touch-action:pinch-zoom}.touch-manipulation{touch-action:manipulation}.cursor-help{cursor:help}.cursor-none{cursor:none}.cursor-context-menu{cursor:context-menu}.cursor-progress{cursor:progress}.cursor-cell{cursor:cell}.cursor-crosshair{cursor:crosshair}.cursor-vertical-text{cursor:vertical-text}.cursor-alias{cursor:alias}.cursor-copy{cursor:copy}.cursor-no-drop{cursor:no-drop}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-all-scroll{cursor:all-scroll}.cursor-col-resize{cursor:col-resize}.cursor-row-resize{cursor:row-resize}.cursor-n-resize{cursor:n-resize}.cursor-e-resize{cursor:e-resize}.cursor-s-resize{cursor:s-resize}.cursor-w-resize{cursor:w-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nesw-resize{cursor:nesw-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.resize-none{resize:none}.resize{resize:both}.resize-x{resize:horizontal}.resize-y{resize:vertical}.caret-transparent{caret-color:transparent}.caret-current{caret-color:currentColor}.caret-inherit{caret-color:inherit}.caret-primary{caret-color:#6f42c2;caret-color:var(--color-primary)}.caret-purple{caret-color:#9333ea;caret-color:var(--purple-600)}.caret-blue{caret-color:#2563eb;caret-color:var(--blue-600)}.caret-red{caret-color:#dc2626;caret-color:var(--red-600)}.caret-green{caret-color:#16a34a;caret-color:var(--green-600)}.accent-auto{accent-color:auto}.accent-current{accent-color:currentColor}.accent-primary{accent-color:#6f42c2;accent-color:var(--color-primary)}.accent-purple{accent-color:#9333ea;accent-color:var(--purple-600)}.accent-blue{accent-color:#2563eb;accent-color:var(--blue-600)}.accent-red{accent-color:#dc2626;accent-color:var(--red-600)}.accent-green{accent-color:#16a34a;accent-color:var(--green-600)}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.appearance-auto{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.will-change-auto{will-change:auto}.will-change-scroll{will-change:scroll-position}.will-change-contents{will-change:contents}.will-change-transform{will-change:transform}.scroll-container{overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.snap-carousel{display:flex;gap:1rem;gap:var(--space-4);overflow-x:auto;scroll-padding:1rem;scroll-padding:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-carousel>*{flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always}.snap-sections{height:100vh;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory}.snap-sections>section{height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.draggable{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable:active{cursor:grabbing}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.overlay-interactive{overscroll-behavior:none;pointer-events:auto;touch-action:none}.zoom-container{touch-action:pinch-zoom;will-change:transform}@media (min-width:768px){.md\:cursor-pointer{cursor:pointer}.md\:select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.md\:snap-none{scroll-snap-type:none}}@media (min-width:1024px){.lg\:cursor-pointer{cursor:pointer}.lg\:select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:cursor-grab:hover{cursor:grab}.hover\:cursor-zoom-in:hover{cursor:zoom-in}.focus\:outline-none:focus{outline:none}.focus\:select-all:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all}@media (prefers-color-scheme:dark){.dark\:caret-purple{caret-color:#c084fc;caret-color:var(--purple-400)}.dark\:accent-purple{accent-color:#c084fc;accent-color:var(--purple-400)}}.dark .dark\:caret-purple{caret-color:#c084fc;caret-color:var(--purple-400)}.dark .dark\:accent-purple{accent-color:#c084fc;accent-color:var(--purple-400)}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-\[1\/2\]{aspect-ratio:1/2}.columns-1{-moz-columns:1;column-count:1}.columns-2{-moz-columns:2;column-count:2}.columns-3{-moz-columns:3;column-count:3}.columns-4{-moz-columns:4;column-count:4}.columns-5{-moz-columns:5;column-count:5}.columns-6{-moz-columns:6;column-count:6}.columns-7{-moz-columns:7;column-count:7}.columns-8{-moz-columns:8;column-count:8}.columns-auto{-moz-columns:auto;columns:auto}.columns-3xs{-moz-columns:16rem;columns:16rem}.columns-2xs{-moz-columns:18rem;columns:18rem}.columns-xs{-moz-columns:20rem;columns:20rem}.columns-sm{-moz-columns:24rem;columns:24rem}.columns-md{-moz-columns:28rem;columns:28rem}.columns-lg{-moz-columns:32rem;columns:32rem}.columns-xl{-moz-columns:36rem;columns:36rem}.columns-2xl{-moz-columns:42rem;columns:42rem}.columns-3xl{-moz-columns:48rem;columns:48rem}.columns-4xl{-moz-columns:56rem;columns:56rem}.columns-5xl{-moz-columns:64rem;columns:64rem}.columns-6xl{-moz-columns:72rem;columns:72rem}.columns-7xl{-moz-columns:80rem;columns:80rem}.break-before-auto{page-break-before:auto;-moz-column-break-before:auto;break-before:auto}.break-before-avoid{page-break-before:avoid;-moz-column-break-before:avoid;break-before:avoid}.break-before-all{page-break-before:all;-moz-column-break-before:all;break-before:all}.break-before-avoid-page{page-break-before:avoid;-moz-column-break-before:avoid;break-before:avoid-page}.break-before-page{page-break-before:always;-moz-column-break-before:page;break-before:page}.break-before-left{page-break-before:left;-moz-column-break-before:left;break-before:left}.break-before-right{page-break-before:right;-moz-column-break-before:right;break-before:right}.break-before-column{-moz-column-break-before:column;break-before:column}.break-inside-auto{page-break-inside:auto;-moz-column-break-inside:auto;break-inside:auto}.break-inside-avoid{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.break-inside-avoid-page{page-break-inside:avoid;break-inside:avoid-page}.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}.break-after-auto{page-break-after:auto;-moz-column-break-after:auto;break-after:auto}.break-after-avoid{page-break-after:avoid;-moz-column-break-after:avoid;break-after:avoid}.break-after-all{page-break-after:all;-moz-column-break-after:all;break-after:all}.break-after-avoid-page{page-break-after:avoid;-moz-column-break-after:avoid;break-after:avoid-page}.break-after-page{page-break-after:always;-moz-column-break-after:page;break-after:page}.break-after-left{page-break-after:left;-moz-column-break-after:left;break-after:left}.break-after-right{page-break-after:right;-moz-column-break-after:right;break-after:right}.break-after-column{-moz-column-break-after:column;break-after:column}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.object-left-top{-o-object-position:left top;object-position:left top}.object-right{-o-object-position:right;object-position:right}.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-right-top{-o-object-position:right top;object-position:right top}.object-top{-o-object-position:top;object-position:top}.isolation-auto{isolation:auto}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.writing-mode-horizontal-tb{writing-mode:horizontal-tb}.writing-mode-vertical-rl{writing-mode:vertical-rl}.writing-mode-vertical-lr{writing-mode:vertical-lr}.horizontal-tb{writing-mode:horizontal-tb}.vertical-rl{writing-mode:vertical-rl}.vertical-lr{writing-mode:vertical-lr}.text-orientation-mixed{text-orientation:mixed}.text-orientation-upright{text-orientation:upright}.text-orientation-sideways{text-orientation:sideways}.hyphens-none{-webkit-hyphens:none;hyphens:none}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.break-keep{word-break:keep-all}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.float-start{float:inline-start}.float-end{float:inline-end}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-start{clear:inline-start}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.overflow-clip{overflow:clip}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.img-responsive{aspect-ratio:16/9;height:auto;width:100%}.img-avatar,.img-responsive{-o-object-fit:cover;object-fit:cover}.img-avatar{border-radius:50%;height:40px;width:40px}.bg-cover{background-position:50%;background-repeat:no-repeat;background-size:cover}.newspaper-layout{-moz-columns:3;column-count:3;-moz-column-gap:2rem;column-gap:2rem;-moz-column-gap:var(--space-8);column-gap:var(--space-8);-moz-column-rule:1px solid #e5e7eb;column-rule:1px solid #e5e7eb;-moz-column-rule:1px solid var(--gray-200);column-rule:1px solid var(--gray-200)}.newspaper-layout>*{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem;margin-bottom:var(--space-4)}.masonry-layout{-moz-column-gap:1rem;column-gap:1rem;-moz-column-gap:var(--space-4);column-gap:var(--space-4);-moz-columns:auto;-moz-column-width:250px;columns:250px}.masonry-layout>*{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem;margin-bottom:var(--space-4)}.video-container{aspect-ratio:16/9;border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%}.video-container iframe,.video-container video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.hero-image{height:60vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;will-change:transform}.sidebar-float{float:left;isolation:isolate;margin-right:1.5rem;margin-right:var(--space-6);width:300px}@media (max-width:768px){.sidebar-float{float:none;margin-bottom:1rem;margin-bottom:var(--space-4);margin-right:0;width:100%}}.card-printable{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.text-vertical-japanese{text-orientation:upright;writing-mode:vertical-rl}.col-no-orphans{orphans:3;widows:3}@media (min-width:640px){.sm\:aspect-square{aspect-ratio:1/1}.sm\:aspect-video{aspect-ratio:16/9}.sm\:columns-2{-moz-columns:2;column-count:2}.sm\:object-cover{-o-object-fit:cover;object-fit:cover}}@media (min-width:768px){.md\:aspect-square{aspect-ratio:1/1}.md\:aspect-video{aspect-ratio:16/9}.md\:columns-3{-moz-columns:3;column-count:3}.md\:object-contain{-o-object-fit:contain;object-fit:contain}.md\:float-left{float:left}}@media (min-width:1024px){.lg\:columns-4{-moz-columns:4;column-count:4}.lg\:aspect-\[21\/9\]{aspect-ratio:21/9}}@media (min-width:1280px){.xl\:columns-5{-moz-columns:5;column-count:5}}@media print{.print\:break-inside-avoid{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.print\:break-before-page{page-break-before:always;-moz-column-break-before:page;break-before:page}.print\:break-after-page{page-break-after:always;-moz-column-break-after:page;break-after:page}}@media (prefers-color-scheme:dark){.newspaper-layout{-moz-column-rule-color:#374151;column-rule-color:#374151;-moz-column-rule-color:var(--gray-700);column-rule-color:var(--gray-700)}}.dark .newspaper-layout{-moz-column-rule-color:#374151;column-rule-color:#374151;-moz-column-rule-color:var(--gray-700);column-rule-color:var(--gray-700)}.container-normal{container-type:normal}.container-size{container-type:size}.container-inline-size,.container-sidebar{container-type:inline-size}.container-sidebar{container-name:sidebar}.container-card{container-name:card;container-type:inline-size}.container-main{container-name:main;container-type:inline-size}.container-header{container-name:header;container-type:inline-size}.container-footer{container-name:footer;container-type:inline-size}@container (min-width: 20rem){.\@xs\:block{display:block}.\@xs\:flex{display:flex}.\@xs\:grid{display:grid}.\@xs\:hidden{display:none}.\@xs\:text-sm{font-size:.875rem;font-size:var(--text-sm)}.\@xs\:text-base{font-size:1rem;font-size:var(--text-base)}.\@xs\:p-4{padding:1rem;padding:var(--space-4)}.\@xs\:gap-2{gap:.5rem;gap:var(--space-2)}}@container (min-width: 24rem){.\@sm\:block{display:block}.\@sm\:flex{display:flex}.\@sm\:grid{display:grid}.\@sm\:hidden{display:none}.\@sm\:flex-row{flex-direction:row}.\@sm\:flex-col{flex-direction:column}.\@sm\:text-base{font-size:1rem;font-size:var(--text-base)}.\@sm\:text-lg{font-size:1.125rem;font-size:var(--text-lg)}.\@sm\:p-6{padding:1.5rem;padding:var(--space-6)}.\@sm\:gap-4{gap:1rem;gap:var(--space-4)}.\@sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 28rem){.\@md\:block{display:block}.\@md\:flex{display:flex}.\@md\:grid{display:grid}.\@md\:hidden{display:none}.\@md\:flex-row{flex-direction:row}.\@md\:items-center{align-items:center}.\@md\:justify-between{justify-content:space-between}.\@md\:text-lg{font-size:1.125rem;font-size:var(--text-lg)}.\@md\:text-xl{font-size:1.25rem;font-size:var(--text-xl)}.\@md\:p-8{padding:2rem;padding:var(--space-8)}.\@md\:gap-6{gap:1.5rem;gap:var(--space-6)}.\@md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 32rem){.\@lg\:block{display:block}.\@lg\:flex{display:flex}.\@lg\:grid{display:grid}.\@lg\:hidden{display:none}.\@lg\:flex-row{flex-direction:row}.\@lg\:gap-8{gap:2rem;gap:var(--space-8)}.\@lg\:text-xl{font-size:1.25rem;font-size:var(--text-xl)}.\@lg\:text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.\@lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 36rem){.\@xl\:flex{display:flex}.\@xl\:grid{display:grid}.\@xl\:text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.\@xl\:text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.\@xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (min-width: 42rem){.\@2xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\@2xl\:text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}}@container sidebar (min-width: 16rem){.sidebar-expanded .sidebar-icon{display:none}.sidebar-expanded .sidebar-text{display:block}}@container card (min-width: 20rem){.card-horizontal{flex-direction:row}.card-horizontal .card-image{height:auto;width:40%}.card-horizontal .card-content{width:60%}}@container card (min-width: 30rem){.card-expanded .card-actions,.card-expanded .card-meta{display:flex}}@container main (min-width: 40rem){.content-two-column{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;grid-gap:var(--space-8);gap:2rem;gap:var(--space-8)}}.card-responsive{background:#fff;background:var(--color-surface);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);container-name:card;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden}.card-responsive .card-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.card-responsive .card-body{padding:1rem;padding:var(--space-4)}.card-responsive .card-title{font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.card-responsive .card-description{color:#1f2937;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.card-responsive .card-actions{display:none;gap:.5rem;gap:var(--space-2);margin-top:1rem;margin-top:var(--space-4)}@container card (min-width: 20rem){.card-responsive .card-actions{display:flex}}@container card (min-width: 25rem){.card-responsive{flex-direction:row}.card-responsive .card-image{aspect-ratio:auto;height:auto;width:35%}.card-responsive .card-body{padding:1.5rem;padding:var(--space-6);width:65%}.card-responsive .card-title{font-size:1.25rem;font-size:var(--text-xl)}.card-responsive .card-description{font-size:1rem;font-size:var(--text-base)}}.sidebar-responsive{background:#fff;background:var(--color-surface);container-name:sidebar;container-type:inline-size;padding:1rem;padding:var(--space-4)}.sidebar-responsive .nav-item{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--space-3);padding:.75rem;padding:var(--space-3);transition:background .2s}.sidebar-responsive .nav-item:hover{background:#f3f4f6;background:var(--color-surface-hover)}.sidebar-responsive .nav-icon{flex-shrink:0;height:20px;width:20px}.sidebar-responsive .nav-text{display:none;font-size:.875rem;font-size:var(--text-sm)}@container sidebar (min-width: 15rem){.sidebar-responsive .nav-text{display:block}}@container sidebar (min-width: 20rem){.sidebar-responsive{padding:1.5rem;padding:var(--space-6)}.sidebar-responsive .nav-item{padding:1rem;padding:var(--space-4)}.sidebar-responsive .nav-text{font-size:1rem;font-size:var(--text-base)}}.gallery-responsive{container-name:gallery;container-type:inline-size;display:grid;grid-template-columns:1fr;grid-gap:1rem;grid-gap:var(--space-4);gap:1rem;gap:var(--space-4)}@container gallery (min-width: 25rem){.gallery-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@container gallery (min-width: 37.5rem){.gallery-responsive{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}}@container gallery (min-width: 50rem){.gallery-responsive{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats-responsive{container-type:inline-size;display:grid;grid-template-columns:1fr;grid-gap:1rem;grid-gap:var(--space-4);gap:1rem;gap:var(--space-4)}.stats-responsive .stat-card{background:#fff;background:var(--color-surface);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.stats-responsive .stat-card .stat-label{color:#1f2937;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.stats-responsive .stat-card .stat-value{color:#6f42c2;color:var(--color-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700}@container (min-width: 30rem){.stats-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 50rem){.stats-responsive{gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr))}.stats-responsive .stat-card{padding:1.5rem;padding:var(--space-6)}.stats-responsive .stat-value{font-size:1.875rem;font-size:var(--text-3xl)}}.form-responsive{container-type:inline-size;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.form-responsive .form-row{display:grid;grid-template-columns:1fr;grid-gap:1rem;grid-gap:var(--space-4);gap:1rem;gap:var(--space-4)}@container (min-width: 30rem){.form-responsive .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 50rem){.form-responsive .form-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports not (container-type:inline-size){@media (min-width:400px){.card-responsive{flex-direction:row}.card-responsive .card-image{width:35%}.card-responsive .card-body{width:65%}.gallery-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:600px){.gallery-responsive{grid-template-columns:repeat(3,minmax(0,1fr))}}}.min-w-min{min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content}.min-w-max{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.min-w-fit{min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}.min-w-screen{min-width:100vw}.min-w-\[200px\]{min-width:200px}.min-w-\[300px\]{min-width:300px}.min-w-\[400px\]{min-width:400px}.min-w-\[500px\]{min-width:500px}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-prose{max-width:65ch}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}.max-w-min{max-width:-moz-min-content;max-width:-webkit-min-content;max-width:min-content}.max-w-max{max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content}.max-w-fit{max-width:-moz-fit-content;max-width:-webkit-fit-content;max-width:fit-content}.min-h-svh{min-height:100svh}.min-h-lvh{min-height:100lvh}.min-h-dvh{min-height:100dvh}.min-h-min{min-height:-moz-min-content;min-height:-webkit-min-content;min-height:min-content}.min-h-max{min-height:-moz-max-content;min-height:-webkit-max-content;min-height:max-content}.min-h-fit{min-height:-moz-fit-content;min-height:-webkit-fit-content;min-height:fit-content}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.max-h-none{max-height:none}.max-h-svh{max-height:100svh}.max-h-lvh{max-height:100lvh}.max-h-dvh{max-height:100dvh}.max-h-min{max-height:-moz-min-content;max-height:-webkit-min-content;max-height:min-content}.max-h-max{max-height:-moz-max-content;max-height:-webkit-max-content;max-height:max-content}.max-h-fit{max-height:-moz-fit-content;max-height:-webkit-fit-content;max-height:fit-content}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-\[500px\]{max-height:500px}.max-h-\[600px\]{max-height:600px}.sr-only-focusable:active,.sr-only-focusable:focus{margin:inherit;padding:inherit}.not-sr-only,.sr-only-focusable:active,.sr-only-focusable:focus{height:auto;overflow:visible;position:static;width:auto;clip:auto;white-space:normal}.not-sr-only{margin:0;padding:0}.forced-color-adjust-auto{forced-color-adjust:auto}.forced-color-adjust-none{forced-color-adjust:none}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}.print\:inline{display:inline!important}.print\:inline-block{display:inline-block!important}.print\:text-black{color:#000!important}.print\:bg-white{background:#fff!important}.print\:p-0{padding:0!important}.print\:m-0{margin:0!important}.print\:break-before-page{page-break-before:always!important;-moz-column-break-before:page!important;break-before:page!important}.print\:break-after-page{page-break-after:always!important;-moz-column-break-after:page!important;break-after:page!important}.print\:break-inside-avoid{page-break-inside:avoid!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important}.print\:w-full{width:100%!important}body{background:#fff!important;color:#000!important}.footer-links,.header-actions,.navigation,.no-print,.sidebar,nav{display:none!important}.print-only{display:block!important}a[href]:after{color:#666;content:" (" attr(href) ")";font-size:.8em}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}h1,h2,h3,h4,h5,h6{-moz-column-break-after:avoid;break-after:avoid;page-break-after:avoid}figure,img,table{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}table{border-collapse:collapse}thead{display:table-header-group}tr{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-reduce\:transform-none{transform:none!important}.motion-reduce\:transition-none{transition:none!important}.motion-reduce\:animate-none{animation:none!important}}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:spin 1s linear infinite}.motion-safe\:animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}}@media (prefers-contrast:high){.contrast-more\:border-black{border-color:#000}.contrast-more\:text-black{color:#000}.contrast-more\:bg-white{background:#fff}}@media (prefers-contrast:low){.contrast-less\:border-gray{border-color:#999}}@media (orientation:portrait){.portrait\:hidden{display:none}.portrait\:block{display:block}.portrait\:flex-col{flex-direction:column}}@media (orientation:landscape){.landscape\:hidden{display:none}.landscape\:block{display:block}.landscape\:flex-row{flex-direction:row}}.w-svw{width:100svw}.w-lvw{width:100lvw}.w-dvw{width:100dvw}.h-svh{height:100svh}.h-lvh{height:100lvh}.h-dvh{height:100dvh}@media (min-width:640px){.sm\:sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.sm\:not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.sm\:min-w-0{min-width:0}.sm\:min-w-full{min-width:100%}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-md{max-width:28rem}}@media (min-width:768px){.md\:sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.md\:not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.md\:max-w-lg{max-width:32rem}.md\:max-w-xl{max-width:36rem}.md\:max-w-2xl{max-width:42rem}}@media (min-width:1024px){.lg\:max-w-3xl{max-width:48rem}.lg\:max-w-4xl{max-width:56rem}.lg\:max-w-5xl{max-width:64rem}}@media (min-width:1280px){.xl\:max-w-6xl{max-width:72rem}.xl\:max-w-7xl{max-width:80rem}}.skip-to-main{background:#6f42c2;background:var(--color-primary);border-radius:0 0 .5rem;border-radius:0 0 var(--radius-md) 0;color:#fff;left:0;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:absolute;text-decoration:none;top:-40px;z-index:4000;z-index:var(--z-toast)}.skip-to-main:focus{top:0}.container-responsive{margin-left:auto;margin-right:auto;max-width:1280px;max-width:var(--container-max-width,1280px);padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}@media (min-width:768px){.container-responsive{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}}@media (min-width:1024px){.container-responsive{padding-left:2rem;padding-left:var(--space-8);padding-right:2rem;padding-right:var(--space-8)}}.prose-container{margin-left:auto;margin-right:auto;max-width:65ch;padding:1.5rem;padding:var(--space-6)}@media (min-width:768px){.prose-container{padding:2rem;padding:var(--space-8)}}.full-height-layout{min-height:100vh;min-height:100dvh}.header-responsive{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--color-surface);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:50}@supports (backdrop-filter:blur(10px)){.header-responsive{background:#ffffffe6}}@media print{.header-responsive{box-shadow:none;position:static}}.grid-auto-responsive{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:768px){.grid-auto-responsive{gap:1.5rem;gap:var(--space-6)}}@media (min-width:1024px){.grid-auto-responsive{gap:2rem;gap:var(--space-8)}}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width:768px){.mobile-only{display:none}}@media print and (prefers-color-scheme:dark){body{background:#fff!important;color:#000!important}}.layout-page{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh}.layout-page__header{background:#fff;background:var(--color-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);grid-row:1;position:-webkit-sticky;position:sticky;top:0;z-index:100;z-index:var(--z-header,100)}.layout-page__main{grid-row:2;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.layout-page__footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-light);grid-row:3}.layout-dashboard{display:grid;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:280px 1fr;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh}.layout-dashboard__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:3;background:#fff;background:var(--color-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);grid-area:header;position:-webkit-sticky;position:sticky;top:0;z-index:100;z-index:var(--z-header,100)}.layout-dashboard>.layout-dashboard__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2}.grid-holy-grail>.layout-dashboard__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:5}.layout-dashboard__sidebar{grid-area:sidebar;-ms-grid-column:1;-ms-grid-row:3;height:calc(100vh - 64px);height:calc(100vh - var(--header-height, 64px));overflow-y:auto;position:-webkit-sticky;position:sticky;top:64px;top:var(--header-height,64px);-webkit-overflow-scrolling:touch;background:#fff;background:var(--color-surface-elevated);border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border-light)}.layout-dashboard>.layout-dashboard__sidebar{-ms-grid-column:1;-ms-grid-row:2}.layout-dashboard__main{grid-area:main;-ms-grid-column:3;-ms-grid-row:3;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.layout-dashboard>.layout-dashboard__main{-ms-grid-column:2;-ms-grid-row:2}.grid-holy-grail>.layout-dashboard__main{-ms-grid-column:3;-ms-grid-row:3}.layout-dashboard__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:3;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-light);grid-area:footer}.layout-dashboard>.layout-dashboard__footer{-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:2}.grid-holy-grail>.layout-dashboard__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:5}@media (max-width:768px){.layout-dashboard{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}.layout-dashboard__sidebar{display:none}.layout-dashboard__sidebar.mobile-visible{bottom:0;display:block;height:calc(100vh - 64px);height:calc(100vh - var(--header-height, 64px));left:0;position:fixed;right:0;top:64px;top:var(--header-height,64px);z-index:1000;z-index:var(--z-dropdown,200)}.layout-dashboard>.layout-dashboard__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1}.layout-dashboard>.layout-dashboard__main{-ms-grid-column:1;-ms-grid-row:2}.layout-dashboard>.layout-dashboard__footer{-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1}}.layout-dashboard.sidebar-collapsed{grid-template-columns:64px 1fr}.layout-dashboard.sidebar-collapsed .layout-dashboard__sidebar{width:64px}.layout-dashboard.sidebar-collapsed .layout-dashboard__sidebar .sidebar-text{display:none}.layout-app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh}.layout-app-shell__header{background:#fff;background:var(--color-surface);grid-row:1;position:-webkit-sticky;position:sticky;top:0;z-index:100;z-index:var(--z-header,100)}.layout-app-shell__content{grid-row:2;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem;padding:var(--space-4,1rem)}.layout-app-shell__bottom-nav{background:#fff;background:var(--color-surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-light);bottom:0;grid-row:3;padding-bottom:env(safe-area-inset-bottom);position:-webkit-sticky;position:sticky;z-index:100;z-index:var(--z-header,100)}.container{margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem);width:100%}.container.sm{max-width:640px}.container.md{max-width:768px}.container.lg{max-width:1024px}.container.xl{max-width:1280px}.container.xxl{max-width:1536px}.container.fluid{max-width:100%;padding-left:0;padding-right:0}.container.no-padding{padding-left:0;padding-right:0}@container (min-width: 400px){.container-adaptive{padding-left:2rem;padding-right:2rem}}@container (min-width: 800px){.container-adaptive{padding-left:3rem;padding-right:3rem}}.section{padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem)}.section.compact{padding-bottom:clamp(1rem,3vw,2rem);padding-top:clamp(1rem,3vw,2rem)}.section.spacious{padding-bottom:clamp(4rem,8vw,8rem);padding-top:clamp(4rem,8vw,8rem)}.section.elevated{background:#fff;background:var(--color-surface-elevated)}.section.accent{background:#6f42c2;background:var(--color-primary);color:#fff}.grid-masonry{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:1rem;grid-gap:var(--space-4,1rem);gap:1rem;gap:var(--space-4,1rem);grid-auto-rows:20px}.grid-masonry__item.span-2{grid-row:span 2}.grid-masonry__item.span-3{grid-row:span 3}.grid-masonry__item.span-4{grid-row:span 4}.grid-masonry__item.span-5{grid-row:span 5}.grid-masonry__item.span-6{grid-row:span 6}.grid-auto-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min-card-width,280px)),1fr));grid-gap:1rem;grid-gap:var(--space-4,1rem);gap:1rem;gap:var(--space-4,1rem)}.grid-auto-responsive.dense{grid-auto-flow:dense}.grid-holy-grail{display:grid;grid-template-areas:"header header header" "nav main aside" "footer footer footer";grid-template-columns:200px 1fr 200px;grid-template-rows:auto 1fr auto;min-height:100vh;grid-gap:1rem;grid-gap:var(--space-4,1rem);gap:1rem;gap:var(--space-4,1rem)}.grid-holy-grail__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:3;grid-area:header}.layout-dashboard>.grid-holy-grail__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:2}.grid-holy-grail>.grid-holy-grail__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:5}.grid-holy-grail__nav{grid-area:nav;-ms-grid-column:1;-ms-grid-row:3}.grid-holy-grail__main{grid-area:main;-ms-grid-column:3;-ms-grid-row:3}.layout-dashboard>.grid-holy-grail__main{-ms-grid-column:2;-ms-grid-row:2}.grid-holy-grail>.grid-holy-grail__main{-ms-grid-column:3;-ms-grid-row:3}.grid-holy-grail__aside{grid-area:aside;-ms-grid-column:5;-ms-grid-row:3}.grid-holy-grail__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:3;grid-area:footer}.layout-dashboard>.grid-holy-grail__footer{-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:2}.grid-holy-grail>.grid-holy-grail__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:5}@media (max-width:768px){.layout-dashboard__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1}.layout-dashboard__main{-ms-grid-column:1;-ms-grid-row:3}.layout-dashboard__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:1}.grid-holy-grail__header,.layout-dashboard>.grid-holy-grail__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1}.grid-holy-grail__main{-ms-grid-column:1;-ms-grid-row:3}.layout-dashboard>.grid-holy-grail__main{-ms-grid-column:1;-ms-grid-row:2}.grid-holy-grail__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:1}.layout-dashboard>.grid-holy-grail__footer{-ms-grid-column:1;-ms-grid-row:3;-ms-grid-column-span:1}}@media (max-width:1024px){.grid-holy-grail{grid-template-areas:"header header" "main aside" "footer footer";grid-template-columns:1fr 250px}.grid-holy-grail__nav{display:none}.grid-holy-grail>.layout-dashboard__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:3}.grid-holy-grail>.layout-dashboard__main{-ms-grid-column:1;-ms-grid-row:3}.grid-holy-grail>.layout-dashboard__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:3}.grid-holy-grail>.grid-holy-grail__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:3}.grid-holy-grail>.grid-holy-grail__main{-ms-grid-column:1;-ms-grid-row:3}.grid-holy-grail__aside{-ms-grid-column:3;-ms-grid-row:3}.grid-holy-grail>.grid-holy-grail__footer{-ms-grid-column:1;-ms-grid-row:5;-ms-grid-column-span:3}}@media (max-width:768px){.grid-holy-grail{grid-template-areas:"header" "main" "aside" "footer";grid-template-columns:1fr}.grid-holy-grail>.layout-dashboard__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1}.grid-holy-grail>.layout-dashboard__main{-ms-grid-column:1;-ms-grid-row:3}.grid-holy-grail>.layout-dashboard__footer{-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:1}.grid-holy-grail>.grid-holy-grail__header{-ms-grid-column:1;-ms-grid-row:1;-ms-grid-column-span:1}.grid-holy-grail>.grid-holy-grail__main{-ms-grid-column:1;-ms-grid-row:3}.grid-holy-grail__aside{-ms-grid-column:1;-ms-grid-row:5}.grid-holy-grail>.grid-holy-grail__footer{-ms-grid-column:1;-ms-grid-row:7;-ms-grid-column-span:1}}.grid-featured{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;grid-gap:var(--space-4,1rem);gap:1rem;gap:var(--space-4,1rem)}.grid-featured__featured{grid-column:span 2;grid-row:span 2}@media (max-width:1024px){.grid-featured{grid-template-columns:repeat(3,1fr)}.grid-featured__featured{grid-column:span 3;grid-row:span 1}}@media (max-width:768px){.grid-featured{grid-template-columns:repeat(2,1fr)}.grid-featured__featured{grid-column:span 2;grid-row:span 1}}.flex-split{display:flex;gap:1rem;gap:var(--space-4,1rem)}.flex-split__end,.flex-split__start{flex:1}.flex-split.ratio-60-40 .flex-split__start{flex:6}.flex-split.ratio-60-40 .flex-split__end{flex:4}.flex-split.ratio-70-30 .flex-split__start{flex:7}.flex-split.ratio-70-30 .flex-split__end,.flex-split.ratio-75-25 .flex-split__start{flex:3}.flex-split.ratio-75-25 .flex-split__end{flex:1}@media (max-width:768px){.flex-split{flex-direction:column}.flex-split__end,.flex-split__start{flex:1}}.flex-sidebar{display:flex;gap:1rem;gap:var(--space-4,1rem)}.flex-sidebar__sidebar{flex:0 0 280px}.flex-sidebar__main{flex:1;min-width:0}.flex-sidebar.sidebar-right{flex-direction:row-reverse}@media (max-width:768px){.flex-sidebar{flex-direction:column}.flex-sidebar__sidebar{flex:1}}.media-object{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-4,1rem)}.media-object__media{flex:0 0 auto}.media-object__media.sm{height:48px;width:48px}.media-object__media.md{height:64px;width:64px}.media-object__media.lg{height:96px;width:96px}.media-object__content{flex:1;min-width:0}.media-object.reverse{flex-direction:row-reverse}.media-object.vertical{align-items:center;flex-direction:column;text-align:center}.media-object.vertical .media-object__media{flex:0 0 auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-gap:var(--space-6,1.5rem);gap:var(--space-6,1.5rem)}.card-grid.compact{gap:1rem;gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.card-grid.spacious{gap:2rem;gap:var(--space-8,2rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr))}.sticky-header{background:#fff;background:var(--color-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .3s ease;z-index:100;z-index:var(--z-header,100)}.sticky-header.scrolled{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.sticky-sidebar{max-height:calc(100vh - 64px);max-height:calc(100vh - var(--header-height, 64px));overflow-y:auto;position:-webkit-sticky;position:sticky;top:64px;top:var(--header-height,64px);-webkit-overflow-scrolling:touch}.fixed-bottom{background:#fff;background:var(--color-surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-light);bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;transform:translateY(0);transition:transform .3s ease;z-index:100;z-index:var(--z-header,100)}.fixed-bottom.hidden{transform:translateY(100%)}.center-absolute{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-flex{display:flex;justify-content:center}.center-flex,.center-grid{align-items:center;min-height:100%}.center-grid{display:grid;justify-items:center;place-items:center}.center-margin{margin-left:auto;margin-right:auto;max-width:-moz-fit-content;max-width:-webkit-fit-content;max-width:fit-content}.aspect-ratio{width:100%}.aspect-ratio.square{aspect-ratio:1/1}.aspect-ratio.video{aspect-ratio:16/9}.aspect-ratio.portrait{aspect-ratio:3/4}.aspect-ratio.landscape{aspect-ratio:4/3}.aspect-ratio.cinema{aspect-ratio:21/9}.aspect-ratio.ultrawide{aspect-ratio:32/9}.aspect-ratio>iframe,.aspect-ratio>img,.aspect-ratio>video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.aspect-ratio.contain>iframe,.aspect-ratio.contain>img,.aspect-ratio.contain>video{-o-object-fit:contain;object-fit:contain}.scroll-horizontal{display:flex;gap:1rem;gap:var(--space-4,1rem);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:thin}.scroll-horizontal::-webkit-scrollbar{height:8px}.scroll-horizontal::-webkit-scrollbar-track{background:#fff;background:var(--color-surface-elevated);border-radius:4px}.scroll-horizontal::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-medium);border-radius:4px}.scroll-horizontal::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.scroll-horizontal>*{flex:0 0 auto;scroll-snap-align:start}.scroll-horizontal.no-scrollbar{scrollbar-width:none}.scroll-horizontal.no-scrollbar::-webkit-scrollbar{display:none}.scroll-vertical{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:400px;max-height:var(--max-scroll-height,400px);scrollbar-width:thin}.scroll-vertical::-webkit-scrollbar{width:8px}.scroll-vertical::-webkit-scrollbar-track{background:#fff;background:var(--color-surface-elevated);border-radius:4px}.scroll-vertical::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-medium);border-radius:4px}.scroll-vertical::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@media (max-width:640px){.hide-mobile{display:none!important}}@media (min-width:641px){.show-mobile{display:none!important}}@media (max-width:768px){.hide-tablet-down{display:none!important}}@media (min-width:769px){.show-tablet-down{display:none!important}}@media (max-width:1024px){.hide-desktop-down{display:none!important}}@media (min-width:1025px){.show-desktop-down{display:none!important}}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-contain{overscroll-behavior:contain}.top-auto{top:auto}.right-auto{right:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.z-auto{z-index:auto}.z-0,.z-base{z-index:0}.z-base{z-index:var(--z-base,0)}.z-elevated{z-index:10;z-index:var(--z-elevated,10)}.z-header{z-index:100;z-index:var(--z-header,100)}.z-dropdown{z-index:1000;z-index:var(--z-dropdown,200)}.z-modal{z-index:3000;z-index:var(--z-modal,900)}.z-toast{z-index:4000;z-index:var(--z-toast,500)}.z-critical{z-index:700;z-index:var(--z-critical,1000)}.contents{display:contents}.isolate{isolation:isolate}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.contain-content{contain:content}.lazy-render{contain-intrinsic-size:auto 500px;content-visibility:auto}.card{background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:var(--radius-xl,16px);box-shadow:0 2px 8px #0000000f;contain:layout style paint;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation}[data-theme=dark] .card{background:#ffffff08;border-color:#ffffff14;box-shadow:0 2px 8px #0003}.card.button,.card.interactive{cursor:pointer}.card.button:active,.card.interactive:active{box-shadow:0 1px 4px #00000014;transform:scale(.97)}@media (hover:hover) and (pointer:fine){.card.button:hover,.card.interactive:hover{border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 12px 28px #0000001f;transform:translateY(-4px) scale(1.01)}[data-theme=dark] .card.button:hover,[data-theme=dark] .card.interactive:hover{box-shadow:0 12px 28px #0006}}.card.sm{border-radius:12px;padding:1rem}.card.md{border-radius:16px;padding:1.5rem}.card.lg{border-radius:20px;padding:2rem}.card.flat{border:1px solid #e5e7eb;border:1px solid var(--color-border-light);box-shadow:none}.card.elevated{box-shadow:0 4px 16px #0000001a}.card.floating{box-shadow:0 8px 32px #00000026}.card.primary{background:#6f42c2;background:var(--color-primary)}.card.primary,.card.success{border-color:transparent;color:#fff}.card.success{background:#065f46;background:var(--color-success)}.card.error{background:#991b1b;background:var(--color-error)}.card.error,.card.warning{border-color:transparent;color:#fff}.card.warning{background:#92400e;background:var(--color-warning)}.card.glass{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:#ffffffeb;border:1px solid hsla(0,0%,100%,.2)}[data-theme=dark] .card.glass{background:#1a1a1aeb;border-color:#ffffff1a}.card-header{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border-light);gap:1rem;padding:1.5rem}.card-header h1,.card-header h2,.card-header h3,.card-header h4{color:#000;color:var(--color-text-primary);font-weight:700;margin:0}.card-body,.card-footer{padding:1.5rem}.card-footer{align-items:center;background:#fff;background:var(--color-surface-elevated);border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border-light);display:flex;gap:1rem;justify-content:flex-end}.card-footer.space-between{justify-content:space-between}.card-image{aspect-ratio:16/9;background:#fff;background:var(--color-surface-elevated);overflow:hidden;position:relative;width:100%}.card-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}@media (hover:hover) and (pointer:fine){.card.button:hover .card-image img,.card.interactive:hover .card-image img{transform:scale(1.08)}}.card-image.square{aspect-ratio:1/1}.card-image.portrait{aspect-ratio:3/4}.card-image.landscape{aspect-ratio:4/3}.badge,.tag{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;line-height:1.5;padding:.25rem .75rem;transition:all .2s ease;white-space:nowrap}.badge.primary,.primary.tag{background:#6f42c2;background:var(--color-primary);color:#fff}.badge.success,.success.tag{background:#065f46;background:var(--color-success);color:#fff}.badge.error,.error.tag{background:#991b1b;background:var(--color-error);color:#fff}.badge.warning,.warning.tag{background:#92400e;background:var(--color-warning);color:#fff}.badge.info,.info.tag{background:#1e40af;background:var(--color-info,#3b82f6);color:#fff}.badge.neutral,.neutral.tag{background:#fff;background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);color:#000;color:var(--color-text-primary)}.badge.soft-primary,.soft-primary.tag{background:color-mix(in srgb,#6f42c2 15%,#fff);color:#6f42c2;color:var(--color-primary)}@supports (color:color-mix(in lch,red,blue)){.badge.soft-primary,.soft-primary.tag{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface))}}.badge.soft-success,.soft-success.tag{background:color-mix(in srgb,#065f46 15%,#fff);color:#065f46;color:var(--color-success)}@supports (color:color-mix(in lch,red,blue)){.badge.soft-success,.soft-success.tag{background:color-mix(in srgb,var(--color-success) 15%,var(--color-surface))}}.badge.soft-error,.soft-error.tag{background:color-mix(in srgb,#991b1b 15%,#fff);color:#991b1b;color:var(--color-error)}@supports (color:color-mix(in lch,red,blue)){.badge.soft-error,.soft-error.tag{background:color-mix(in srgb,var(--color-error) 15%,var(--color-surface))}}.badge.soft-warning,.soft-warning.tag{background:color-mix(in srgb,#92400e 15%,#fff);color:#92400e;color:var(--color-warning)}@supports (color:color-mix(in lch,red,blue)){.badge.soft-warning,.soft-warning.tag{background:color-mix(in srgb,var(--color-warning) 15%,var(--color-surface))}}.badge.sm,.sm.tag{border-radius:8px;font-size:.6875rem;padding:.125rem .5rem}.badge.lg,.lg.tag{border-radius:16px;font-size:.875rem;padding:.5rem 1rem}.badge.pill,.pill.tag{border-radius:999px}.badge.dot,.dot.tag{border-radius:50%;height:8px;padding:0;width:8px}.badge.dot.lg,.dot.lg.tag{height:12px;width:12px}.badge .badge-icon,.tag .badge-icon{display:inline-flex;margin-right:.25rem}.badge.removable,.removable.tag{padding-right:.5rem}.badge.removable .remove-btn,.removable.tag .remove-btn{background:none;border:none;color:inherit;cursor:pointer;margin-left:.25rem;opacity:.7;padding:0;transition:opacity .2s ease}.badge.removable .remove-btn:hover,.removable.tag .remove-btn:hover{opacity:1}.tag{border-radius:6px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.page-header{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:#ffffffeb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .3s ease;z-index:100;z-index:var(--z-header,100)}[data-theme=dark] .page-header{background:#1a1a1aeb;border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 1px 3px #0000004d}.page-header.scrolled{box-shadow:0 4px 12px #0000001a}.page-header.glass{-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);background:#ffffffe0;border-bottom:1px solid hsla(0,0%,100%,.12)}[data-theme=dark] .page-header.glass{background:#1a1a1ae0}.header-container{align-items:center;display:grid;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:100%;padding:1rem 1.25rem;grid-gap:1rem;gap:1rem}@media (min-width:768px){.header-container{padding:1.25rem 2rem}}.section-header:after{background:linear-gradient(90deg,var(--color-primary),var(--color-accent,#d4af37));border-radius:3px;width:100px}.section-header h1,.section-header h2,.section-header h3{align-items:center;color:#000;color:var(--color-text-primary);display:flex;font-weight:700;gap:.75rem;margin:0}.section-header .header-actions{align-items:center;display:flex;gap:.75rem}.animate-fade-in{animation:fadeIn .5s ease}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.animate-slide-down{animation:slideDown .4s cubic-bezier(.4,0,.2,1)}.animate-slide-left{animation:slideLeft .4s cubic-bezier(.4,0,.2,1)}.animate-slide-right{animation:slideRight .4s cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-scale-in,.animate-slide-down,.animate-slide-left,.animate-slide-right,.animate-slide-up{animation-delay:0s!important;animation-duration:.01ms!important}}.avatar{align-items:center;background:#fff;background:var(--color-surface-elevated);border-radius:50%;color:#000;color:var(--color-text-primary);display:inline-flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar.xs{font-size:.625rem;height:24px;width:24px}.avatar.sm{font-size:.75rem;height:32px;width:32px}.avatar.lg{font-size:1.25rem;height:56px;width:56px}.avatar.xl{font-size:1.75rem;height:80px;width:80px}.avatar.has-status:after{background:#065f46;background:var(--status-color,var(--color-success));border:2px solid #fff;border:2px solid var(--color-surface);border-radius:50%;bottom:2px;content:"";height:10px;position:absolute;right:2px;width:10px}.avatar.status-online:after{--status-color:var(--color-success)}.avatar.status-busy:after{--status-color:var(--color-error)}.avatar.status-away:after{--status-color:var(--color-warning)}.avatar.status-offline:after{--status-color:var(--color-text-muted)}.avatar.square{border-radius:8px}.avatar.square.sm{border-radius:6px}.avatar.square.lg{border-radius:12px}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border:2px solid #fff;border:2px solid var(--color-surface);margin-left:-12px;transition:transform .2s ease}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{transform:translateY(-4px);z-index:10}.divider{background:#e5e7eb;background:var(--color-border-light);border:none;height:1px;margin:1.5rem 0;width:100%}.divider.with-text{align-items:center;background:none;display:flex;height:auto}.divider.with-text:after,.divider.with-text:before{background:#e5e7eb;background:var(--color-border-light);content:"";flex:1;height:1px}.divider.with-text span{color:#1f2937;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;padding:0 1rem}.divider.vertical{display:inline-block;height:100%;margin:0 1rem;width:1px}.divider.thick{height:2px}.divider.thicker{height:3px}.divider.primary{background:#6f42c2;background:var(--color-primary)}.divider.gradient{background:linear-gradient(90deg,transparent,#d1d5db,transparent);background:linear-gradient(90deg,transparent,var(--color-border-medium),transparent)}.skeleton{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#fff,color-mix(in srgb,#fff 95%,#fff) 40px,#fff 80px);background-size:1000px 100%;border-radius:8px}@supports (color:color-mix(in lch,red,blue)){.skeleton{background:linear-gradient(90deg,var(--color-surface-elevated) 0,color-mix(in srgb,var(--color-surface-elevated) 95%,#fff) 40px,var(--color-surface-elevated) 80px)}}.skeleton.text{border-radius:4px;height:1rem;margin-bottom:.5rem}.skeleton.text:last-child{width:80%}.skeleton.title{border-radius:6px;height:1.5rem;margin-bottom:1rem}.skeleton.circle{border-radius:50%;height:40px;width:40px}.skeleton.rect{height:200px}.skeleton.card{border-radius:16px;height:300px}.tooltip{display:inline-flex;position:relative}.tooltip-content{background:#000;background:var(--color-text-primary);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#fff;color:var(--color-surface);font-size:.75rem;font-weight:500;opacity:0;padding:.5rem .75rem;pointer-events:none;transition:opacity .2s ease;white-space:nowrap;z-index:210;z-index:var(--z-tooltip,210)}.tooltip-content,.tooltip-content:after{left:50%;position:absolute;transform:translate(-50%)}.tooltip-content:after{border:4px solid transparent;border-top:4px solid var(--color-text-primary);content:"";top:100%}.tooltip:hover .tooltip-content{opacity:1}.tooltip.tooltip-top .tooltip-content{bottom:calc(100% + 8px);top:auto}.tooltip.tooltip-top .tooltip-content:after{border-bottom-color:transparent;border-top-color:#000;border-top-color:var(--color-text-primary);bottom:auto;top:100%}.tooltip.tooltip-bottom .tooltip-content{bottom:auto;top:calc(100% + 8px)}.tooltip.tooltip-bottom .tooltip-content:after{border-bottom-color:#000;border-bottom-color:var(--color-text-primary);border-top-color:transparent;bottom:100%;top:auto}.tooltip.tooltip-left .tooltip-content{bottom:auto;left:auto;right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip.tooltip-left .tooltip-content:after{border-left-color:#000;border-left-color:var(--color-text-primary);border-top-color:transparent;left:100%;right:auto;top:50%;transform:translateY(-50%)}.tooltip.tooltip-right .tooltip-content{bottom:auto;left:calc(100% + 8px);right:auto;top:50%;transform:translateY(-50%)}.tooltip.tooltip-right .tooltip-content:after{border-right-color:#000;border-right-color:var(--color-text-primary);border-top-color:transparent;left:auto;right:100%;top:50%;transform:translateY(-50%)}.progress{background:#fff;background:var(--color-surface-elevated);border-radius:999px;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar{background:#6f42c2;background:var(--color-primary);border-radius:999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-bar.success{background:#065f46;background:var(--color-success)}.progress-bar.error{background:#991b1b;background:var(--color-error)}.progress-bar.warning{background:#92400e;background:var(--color-warning)}.progress-bar.animated{animation:progressAnimation 2s ease-in-out infinite;background:linear-gradient(90deg,#6f42c2,color-mix(in srgb,#6f42c2 70%,#fff),#6f42c2);background-size:200% 100%}@supports (color:color-mix(in lch,red,blue)){.progress-bar.animated{background:linear-gradient(90deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 70%,#fff),var(--color-primary))}}.progress.sm{height:4px}.progress.lg{height:12px}.progress.indeterminate .progress-bar{animation:indeterminateProgress 1.5s ease-in-out infinite;width:50%!important}@keyframes progressAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes indeterminateProgress{0%{transform:translate(-100%)}to{transform:translate(300%)}}.spinner{border:4px solid #fff;border:4px solid var(--color-surface-elevated);height:40px;width:40px}.spinner.sm{border-width:3px;height:24px;width:24px}.spinner.lg{border-width:5px;height:56px;width:56px}:root{--ease-standard:cubic-bezier(.4,0,.2,1);--ease-decelerate:cubic-bezier(0,0,.2,1);--ease-accelerate:cubic-bezier(.4,0,1,1);--ease-spring:cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6b46c166}50%{box-shadow:0 0 0 8px #6b46c100}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;animation:fadeIn .3s var(--ease-standard) forwards}.animate-slide-up{animation:slideInUp .4s cubic-bezier(.4,0,.2,1) forwards;animation:slideInUp .4s var(--ease-standard) forwards}.animate-slide-down{animation:slideInDown .3s cubic-bezier(.4,0,.2,1) forwards;animation:slideInDown .3s var(--ease-standard) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55) forwards;animation:scaleIn .3s var(--ease-spring) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate-spin,[aria-busy=true]{animation-duration:1s!important}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes socialFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes toastBounce{0%{transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.anim-fast{animation-duration:.15s;animation-duration:var(--duration-fast,.2s)}.anim-normal{animation-duration:.2s;animation-duration:var(--duration-normal,.3s)}.anim-slow{animation-duration:.3s;animation-duration:var(--duration-slow,.5s)}.anim-slower{animation-duration:.5s;animation-duration:var(--duration-slower,.8s)}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.anim-infinite{animation-iteration-count:infinite}.anim-once{animation-fill-mode:both;animation-iteration-count:1}.anim-ease{animation-timing-function:ease}.anim-ease-in{animation-timing-function:ease-in}.anim-ease-out{animation-timing-function:ease-out}.anim-ease-in-out{animation-timing-function:ease-in-out}.anim-linear{animation-timing-function:linear}.anim-bounce{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.anim-pause-hover:hover{animation-play-state:paused}@keyframes cardSlideIn{0%{opacity:0;transform:translate(-40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.magic-ripple{overflow:hidden;position:relative}.magic-ripple:before{background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,transparent 70%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(0);transition:none}.magic-ripple.clicked:before{animation:magicRipple .6s cubic-bezier(.4,0,.2,1)}@keyframes magicRipple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.button,.ripple{overflow:hidden;position:relative}.button:after,.ripple:after{background:paint(ripple-effect);bottom:0;content:"";left:0;position:absolute;right:0;top:0;--ripple-color:var(--color-primary);--ripple-x:0px;--ripple-y:0px;--ripple-radius:0px;--ripple-opacity:0;pointer-events:none}@supports not (background:paint(id)){.button:after,.ripple:after{display:none}}.magic-gradient{background:linear-gradient(135deg,#6f42c2,#59339e);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));background-size:200% 200%;position:relative;transition:background-position .3s ease}.magic-gradient:hover{background-position:100% 0}@supports (background:paint(id)){.animated-gradient{background:paint(animated-gradient);--gradient-color-1:var(--color-primary);--gradient-color-2:var(--color-primary-light);--gradient-color-3:var(--color-primary);--gradient-angle:45deg}.animated-gradient.rotate{animation:rotate-gradient 4s linear infinite}}@keyframes rotate-gradient{to{--gradient-angle:405deg}}.text-magic-gradient{background:linear-gradient(135deg,#6f42c2,#d9b23a);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;background-clip:text;background-size:200% 200%}.magic-shimmer{overflow:hidden;position:relative}.magic-shimmer:after{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translate(-100%);transition:transform .6s ease}.magic-shimmer:hover:after{transform:translate(100%)}.magic-glow{animation:magicGlow 2s ease-in-out infinite}@keyframes magicGlow{0%,to{box-shadow:0 0 #6b46c166}50%{box-shadow:0 0 0 8px #6b46c100}}.magic-glow-hover:hover{box-shadow:0 4px 16px #6b46c166}[data-theme=dark] .magic-glow-hover:hover{box-shadow:0 4px 16px #d4af374d}.magic-bounce{animation:magicBounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes magicBounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.2) translateY(-4px)}50%{transform:scale(.95) translateY(2px)}70%{transform:scale(1.05) translateY(-1px)}to{transform:scale(1) translateY(0)}}.magic-elastic:hover{animation:magicElastic .6s ease-out}@keyframes magicElastic{0%{transform:scale(1)}30%{transform:scale(1.15)}50%{transform:scale(.95)}70%{transform:scale(1.05)}to{transform:scale(1)}}.magic-wiggle:hover{animation:magicWiggle .5s ease-in-out}@keyframes magicWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.badge-pop{animation:badgePop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.5) rotate(10deg)}to{transform:scale(1) rotate(0)}}.badge-pulse{animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.magic-lift:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.magic-lift:active{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.magic-scale:hover{transform:scale(1.05)}.magic-scale:active{transform:scale(.98)}.magic-tilt{transition:transform .3s ease}.magic-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}.magic-3d{position:relative;transform-style:preserve-3d;transition:transform .3s ease}.magic-3d:before{background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,0) 0,transparent 60%);background:radial-gradient(circle at var(--card-light-x,50%) var(--card-light-y,50%),rgba(255,255,255,var(--card-light-intensity,0)) 0,transparent 60%);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.magic-3d[style*=--card-rotate]{transform:rotateX(0) rotateY(0) scale(1.02);transform:rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg)) scale(1.02)}.magic-focus:focus-visible{box-shadow:0 0 0 2px #6f42c2,0 0 0 6px #6b46c133;box-shadow:0 0 0 var(--focus-width,2px) var(--color-primary),0 0 0 calc(var(--focus-width, 2px) + 4px) #6b46c133;outline:none;transform:translateY(-1px)}.magic-focus-pulse:focus-visible{animation:focusPulse 1.5s ease-in-out infinite;outline:none}@keyframes focusPulse{0%,to{box-shadow:0 0 0 2px #6f42c2,0 0 0 4px #6b46c133;box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #6b46c133}50%{box-shadow:0 0 0 2px #6f42c2,0 0 0 8px #6b46c11a;box-shadow:0 0 0 2px var(--color-primary),0 0 0 8px #6b46c11a}}.magic-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.magic-scroll::-webkit-scrollbar{display:none}.magic-scroll>*{flex-shrink:0;scroll-snap-align:start}.magic-scroll-fade{overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch}.magic-scroll-fade:after,.magic-scroll-fade:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:2rem;z-index:2}.magic-scroll-fade:before{background:linear-gradient(90deg,#f3f4f6,transparent);background:linear-gradient(to right,var(--color-background),transparent);left:0}.magic-scroll-fade:after{background:linear-gradient(270deg,#f3f4f6,transparent);background:linear-gradient(to left,var(--color-background),transparent);right:0}.magic-skeleton{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fff,#f3f4f6 50%,#fff);background:linear-gradient(90deg,var(--color-surface-elevated) 0,var(--color-surface-hover) 50%,var(--color-surface-elevated) 100%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md,8px)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.magic-pulse{animation:magicPulse 2s ease-in-out infinite}@keyframes magicPulse{0%,to{opacity:1}50%{opacity:.5}}.magic-press:active{box-shadow:0 1px 4px #00000014;transform:scale(.97)}.magic-disabled{cursor:not-allowed!important;filter:grayscale(.5);opacity:.5;pointer-events:none}.magic-loading{color:transparent!important;pointer-events:none;position:relative}.magic-loading:after{animation:spin .6s linear infinite;border:2px solid #6f42c2;border:2px solid var(--color-primary);border-radius:50%;border-top:2px solid transparent;content:"";height:1rem;left:50%;margin-left:-.5rem;margin-top:-.5rem;position:absolute;top:50%;width:1rem}.btn-magic{overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-magic:hover{box-shadow:0 4px 16px #6b46c14d;transform:translateY(-2px) scale(1.02)}.btn-magic:active{transform:scale(.97)}.btn-magic:after{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.2) 50%,transparent 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translate(-100%);transition:transform .6s ease}.btn-magic:hover:after{transform:translate(100%)}.card-magic{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-magic:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-4px) scale(1.01)}.card-magic:active{transform:translateY(-2px) scale(.99)}@media (max-width:768px){.magic-lift:hover{transform:translateY(-2px)}.magic-scale:hover{transform:scale(1.02)}.magic-tilt:hover{transform:none}}@media (prefers-reduced-motion:reduce){.badge-pop,.badge-pulse,.magic-bounce,.magic-elastic,.magic-glow,.magic-loading:after,.magic-pulse,.magic-ripple:before,.magic-shimmer:after,.magic-skeleton,.magic-wiggle{animation:none!important}.magic-3d:hover,.magic-lift:hover,.magic-scale:hover,.magic-tilt:hover{transform:none!important}}.btn-action,.btn-bulk-save,.btn-cancel,.btn-delete,.btn-remove,.btn-save,.bulk-save-btn,.cancel-btn,.delete-btn,.remove-btn,.save-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;flex:1;font-size:1.125rem;font-weight:700;gap:.5rem;justify-content:center;min-height:56px;touch-action:manipulation;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-delete,.btn-remove,.delete-btn,.remove-btn{background:linear-gradient(135deg,#991b1b,#b91c1c);background:linear-gradient(135deg,var(--color-error),#b91c1c);box-shadow:0 4px 12px #dc26264d;color:#fff}.btn-delete:hover,.btn-remove:hover,.delete-btn:hover,.remove-btn:hover{box-shadow:0 8px 20px #dc262666;transform:translateY(-2px)}.btn-cart-icon,.btn-clear,.btn-close,.btn-header-icon,.btn-icon,.cart-icon,.clear-btn,.close-btn,.header-icon{background:#fff;background:var(--color-surface-elevated);border:none;color:#000;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;touch-action:manipulation;transition:all .2s ease}.btn-cart-icon:hover,.btn-clear:hover,.btn-close:hover,.btn-header-icon:hover,.btn-icon:hover,.cart-icon:hover,.clear-btn:hover,.close-btn:hover,.header-icon:hover{background:#f3f4f6;background:var(--color-surface-hover);transform:scale(1.1)}.btn-cart-icon:active,.btn-clear:active,.btn-close:active,.btn-header-icon:active,.btn-icon:active,.cart-icon:active,.clear-btn:active,.close-btn:active,.header-icon:active{transform:scale(.95)}.btn-header-icon,.header-icon{background:#6b46c11a;color:#6f42c2;color:var(--color-primary)}[data-theme=dark] .btn-header-icon,[data-theme=dark] .header-icon{background:#a78bfa26;color:#8c69ce;color:var(--color-primary-light)}.btn-cart-icon,.cart-icon{position:relative}.btn-clear,.btn-close,.clear-btn,.close-btn{height:36px;min-height:36px;min-width:36px;width:36px}.flex-row{align-items:center;display:flex;gap:1rem;gap:var(--space-4,1rem)}.flex-row.compact{gap:.5rem;gap:var(--space-2,.5rem)}.flex-row.spacious{gap:2rem;gap:var(--space-8,2rem)}.flex-col{display:flex;gap:1rem;gap:var(--space-4,1rem)}.flex-col.compact{gap:.5rem;gap:var(--space-2,.5rem)}.flex-col.spacious{gap:2rem;gap:var(--space-8,2rem)}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex;gap:1rem;gap:var(--space-4,1rem)}.flex-center{justify-content:center}.section-footer{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem);min-width:200px}.section-title{color:#1f2937;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.05em;margin:0 0 .25rem;margin:0 0 var(--space-1,.25rem);text-transform:uppercase}.section-content{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem)}.link{color:#1f2937;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease}.link:hover{color:#6f42c2;color:var(--color-primary)}.link-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md,6px);color:#1f2937;color:var(--color-text-secondary);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem;padding:var(--space-2,.5rem);text-decoration:none;transition:all .2s ease;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.link-icon:hover{background:#6b46c114;color:#6f42c2;color:var(--color-primary)}[data-theme=dark] .link-icon:hover{background:#a78bfa1a}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm,4px)}.rounded{border-radius:.5rem;border-radius:var(--radius-md,8px)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg,12px)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl,16px)}.rounded-2xl{border-radius:1.5rem;border-radius:var(--radius-2xl,24px)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full,9999px)}.rounded-6{border-radius:6px}.rounded-10{border-radius:10px}.rounded-18{border-radius:18px}.rounded-20{border-radius:20px}.shadow-sm{box-shadow:0 1px 3px #0000000d}.shadow{box-shadow:0 2px 8px #00000014}.shadow-md{box-shadow:0 4px 12px #0000001a}.shadow-lg{box-shadow:0 8px 20px #00000026}.shadow-xl{box-shadow:0 12px 28px #0003}.shadow-primary{box-shadow:0 4px 12px #6b46c14d}.shadow-primary-lg{box-shadow:0 8px 20px #6b46c166}.shadow-error{box-shadow:0 4px 12px #dc26264d}.transition{transition:all .2s ease}.transition-fast{transition:all .15s ease;transition:all var(--duration-fast,.2s) ease}.transition-normal{transition:all .2s ease;transition:all var(--duration-normal,.3s) ease}.transition-slow{transition:all .3s ease;transition:all var(--duration-slow,.5s) ease}.transition-transform{transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-normal,.3s) cubic-bezier(.4,0,.2,1)}.transition-colors{transition:background-color .2s ease,color .2s ease,border-color .2s ease;transition:background-color var(--duration-normal,.3s) ease,color var(--duration-normal,.3s) ease,border-color var(--duration-normal,.3s) ease}.transition-shadow{transition:box-shadow .2s ease;transition:box-shadow var(--duration-normal,.3s) ease}.transition-elastic{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{-webkit-line-clamp:2}.text-clamp-2,.text-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3}@media (max-width:768px){.btn-action,.btn-bulk-save,.btn-cancel,.btn-delete,.btn-remove,.btn-save,.bulk-save-btn,.cancel-btn,.delete-btn,.remove-btn,.save-btn{font-size:1rem;min-height:48px}.btn-bulk-save,.bulk-save-btn{font-size:1rem;height:56px}}@media (max-width:480px){.btn-action,.btn-bulk-save,.btn-cancel,.btn-delete,.btn-remove,.btn-save,.bulk-save-btn,.cancel-btn,.delete-btn,.remove-btn,.save-btn{font-size:.9375rem;min-height:44px}.btn-bulk-save,.bulk-save-btn{font-size:.9375rem;height:52px}}.touch-target{min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);touch-action:manipulation}.focus-ring:focus-visible{box-shadow:0 0 0 2px #6f42c2,0 0 0 4px #6b46c133;box-shadow:0 0 0 var(--focus-width,2px) var(--color-primary),0 0 0 calc(var(--focus-width, 2px) + 2px) #6b46c133;outline:none}.btn{border:2px solid transparent;border-radius:12px;font-size:.9375rem;line-height:1.5;padding:.875rem 1.25rem;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}@media (min-width:768px){.btn{font-size:1rem;min-height:48px;padding:1rem 1.5rem}}.btn:hover:not(:disabled){box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0) scale(.97)}.btn:focus-visible{outline:2px solid #5b21b6;outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.6;pointer-events:none}.btn{overflow:hidden;position:relative}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#5b21b6,#9333ea);background:linear-gradient(135deg,var(--primary) 0,#9333ea 100%);border-color:transparent}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#7e22ce)}.btn-primary:active:not(:disabled){background:linear-gradient(135deg,#6b21a8,#6b21a8)}.btn-secondary{background:#fff;background:var(--surface-elevated);border-color:#e5e7eb;border-color:var(--border-light)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--surface-hover);border-color:#d1d5db;border-color:var(--border-medium)}.btn-secondary:active:not(:disabled){background:var(--surface-pressed)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-danger:active:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b)}.btn-ghost{color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:#e5e7eb;background:var(--surface-hover);box-shadow:none;transform:none}.btn-ghost:active:not(:disabled){background:var(--surface-pressed)}.btn-outline{background:transparent;border-color:#5b21b6;border-color:var(--primary);color:#5b21b6;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#7c3aed1a;border-color:#7c3aed}.btn-outline:active:not(:disabled){background:#7c3aed33}.btn-outline.btn-outline-secondary{border-color:#d1d5db;border-color:var(--border-medium);color:#000;color:var(--text-primary)}.btn-outline.btn-outline-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--surface-hover)}.btn-outline.btn-outline-danger{border-color:#991b1b;border-color:var(--error);color:#991b1b;color:var(--error)}.btn-outline.btn-outline-danger:hover:not(:disabled){background:#ef44441a}.btn-cart-icon,.btn-clear,.btn-close,.btn-header-icon,.btn-icon,.cart-icon,.clear-btn,.close-btn,.header-icon{height:40px;min-height:40px;width:40px}@media (min-width:768px){.btn-cart-icon,.btn-clear,.btn-close,.btn-header-icon,.btn-icon,.cart-icon,.clear-btn,.close-btn,.header-icon{height:44px;min-height:44px;width:44px}}.btn-icon-sm.btn-cart-icon,.btn-icon-sm.btn-clear,.btn-icon-sm.btn-close,.btn-icon-sm.btn-header-icon,.btn-icon-sm.cart-icon,.btn-icon-sm.clear-btn,.btn-icon-sm.close-btn,.btn-icon-sm.header-icon,.btn-icon.btn-icon-sm{height:32px;min-height:32px;width:32px}.btn-icon-lg.btn-cart-icon,.btn-icon-lg.btn-clear,.btn-icon-lg.btn-close,.btn-icon-lg.btn-header-icon,.btn-icon-lg.cart-icon,.btn-icon-lg.clear-btn,.btn-icon-lg.close-btn,.btn-icon-lg.header-icon,.btn-icon.btn-icon-lg{height:48px;min-height:48px;width:48px}.btn-icon-square.btn-cart-icon,.btn-icon-square.btn-clear,.btn-icon-square.btn-close,.btn-icon-square.btn-header-icon,.btn-icon-square.cart-icon,.btn-icon-square.clear-btn,.btn-icon-square.close-btn,.btn-icon-square.header-icon,.btn-icon.btn-icon-square{border-radius:8px}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#20ba5a);border-color:transparent;color:#fff}.btn-whatsapp:hover:not(:disabled){background:linear-gradient(135deg,#20ba5a,#1ca04c)}.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.btn-fab{bottom:24px;box-shadow:0 4px 12px #00000026,0 8px 24px #0000001a;min-height:56px;right:24px;z-index:3000;z-index:var(--z-modal)}.btn-fab:hover:not(:disabled){box-shadow:0 8px 20px #0003,0 12px 32px #00000026;transform:translateY(-4px) scale(1.05)}@media (max-width:767px){.btn-fab{bottom:80px}}.btn-toggle{background:#fff;background:var(--surface);border-color:transparent;color:#1f2937;color:var(--text-secondary)}.btn-toggle:hover:not(:disabled){background:#e5e7eb;background:var(--surface-hover);box-shadow:none;transform:none}.btn-toggle.active{background:#5b21b6;background:var(--primary);color:#fff}.btn-sm{padding:.5rem 1rem}@media (min-width:768px){.btn-sm{padding:.625rem 1.25rem}}.btn-lg{min-height:52px;padding:1rem 2rem}@media (min-width:768px){.btn-lg{font-size:1.25rem;min-height:56px;padding:1.25rem 2.5rem}}.btn-xl{min-height:60px;padding:1.25rem 2.5rem}@media (min-width:768px){.btn-xl{font-size:1.5rem;min-height:72px;padding:1.5rem 3rem}}.btn-rounded{border-radius:50px}.btn-square{border-radius:4px}.btn.is-loading{color:transparent;pointer-events:none;position:relative}.btn.is-loading:after{animation:btn-spinner .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes btn-spinner{to{transform:rotate(1turn)}}.btn-group{gap:.5rem}.btn-group.btn-group-block{display:flex;width:100%}.btn-group.btn-group-block .btn{flex:1}.admin-tabs,.tabs{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scroll-snap-type:x proximity;scrollbar-width:none}.admin-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.tabs-full-width .tab,.tabs-full-width .tab-btn,.tabs-full-width .tab-button,.tabs-full-width .tab-item,.tabs-full-width .tab-pill{flex:1;justify-content:center}.tab,.tab-btn,.tab-button,.tab-item,.tab-pill{color:var(--text-secondary);display:flex;flex-shrink:0;min-height:44px;padding:.875rem 1.25rem;position:relative;scroll-snap-align:start;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}@media (min-width:768px){.tab,.tab-btn,.tab-button,.tab-item,.tab-pill{font-size:1rem;min-height:48px;padding:1rem 1.5rem}}.tab .tab-icon,.tab-btn .tab-icon,.tab-button .tab-icon,.tab-item .tab-icon,.tab-pill .tab-icon{align-items:center;display:flex;flex-shrink:0}.tab .tab-label,.tab-btn .tab-label,.tab-button .tab-label,.tab-item .tab-label,.tab-pill .tab-label{flex-shrink:0}.tab .tab-badge,.tab-btn .tab-badge,.tab-button .tab-badge,.tab-item .tab-badge,.tab-pill .tab-badge{align-items:center;background:#991b1b;background:var(--error);border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px}.tab-btn:active,.tab-button:active,.tab-item:active,.tab-pill:active,.tab:active{transform:scale(.98)}.admin-tabs,.tabs-underline{background:#f3f4f6;background:var(--background);border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--border-medium);padding-bottom:0;position:-webkit-sticky;position:sticky;top:calc(80px + env(safe-area-inset-top));z-index:50}.admin-tabs .tab,.admin-tabs .tab-btn,.admin-tabs .tab-button,.admin-tabs .tab-item,.admin-tabs .tab-pill,.tabs-underline .tab,.tabs-underline .tab-btn,.tabs-underline .tab-button,.tabs-underline .tab-item,.tabs-underline .tab-pill{border-bottom:3px solid transparent;margin-bottom:-2px}.admin-tabs .tab-btn:after,.admin-tabs .tab-button:after,.admin-tabs .tab-item:after,.admin-tabs .tab-pill:after,.admin-tabs .tab:after,.tabs-underline .tab-btn:after,.tabs-underline .tab-button:after,.tabs-underline .tab-item:after,.tabs-underline .tab-pill:after,.tabs-underline .tab:after{background:#5b21b6;background:var(--primary);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.admin-tabs .tab-btn:hover,.admin-tabs .tab-button:hover,.admin-tabs .tab-item:hover,.admin-tabs .tab-pill:hover,.admin-tabs .tab:hover,.tabs-underline .tab-btn:hover,.tabs-underline .tab-button:hover,.tabs-underline .tab-item:hover,.tabs-underline .tab-pill:hover,.tabs-underline .tab:hover{background:#e5e7eb;background:var(--surface-hover);color:#5b21b6;color:var(--primary)}.admin-tabs .tab-btn:hover:after,.admin-tabs .tab-button:hover:after,.admin-tabs .tab-item:hover:after,.admin-tabs .tab-pill:hover:after,.admin-tabs .tab:hover:after,.tabs-underline .tab-btn:hover:after,.tabs-underline .tab-button:hover:after,.tabs-underline .tab-item:hover:after,.tabs-underline .tab-pill:hover:after,.tabs-underline .tab:hover:after{transform:scaleX(.5)}}.admin-tabs .active.tab-btn,.admin-tabs .active.tab-button,.admin-tabs .active.tab-item,.admin-tabs .active.tab-pill,.admin-tabs .tab.active,.tabs-underline .active.tab-btn,.tabs-underline .active.tab-button,.tabs-underline .active.tab-item,.tabs-underline .active.tab-pill,.tabs-underline .tab.active{color:#5b21b6;color:var(--primary)}.admin-tabs .active.tab-btn:after,.admin-tabs .active.tab-button:after,.admin-tabs .active.tab-item:after,.admin-tabs .active.tab-pill:after,.admin-tabs .tab.active:after,.tabs-underline .active.tab-btn:after,.tabs-underline .active.tab-button:after,.tabs-underline .active.tab-item:after,.tabs-underline .active.tab-pill:after,.tabs-underline .tab.active:after{transform:scaleX(1)}.tabs-pills .tab,.tabs-pills .tab-btn,.tabs-pills .tab-button,.tabs-pills .tab-item,.tabs-pills .tab-pill{background:#fff;background:var(--surface);border:2px solid transparent;border-radius:50px}@media (hover:hover){.tabs-pills .tab-btn:hover,.tabs-pills .tab-button:hover,.tabs-pills .tab-item:hover,.tabs-pills .tab-pill:hover,.tabs-pills .tab:hover{background:#e5e7eb;background:var(--surface-hover);border-color:#e5e7eb;border-color:var(--border-light)}}.tabs-pills .active.tab-btn,.tabs-pills .active.tab-button,.tabs-pills .active.tab-item,.tabs-pills .active.tab-pill,.tabs-pills .tab.active{background:#5b21b6;background:var(--primary);color:#fff}.tabs-pills .active.tab-btn .tab-badge,.tabs-pills .active.tab-button .tab-badge,.tabs-pills .active.tab-item .tab-badge,.tabs-pills .active.tab-pill .tab-badge,.tabs-pills .tab.active .tab-badge{background:#fff;color:#5b21b6;color:var(--primary)}.tabs-default .tab,.tabs-default .tab-btn,.tabs-default .tab-button,.tabs-default .tab-item,.tabs-default .tab-pill{background:#fff;background:var(--surface);border-radius:8px}@media (hover:hover){.tabs-default .tab-btn:hover,.tabs-default .tab-button:hover,.tabs-default .tab-item:hover,.tabs-default .tab-pill:hover,.tabs-default .tab:hover{background:#e5e7eb;background:var(--surface-hover)}}.tabs-default .active.tab-btn,.tabs-default .active.tab-button,.tabs-default .active.tab-item,.tabs-default .active.tab-pill,.tabs-default .tab.active{background:#5b21b6;background:var(--primary);color:#fff}.tabs-default .active.tab-btn .tab-badge,.tabs-default .active.tab-button .tab-badge,.tabs-default .active.tab-item .tab-badge,.tabs-default .active.tab-pill .tab-badge,.tabs-default .tab.active .tab-badge{background:#fff;color:#5b21b6;color:var(--primary)}.tabs-sm .tab,.tabs-sm .tab-btn,.tabs-sm .tab-button,.tabs-sm .tab-item,.tabs-sm .tab-pill{font-size:.875rem;min-height:36px;padding:.5rem 1rem}@media (min-width:768px){.tabs-sm .tab,.tabs-sm .tab-btn,.tabs-sm .tab-button,.tabs-sm .tab-item,.tabs-sm .tab-pill{padding:.625rem 1.25rem}}.tabs-sm .tab .tab-badge,.tabs-sm .tab-btn .tab-badge,.tabs-sm .tab-button .tab-badge,.tabs-sm .tab-item .tab-badge,.tabs-sm .tab-pill .tab-badge{font-size:.625rem;height:16px;min-width:16px}.tabs-lg .tab,.tabs-lg .tab-btn,.tabs-lg .tab-button,.tabs-lg .tab-item,.tabs-lg .tab-pill{font-size:1.125rem;min-height:52px;padding:1rem 2rem}@media (min-width:768px){.tabs-lg .tab,.tabs-lg .tab-btn,.tabs-lg .tab-button,.tabs-lg .tab-item,.tabs-lg .tab-pill{font-size:1.25rem;min-height:56px;padding:1.25rem 2.5rem}}.tabs-lg .tab .tab-badge,.tabs-lg .tab-btn .tab-badge,.tabs-lg .tab-button .tab-badge,.tabs-lg .tab-item .tab-badge,.tabs-lg .tab-pill .tab-badge{font-size:.875rem;height:24px;min-width:24px}.tab-panel{animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .btn-secondary{background:var(--surface-elevated-dark);border-color:var(--border-light-dark);color:var(--text-primary-dark)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--surface-hover-dark)}[data-theme=dark] .btn-ghost{color:var(--text-primary-dark)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--surface-hover-dark)}[data-theme=dark] .btn-toggle{background:var(--surface-dark);color:var(--text-secondary-dark)}[data-theme=dark] .btn-toggle:hover:not(:disabled){background:var(--surface-hover-dark)}[data-theme=dark] .tabs-default .tab,[data-theme=dark] .tabs-default .tab-btn,[data-theme=dark] .tabs-default .tab-button,[data-theme=dark] .tabs-default .tab-item,[data-theme=dark] .tabs-default .tab-pill,[data-theme=dark] .tabs-pills .tab,[data-theme=dark] .tabs-pills .tab-btn,[data-theme=dark] .tabs-pills .tab-button,[data-theme=dark] .tabs-pills .tab-item,[data-theme=dark] .tabs-pills .tab-pill{background:var(--surface-dark)}[data-theme=dark] .tabs-default .tab-btn:hover,[data-theme=dark] .tabs-default .tab-button:hover,[data-theme=dark] .tabs-default .tab-item:hover,[data-theme=dark] .tabs-default .tab-pill:hover,[data-theme=dark] .tabs-default .tab:hover,[data-theme=dark] .tabs-pills .tab-btn:hover,[data-theme=dark] .tabs-pills .tab-button:hover,[data-theme=dark] .tabs-pills .tab-item:hover,[data-theme=dark] .tabs-pills .tab-pill:hover,[data-theme=dark] .tabs-pills .tab:hover{background:var(--surface-hover-dark)}.btn-bulk-save,.btn-cancel,.btn-save,.bulk-save-btn,.cancel-btn,.save-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;min-height:48px;min-height:var(--touch-target-lg,56px);padding-left:1.5rem;padding-left:var(--space-6,1.5rem);padding-right:1.5rem;padding-right:var(--space-6,1.5rem);touch-action:manipulation;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-save,.save-btn{background:linear-gradient(135deg,#6f42c2,#59339e);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 12px #6b46c14d;color:#fff;flex:1}.btn-save:hover,.save-btn:hover{box-shadow:0 8px 20px #6b46c166;transform:translateY(-2px)}.btn-save:active,.save-btn:active{box-shadow:0 2px 8px #6b46c14d;transform:translateY(0)}.btn-bulk-save,.bulk-save-btn{animation:saveButtonMegaPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#6f42c2,#8c69ce);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:18px;box-shadow:0 8px 24px #6b46c180,0 4px 12px #6b46c14d;color:#fff;flex:1;font-size:1.25rem;font-weight:800;height:72px}.btn-bulk-save:hover,.bulk-save-btn:hover{box-shadow:0 12px 32px #6b46c199,0 6px 16px #6b46c166;transform:translateY(-2px)}@keyframes saveButtonMegaPulse{0%,to{box-shadow:0 8px 24px #6b46c180,0 4px 12px #6b46c14d}50%{box-shadow:0 12px 32px #6b46c199,0 6px 16px #6b46c166}}.btn-cancel,.cancel-btn{background:#fff;background:var(--color-surface-elevated);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);color:#1f2937;color:var(--color-text-secondary);flex:1}.btn-cancel:hover,.cancel-btn:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#d1d5db;border-color:var(--color-border-medium);color:#000;color:var(--color-text-primary);transform:translateY(-2px)}.btn-cancel:active,.cancel-btn:active{transform:translateY(0)}.btn-bulk-remove,.btn-cart-remove,.btn-remove-image,.btn-replace-image,.bulk-remove-btn,.cart-remove-btn,.remove-image-btn-new,.replace-image-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-height:32px;min-width:32px;touch-action:manipulation;transition:all .2s ease;width:32px}.btn-remove-image,.remove-image-btn-new{background:#dc2626f2;color:#fff;position:absolute;right:.5rem;top:.5rem;z-index:10}.btn-remove-image:hover,.remove-image-btn-new:hover{background:#b91c1c;transform:scale(1.1)}.btn-replace-image,.replace-image-btn{background:#6b46c1f2;color:#fff}.btn-replace-image:hover,.replace-image-btn:hover{background:#5b21b6;transform:scale(1.1)}.btn-cart-remove,.cart-remove-btn{background:#dc26261a;color:#991b1b;color:var(--color-error);height:36px;min-height:36px;min-width:36px;width:36px}.btn-cart-remove:hover,.cart-remove-btn:hover{background:#991b1b;background:var(--color-error);color:#fff;transform:scale(1.1)}.btn-cart-remove:active,.cart-remove-btn:active{transform:scale(.95)}.btn-bulk-remove,.bulk-remove-btn{background:#dc26261a;border:2px solid #991b1b;border:2px solid var(--color-error);color:#991b1b;color:var(--color-error);height:40px;min-height:40px;min-width:40px;width:40px}.btn-bulk-remove:hover,.bulk-remove-btn:hover{background:#991b1b;background:var(--color-error);color:#fff;transform:rotate(90deg) scale(1.1)}.cart-qty-btn,.qty-btn{align-items:center;background:#fff;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:10px;color:#6f42c2;color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;min-height:40px;min-width:40px;touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}.qty-btn:hover:not(:disabled){background:#6f42c2;background:var(--color-primary);border-color:#6f42c2;border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.qty-btn:active:not(:disabled){transform:scale(.95)}.qty-btn:disabled{background:#fff!important;background:var(--color-surface)!important;border-color:#e5e7eb!important;border-color:var(--color-border-light)!important;color:#374151!important;color:var(--color-text-muted)!important;cursor:not-allowed;opacity:.4;pointer-events:none;transform:none!important}.cart-qty-btn{border-radius:8px;font-size:1.125rem;height:36px;min-height:36px;min-width:36px;width:36px}.cart-qty-btn:hover{background:#6f42c2;background:var(--color-primary);border-color:#6f42c2;border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.cart-qty-btn:active{transform:scale(.95)}.cart-qty-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.add-to-cart-btn,.btn-add-to-cart{align-items:center;background:linear-gradient(135deg,#6f42c2,#59339e);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:12px;box-shadow:0 2px 8px #6b46c140;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;min-height:48px;touch-action:manipulation;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.add-to-cart-btn:hover,.btn-add-to-cart:hover{background:linear-gradient(135deg,#59339e,#6f42c2);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 4px 12px #6b46c159;transform:translateY(-2px)}.add-to-cart-btn:active,.btn-add-to-cart:active{box-shadow:0 1px 4px #6b46c133;transform:translateY(0)}.add-to-cart-btn:disabled,.btn-add-to-cart:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-checkout,.cart-checkout-btn{align-items:center;background:linear-gradient(135deg,#065f46,#047857);background:linear-gradient(135deg,var(--color-success),#047857);border:none;border-radius:16px;box-shadow:0 4px 16px #10b98166;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:800;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;min-height:56px;touch-action:manipulation;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.btn-checkout:hover,.cart-checkout-btn:hover{box-shadow:0 8px 24px #10b98180;transform:translateY(-2px)}.btn-checkout:active,.cart-checkout-btn:active{transform:translateY(0)}.btn-checkout:disabled,.cart-checkout-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cart-button{align-items:center;background:linear-gradient(135deg,#6f42c2,#59339e);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:50%;bottom:1.5rem;bottom:var(--space-6,1.5rem);box-shadow:0 8px 24px #6b46c166;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:1.5rem;right:var(--space-6,1.5rem);touch-action:manipulation;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:64px;z-index:1100;z-index:var(--z-sticky,1100)}.cart-button:hover{box-shadow:0 12px 32px #6b46c180;transform:scale(1.1) translateY(-4px)}.cart-button:active{transform:scale(1.05)}.category-button{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:20px;box-shadow:0 1px 3px #0000000d;color:#000;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:.9375rem;font-weight:600;overflow:hidden;padding:.75rem 1.25rem;padding:var(--space-3,.75rem) var(--space-5,1.25rem);position:relative;scroll-snap-align:start;touch-action:manipulation;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}[data-theme=dark] .category-button{background:#ffffff0d;border-color:#ffffff1a}.category-button:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 4px 10px #6b46c133;transform:translateY(-2px) scale(1.02)}[data-theme=dark] .category-button:hover{background:#6b46c11a;box-shadow:0 4px 10px #6b46c14d}.category-button.active{background:#6f42c2;background:var(--color-primary);border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 4px 12px #6b46c166;color:#fff;transform:scale(1.05)}[data-theme=dark] .category-button.active{color:#000;color:var(--color-text-primary)}.logo-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;padding:0;touch-action:manipulation;transition:transform .2s ease,opacity .2s ease}.logo-button:hover{opacity:.9;transform:translateY(-2px)}.logo-button:active{opacity:1;transform:translateY(0)}.whatsapp-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;bottom:1.5rem;bottom:var(--space-6,1.5rem);box-shadow:0 8px 24px #25d36666;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;left:1.5rem;left:var(--space-6,1.5rem);position:fixed;touch-action:manipulation;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:60px;z-index:1100;z-index:var(--z-sticky,1100)}.whatsapp-button:hover{box-shadow:0 12px 32px #25d36680;transform:scale(1.15) translateY(-4px)}.whatsapp-button:active{transform:scale(1.1)}.btn-bulk-add-more,.bulk-add-more-btn{align-items:center;background:linear-gradient(135deg,#6b46c11a,#6b46c10d);border:2px dashed #6f42c2;border:2px dashed var(--color-primary);border-radius:16px;color:#6f42c2;color:var(--color-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;min-height:56px;touch-action:manipulation;transition:all .3s ease;width:100%}.btn-bulk-add-more:hover,.bulk-add-more-btn:hover{background:linear-gradient(135deg,#6b46c126,#6b46c114);box-shadow:0 4px 12px #6b46c133;transform:translateY(-2px)}.perf-btn,.perf-btn-clear,.perf-btn-close{background:#fff;background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.5rem;border-radius:var(--radius-md,8px);color:#000;color:var(--color-text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem);touch-action:manipulation;transition:all .2s ease}.perf-btn-clear:hover,.perf-btn-close:hover,.perf-btn:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#6f42c2;border-color:var(--color-primary);transform:translateY(-1px)}.perf-btn-clear,.perf-btn-close{background:#dc26261a;border-color:#991b1b;border-color:var(--color-error);color:#991b1b;color:var(--color-error)}.perf-btn-clear:hover,.perf-btn-close:hover{background:#991b1b;background:var(--color-error);color:#fff}@media (max-width:768px){.add-to-cart-btn,.btn-add-to-cart,.btn-save,.save-btn{font-size:1rem;min-height:48px}.btn-bulk-save,.bulk-save-btn{font-size:1rem;height:56px}.btn-checkout,.cart-checkout-btn{font-size:1rem;min-height:52px}.cart-button{height:56px;right:1rem;right:var(--space-4,1rem);width:56px}.cart-button,.whatsapp-button{bottom:1rem;bottom:var(--space-4,1rem)}.whatsapp-button{height:52px;left:1rem;left:var(--space-4,1rem);width:52px}}@media (max-width:480px){.add-to-cart-btn,.btn-add-to-cart,.btn-save,.save-btn{font-size:.9375rem;min-height:44px}.btn-bulk-save,.bulk-save-btn{font-size:.9375rem;height:52px}.category-button{border-radius:18px;font-size:.8125rem;padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem)}}.add-to-cart-btn:focus-visible,.cancel-btn:focus-visible,.cart-checkout-btn:focus-visible,.cart-qty-btn:focus-visible,.category-button:focus-visible,.qty-btn:focus-visible,.save-btn:focus-visible{box-shadow:0 0 0 2px #6f42c2,0 0 0 4px #6b46c133;box-shadow:0 0 0 var(--focus-width,2px) var(--color-primary),0 0 0 calc(var(--focus-width, 2px) + 2px) #6b46c133;outline:none}@media (prefers-reduced-motion:reduce){.add-to-cart-btn,.bulk-save-btn,.cancel-btn,.cart-button,.cart-checkout-btn,.cart-qty-btn,.category-button,.qty-btn,.save-btn,.whatsapp-button{animation:none!important;transition:none!important}.add-to-cart-btn:hover,.bulk-save-btn:hover,.cancel-btn:hover,.cart-button:hover,.cart-checkout-btn:hover,.cart-qty-btn:hover,.category-button:hover,.qty-btn:hover,.save-btn:hover,.whatsapp-button:hover{transform:none!important}}.btn,button{align-items:center;border:1px solid transparent;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.5;min-height:44px;min-height:var(--touch-target-md);padding:.625rem 1rem;text-align:center;text-decoration:none;touch-action:manipulation;transition-duration:.15s;transition-property:color,background-color,border-color,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 3px #9333ea80;box-shadow:0 0 0 3px var(--ring-color-primary);outline:none}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn.is-loading,button.is-loading{color:transparent!important;pointer-events:none;position:relative}.btn.is-loading:after,button.is-loading:after{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;content:"";height:1rem;position:absolute;width:1rem}.btn-primary,.save-btn,.submit-btn{background:linear-gradient(135deg,#9333ea,#7e22ce);background:linear-gradient(135deg,var(--purple-600),var(--purple-700));border-color:transparent;box-shadow:0 1px 2px #0000000d,0 4px 12px #6b46c14d;box-shadow:var(--shadow-sm),var(--shadow-primary-sm);color:#fff}.btn-primary:hover:not(:disabled),.save-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#9333ea);background:linear-gradient(135deg,var(--purple-500),var(--purple-600));box-shadow:0 4px 6px -1px #0000001a,0 6px 20px #6b46c166;box-shadow:var(--shadow-md),var(--shadow-primary-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled),.save-btn:active:not(:disabled),.submit-btn:active:not(:disabled){background:linear-gradient(135deg,#7e22ce,#6b21a8);background:linear-gradient(135deg,var(--purple-700),var(--purple-800));box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0) scale(.98)}.btn-secondary,.cancel-btn{background:#fff;border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled),.cancel-btn:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btn-secondary:active:not(:disabled),.cancel-btn:active:not(:disabled){background:#f3f4f6;background:var(--gray-100);transform:scale(.98)}.btn-outline-primary{background:transparent;border-color:#9333ea;border-color:var(--purple-600);color:#9333ea;color:var(--purple-600)}.btn-outline-primary:hover:not(:disabled){background:#faf5ff;background:var(--purple-50);color:#7e22ce;color:var(--purple-700)}.btn-outline-primary:active:not(:disabled){background:#f3e8ff;background:var(--purple-100)}.btn-outline-secondary{background:transparent;border-color:#d1d5db;border-color:var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline-secondary:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400)}.btn-outline-secondary:active:not(:disabled){background:#f3f4f6;background:var(--gray-100)}.btn-ghost{border-color:transparent;color:#374151;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.btn-ghost:active:not(:disabled){background:#e5e7eb;background:var(--gray-200)}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--green-600),var(--green-700));border-color:transparent;box-shadow:0 1px 2px #0000000d,0 4px 12px #16a34a4d;box-shadow:var(--shadow-sm),var(--shadow-success-sm);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--green-500),var(--green-600));transform:translateY(-1px)}.btn-success:active:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);background:linear-gradient(135deg,var(--green-700),var(--green-800));transform:translateY(0) scale(.98)}.btn-danger,.delete-btn,.remove-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--red-600),var(--red-700));border-color:transparent;box-shadow:0 1px 2px #0000000d,0 4px 12px #dc26264d;box-shadow:var(--shadow-sm),var(--shadow-error-sm);color:#fff}.btn-danger:hover:not(:disabled),.delete-btn:hover:not(:disabled),.remove-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--red-500),var(--red-600));transform:translateY(-1px)}.btn-danger:active:not(:disabled),.delete-btn:active:not(:disabled),.remove-btn:active:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);background:linear-gradient(135deg,var(--red-700),var(--red-800));transform:translateY(0) scale(.98)}.btn-warning{background:linear-gradient(135deg,#eab308,#ca8a04);background:linear-gradient(135deg,var(--yellow-500),var(--yellow-600));border-color:transparent;box-shadow:0 1px 2px #0000000d,0 4px 12px #ca8a044d;box-shadow:var(--shadow-sm),var(--shadow-warning-sm);color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#facc15,#eab308);background:linear-gradient(135deg,var(--yellow-400),var(--yellow-500));transform:translateY(-1px)}.btn-warning:active:not(:disabled){background:linear-gradient(135deg,#ca8a04,#a16207);background:linear-gradient(135deg,var(--yellow-600),var(--yellow-700));transform:translateY(0) scale(.98)}.btn-info{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--blue-600),var(--blue-700));border-color:transparent;color:#fff}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--blue-500),var(--blue-600));transform:translateY(-1px)}.btn-info:active:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);background:linear-gradient(135deg,var(--blue-700),var(--blue-800));transform:translateY(0) scale(.98)}.btn-xs{padding:.375rem .625rem}.btn-sm,.btn-xs{min-height:36px;min-height:var(--touch-target-sm)}.btn-sm{padding:.5rem .75rem}.btn-lg{font-size:1rem;min-height:48px;min-height:var(--touch-target-lg);padding:.75rem 1.25rem}.btn-xl{font-size:1.125rem;min-height:56px;min-height:var(--touch-target-xl);padding:1rem 1.5rem}.btn-cart-icon,.btn-clear,.btn-close,.btn-header-icon,.btn-icon,.cart-icon,.clear-btn,.close-btn,.header-icon{aspect-ratio:1;min-height:44px;min-height:var(--touch-target-md);min-width:44px;min-width:var(--touch-target-md)}.btn-icon.btn-xs,.btn-xs.btn-cart-icon,.btn-xs.btn-clear,.btn-xs.btn-close,.btn-xs.btn-header-icon,.btn-xs.cart-icon,.btn-xs.clear-btn,.btn-xs.close-btn,.btn-xs.header-icon{min-height:36px;min-height:var(--touch-target-sm);min-width:36px;min-width:var(--touch-target-sm);padding:.375rem}.btn-icon.btn-sm,.btn-sm.btn-cart-icon,.btn-sm.btn-clear,.btn-sm.btn-close,.btn-sm.btn-header-icon,.btn-sm.cart-icon,.btn-sm.clear-btn,.btn-sm.close-btn,.btn-sm.header-icon{min-height:44px;min-height:var(--touch-target-md);min-width:44px;min-width:var(--touch-target-md);padding:.5rem}.btn-icon.btn-lg,.btn-lg.btn-cart-icon,.btn-lg.btn-clear,.btn-lg.btn-close,.btn-lg.btn-header-icon,.btn-lg.cart-icon,.btn-lg.clear-btn,.btn-lg.close-btn,.btn-lg.header-icon{min-height:48px;min-height:var(--touch-target-lg);min-width:48px;min-width:var(--touch-target-lg);padding:.75rem}.btn-icon.btn-xl,.btn-xl.btn-cart-icon,.btn-xl.btn-clear,.btn-xl.btn-close,.btn-xl.btn-header-icon,.btn-xl.cart-icon,.btn-xl.clear-btn,.btn-xl.close-btn,.btn-xl.header-icon{min-height:56px;min-height:var(--touch-target-xl);min-width:56px;min-width:var(--touch-target-xl);padding:1rem}.btn-icon-circle{border-radius:50%}.btn-group{border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.btn-group .btn{border-radius:0;box-shadow:none}.btn-group .btn:first-child{border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--radius-md);border-top-left-radius:.5rem;border-top-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--radius-md);border-top-right-radius:.5rem;border-top-right-radius:var(--radius-md)}.btn-group .btn:not(:first-child){margin-left:-1px}.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group-vertical{display:inline-flex;flex-direction:column}.btn-group-vertical .btn{border-radius:0;width:100%}.btn-group-vertical .btn:first-child{border-top-left-radius:.5rem;border-top-left-radius:var(--radius-md);border-top-right-radius:.5rem;border-top-right-radius:var(--radius-md)}.btn-group-vertical .btn:last-child{border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--radius-md)}.btn-group-vertical .btn:not(:first-child){margin-top:-1px}.btn-with-badge{position:relative}.btn-with-badge .badge,.btn-with-badge .tag{align-items:center;background:#dc2626;background:var(--red-600);border:2px solid #fff;border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem;position:absolute;right:-.5rem;top:-.5rem}.btn-block{display:flex}.btn-fab{background:linear-gradient(135deg,#9333ea,#7e22ce);background:linear-gradient(135deg,var(--purple-600),var(--purple-700));border-radius:50%;bottom:1.5rem;bottom:var(--space-6);box-shadow:0 10px 15px -3px #0000001a,0 8px 24px #6b46c159,0 4px 12px #00000026,inset 0 -2px 8px #0000001a;box-shadow:var(--shadow-lg),var(--shadow-primary-lg);color:#fff;height:56px;padding:0;position:fixed;right:1.5rem;right:var(--space-6);width:56px;z-index:1200;z-index:var(--z-fixed)}.btn-fab:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 24px #6b46c159,0 4px 12px #00000026,inset 0 -2px 8px #0000001a;box-shadow:var(--shadow-xl),var(--shadow-primary-lg);transform:scale(1.1)}.btn-fab:active{transform:scale(1.05)}[data-theme=dark] .btn-secondary,[data-theme=dark] .cancel-btn{background:#1f2937;background:var(--gray-800);border-color:#4b5563;border-color:var(--gray-600);color:#f3f4f6;color:var(--gray-100)}[data-theme=dark] .btn-secondary:hover:not(:disabled),[data-theme=dark] .cancel-btn:hover:not(:disabled){background:#374151;background:var(--gray-700);border-color:#6b7280;border-color:var(--gray-500)}[data-theme=dark] .btn-secondary:active:not(:disabled),[data-theme=dark] .cancel-btn:active:not(:disabled){background:#4b5563;background:var(--gray-600)}[data-theme=dark] .btn-ghost{color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:#1f2937;background:var(--gray-800);color:#f3f4f6;color:var(--gray-100)}[data-theme=dark] .btn-ghost:active:not(:disabled){background:#374151;background:var(--gray-700)}[data-theme=dark] .btn-outline-secondary{border-color:#4b5563;border-color:var(--gray-600);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] .btn-outline-secondary:hover:not(:disabled){background:#1f2937;background:var(--gray-800);border-color:#6b7280;border-color:var(--gray-500)}[data-theme=dark] .btn-with-badge .badge,[data-theme=dark] .btn-with-badge .tag{border-color:#111827;border-color:var(--gray-900)}@media (prefers-reduced-motion:reduce){.btn{transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn{border-width:2px}}.btn-icon-left i,.btn-icon-left svg{margin-right:.5rem}.btn-icon-right i,.btn-icon-right svg{margin-left:.5rem}.btn-cart-icon,.btn-clear,.btn-close,.btn-header-icon,.btn-icon,.cart-icon,.clear-btn,.close-btn,.header-icon{align-items:center;display:inline-flex;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:.5rem}.btn-cart-icon i,.btn-cart-icon svg,.btn-clear i,.btn-clear svg,.btn-close i,.btn-close svg,.btn-header-icon i,.btn-header-icon svg,.btn-icon i,.btn-icon svg,.cart-icon i,.cart-icon svg,.clear-btn i,.clear-btn svg,.close-btn i,.close-btn svg,.header-icon i,.header-icon svg{margin:0}.btn-ghost{background:transparent;border:2px solid #d1d5db;border:2px solid var(--color-border-medium,#e2e8f0);color:#000;color:var(--color-text-primary,#1a202c);transition:all .2s ease}@media (hover:hover){.btn-ghost:hover{background:#f3f4f6;background:var(--color-surface-hover,rgba(0,0,0,.05));border-color:#9ca3af;border-color:var(--color-border-strong,#cbd5e0)}}.btn-ghost:active{background:#0000001a;background:var(--color-surface-active,rgba(0,0,0,.1))}[data-theme=dark] .btn-ghost{border-color:#d1d5db;border-color:var(--color-border-medium,#4a5568);color:#000;color:var(--color-text-primary,#e2e8f0)}@media (hover:hover){[data-theme=dark] .btn-ghost:hover{background:#ffffff1a;border-color:#9ca3af;border-color:var(--color-border-strong,#718096)}}[data-theme=dark] .btn-ghost:active{background:#ffffff26}.btn-xs{font-size:.75rem;min-height:1.75rem;padding:.25rem .5rem}.btn-sm{font-size:.875rem;min-height:2rem;padding:.375rem .75rem}.btn-lg{font-size:1.125rem;min-height:3.5rem;padding:.75rem 1.5rem}.btn-xl{font-size:1.25rem;min-height:4rem;padding:1rem 2rem}.btn-block{display:block;width:100%}.btn-loading{color:transparent;pointer-events:none;position:relative}.btn-loading:after{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;color:inherit;content:"";height:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.btn-group{display:inline-flex;gap:0}.btn-group>.btn{border-radius:0;border-right-width:0}.btn-group>.btn:first-child{border-radius:.5rem 0 0 .5rem}.btn-group>.btn:last-child{border-radius:0 .5rem .5rem 0;border-right-width:1px}.btn-group>.btn:only-child{border-radius:.5rem}@media (max-width:640px){.btn-lg{font-size:1rem;padding:.625rem 1.25rem}.btn-xl{font-size:1.125rem;padding:.75rem 1.5rem}}.gap-0{gap:0;gap:var(--space-0,0)}.gap-1{gap:.25rem;gap:var(--space-1,.25rem)}.gap-2{gap:var(--space-2,.5rem)}.gap-3{gap:.75rem;gap:var(--space-3,.75rem)}.gap-4{gap:var(--space-4,1rem)}.gap-5{gap:1.25rem;gap:var(--space-5,1.25rem)}.gap-6{gap:1.5rem;gap:var(--space-6,1.5rem)}.gap-8{gap:2rem;gap:var(--space-8,2rem)}.gap-10{gap:2.5rem;gap:var(--space-10,2.5rem)}.gap-12{gap:3rem;gap:var(--space-12,3rem)}.gap-x-0{-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--space-0,0);column-gap:var(--space-0,0)}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem;-moz-column-gap:var(--space-1,.25rem);column-gap:var(--space-1,.25rem)}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem;-moz-column-gap:var(--space-2,.5rem);column-gap:var(--space-2,.5rem)}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem;-moz-column-gap:var(--space-3,.75rem);column-gap:var(--space-3,.75rem)}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem;-moz-column-gap:var(--space-4,1rem);column-gap:var(--space-4,1rem)}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem;-moz-column-gap:var(--space-6,1.5rem);column-gap:var(--space-6,1.5rem)}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem;-moz-column-gap:var(--space-8,2rem);column-gap:var(--space-8,2rem)}.gap-y-0{row-gap:0;row-gap:var(--space-0,0)}.gap-y-1{row-gap:.25rem;row-gap:var(--space-1,.25rem)}.gap-y-2{row-gap:.5rem;row-gap:var(--space-2,.5rem)}.gap-y-3{row-gap:.75rem;row-gap:var(--space-3,.75rem)}.gap-y-4{row-gap:1rem;row-gap:var(--space-4,1rem)}.gap-y-6{row-gap:1.5rem;row-gap:var(--space-6,1.5rem)}.gap-y-8{row-gap:2rem;row-gap:var(--space-8,2rem)}.p-0{padding:0;padding:var(--space-0,0)}.p-1{padding:.25rem;padding:var(--space-1,.25rem)}.p-2{padding:.5rem;padding:var(--space-2,.5rem)}.p-3{padding:.75rem;padding:var(--space-3,.75rem)}.p-4{padding:1rem;padding:var(--space-4,1rem)}.p-5{padding:1.25rem;padding:var(--space-5,1.25rem)}.p-6{padding:1.5rem;padding:var(--space-6,1.5rem)}.p-8{padding:2rem;padding:var(--space-8,2rem)}.p-10{padding:2.5rem;padding:var(--space-10,2.5rem)}.p-12{padding:3rem;padding:var(--space-12,3rem)}.px-0{padding-left:0;padding-left:var(--space-0,0);padding-right:0;padding-right:var(--space-0,0)}.px-1{padding-left:.25rem;padding-left:var(--space-1,.25rem);padding-right:.25rem;padding-right:var(--space-1,.25rem)}.px-2{padding-left:.5rem;padding-left:var(--space-2,.5rem);padding-right:.5rem;padding-right:var(--space-2,.5rem)}.px-3{padding-left:.75rem;padding-left:var(--space-3,.75rem);padding-right:.75rem;padding-right:var(--space-3,.75rem)}.px-4{padding-left:1rem;padding-left:var(--space-4,1rem);padding-right:1rem;padding-right:var(--space-4,1rem)}.px-5{padding-left:1.25rem;padding-left:var(--space-5,1.25rem);padding-right:1.25rem;padding-right:var(--space-5,1.25rem)}.px-6{padding-left:1.5rem;padding-left:var(--space-6,1.5rem);padding-right:1.5rem;padding-right:var(--space-6,1.5rem)}.px-8{padding-left:2rem;padding-left:var(--space-8,2rem);padding-right:2rem;padding-right:var(--space-8,2rem)}.py-0{padding-bottom:0;padding-bottom:var(--space-0,0);padding-top:0;padding-top:var(--space-0,0)}.py-1{padding-bottom:.25rem;padding-bottom:var(--space-1,.25rem);padding-top:.25rem;padding-top:var(--space-1,.25rem)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2,.5rem);padding-top:.5rem;padding-top:var(--space-2,.5rem)}.py-3{padding-bottom:.75rem;padding-bottom:var(--space-3,.75rem);padding-top:.75rem;padding-top:var(--space-3,.75rem)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4,1rem);padding-top:1rem;padding-top:var(--space-4,1rem)}.py-5{padding-bottom:1.25rem;padding-bottom:var(--space-5,1.25rem);padding-top:1.25rem;padding-top:var(--space-5,1.25rem)}.py-6{padding-bottom:1.5rem;padding-bottom:var(--space-6,1.5rem);padding-top:1.5rem;padding-top:var(--space-6,1.5rem)}.py-8{padding-bottom:2rem;padding-bottom:var(--space-8,2rem);padding-top:2rem;padding-top:var(--space-8,2rem)}.pt-0{padding-top:0;padding-top:var(--space-0,0)}.pt-1{padding-top:.25rem;padding-top:var(--space-1,.25rem)}.pt-2{padding-top:.5rem;padding-top:var(--space-2,.5rem)}.pt-3{padding-top:.75rem;padding-top:var(--space-3,.75rem)}.pt-4{padding-top:1rem;padding-top:var(--space-4,1rem)}.pt-6{padding-top:1.5rem;padding-top:var(--space-6,1.5rem)}.pt-8{padding-top:2rem;padding-top:var(--space-8,2rem)}.pb-0{padding-bottom:0;padding-bottom:var(--space-0,0)}.pb-1{padding-bottom:.25rem;padding-bottom:var(--space-1,.25rem)}.pb-2{padding-bottom:.5rem;padding-bottom:var(--space-2,.5rem)}.pb-3{padding-bottom:.75rem;padding-bottom:var(--space-3,.75rem)}.pb-4{padding-bottom:1rem;padding-bottom:var(--space-4,1rem)}.pb-6{padding-bottom:1.5rem;padding-bottom:var(--space-6,1.5rem)}.pb-8{padding-bottom:2rem;padding-bottom:var(--space-8,2rem)}.ps-0{padding-left:0;padding-left:var(--space-0,0)}.ps-1{padding-left:.25rem;padding-left:var(--space-1,.25rem)}.ps-2{padding-left:.5rem;padding-left:var(--space-2,.5rem)}.ps-3{padding-left:.75rem;padding-left:var(--space-3,.75rem)}.ps-4{padding-left:1rem;padding-left:var(--space-4,1rem)}.ps-6{padding-left:1.5rem;padding-left:var(--space-6,1.5rem)}.pe-0{padding-right:0;padding-right:var(--space-0,0)}.pe-1{padding-right:.25rem;padding-right:var(--space-1,.25rem)}.pe-2{padding-right:.5rem;padding-right:var(--space-2,.5rem)}.pe-3{padding-right:.75rem;padding-right:var(--space-3,.75rem)}.pe-4{padding-right:1rem;padding-right:var(--space-4,1rem)}.pe-6{padding-right:1.5rem;padding-right:var(--space-6,1.5rem)}.m-0{margin:0}.m-auto{margin:auto}.m-1{margin:.25rem;margin:var(--space-1,.25rem)}.m-2{margin:.5rem;margin:var(--space-2,.5rem)}.m-3{margin:.75rem;margin:var(--space-3,.75rem)}.m-4{margin:1rem;margin:var(--space-4,1rem)}.m-6{margin:1.5rem;margin:var(--space-6,1.5rem)}.m-8{margin:2rem;margin:var(--space-8,2rem)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-left:var(--space-1,.25rem);margin-right:.25rem;margin-right:var(--space-1,.25rem)}.mx-2{margin-left:.5rem;margin-left:var(--space-2,.5rem);margin-right:.5rem;margin-right:var(--space-2,.5rem)}.mx-4{margin-left:1rem;margin-left:var(--space-4,1rem);margin-right:1rem;margin-right:var(--space-4,1rem)}.mx-6{margin-left:1.5rem;margin-left:var(--space-6,1.5rem);margin-right:1.5rem;margin-right:var(--space-6,1.5rem)}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-bottom:var(--space-1,.25rem);margin-top:.25rem;margin-top:var(--space-1,.25rem)}.my-2{margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem);margin-top:.5rem;margin-top:var(--space-2,.5rem)}.my-4{margin-bottom:1rem;margin-bottom:var(--space-4,1rem);margin-top:1rem;margin-top:var(--space-4,1rem)}.my-6{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);margin-top:1.5rem;margin-top:var(--space-6,1.5rem)}.my-8{margin-bottom:2rem;margin-bottom:var(--space-8,2rem);margin-top:2rem;margin-top:var(--space-8,2rem)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--space-1,.25rem)}.mt-2{margin-top:.5rem;margin-top:var(--space-2,.5rem)}.mt-3{margin-top:.75rem;margin-top:var(--space-3,.75rem)}.mt-4{margin-top:1rem;margin-top:var(--space-4,1rem)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6,1.5rem)}.mt-8{margin-top:2rem;margin-top:var(--space-8,2rem)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1,.25rem)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8,2rem)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.text-base{font-size:1rem;font-size:var(--font-size-base,1rem)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg,1.125rem)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl,1.25rem)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl,1.875rem)}.text-4xl{font-size:2.25rem;font-size:var(--font-size-4xl,2.25rem)}.text-5xl{font-size:3rem;font-size:var(--font-size-5xl,3rem)}.text-13{font-size:.8125rem}.text-15{font-size:.9375rem}.text-22{font-size:1.375rem}.font-normal{font-weight:400;font-weight:var(--font-weight-normal,400)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium,500)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold,600)}.font-bold{font-weight:var(--font-weight-bold,700)}.font-extrabold{font-weight:800}.leading-none{line-height:1}.leading-tight{line-height:1.25;line-height:var(--line-height-tight,1.25)}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5;line-height:var(--line-height-normal,1.5)}.leading-relaxed{line-height:1.75;line-height:var(--line-height-relaxed,1.75)}.leading-loose{line-height:2;line-height:var(--line-height-loose,2)}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.grid{display:grid}.inline-grid{display:inline-grid}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{word-wrap:normal;word-break:normal}.break-words{word-wrap:break-word}.break-all{word-break:break-all}.text-primary{color:#000;color:var(--color-text-primary)}.text-secondary{color:#1f2937;color:var(--color-text-secondary)}.text-muted{color:#374151;color:var(--color-text-muted)}.text-white{color:#fff}.text-current{color:currentColor}.bg-primary{background-color:#6f42c2;background-color:var(--color-primary)}.bg-surface{background-color:#fff;background-color:var(--color-surface)}.bg-surface-elevated{background-color:#fff;background-color:var(--color-surface-elevated)}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-fit{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-fit{height:-moz-fit-content;height:-webkit-fit-content;height:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.inset-auto{bottom:auto;left:auto;right:auto;top:auto}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.skip-link{background:#6f42c2;background:var(--color-primary);border-radius:0 0 .25rem;border-radius:0 0 var(--radius-sm,4px) 0;color:#fff;font-weight:600;font-weight:var(--font-weight-semibold,600);left:0;padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem);position:absolute;text-decoration:none;top:-40px;transition:top .15s ease;transition:top var(--duration-fast,.2s) ease;z-index:10000;z-index:var(--z-skip-link,10000)}.skip-link:focus{outline:2px solid #d9b23a;outline:2px solid var(--color-accent);outline-offset:2px;top:0}:focus-visible{border-radius:.25rem;border-radius:var(--radius-sm,4px);outline:2px solid #6f42c2;outline:2px solid var(--color-primary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6f42c2;outline:2px solid var(--color-primary);outline-offset:2px}.admin-dashboard{background:var(--color-background);color:#000;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);transition:background-color .2s ease,color .2s ease;transition:background-color var(--duration-normal,.3s) ease,color var(--duration-normal,.3s) ease}.admin-dashboard *{scroll-behavior:smooth}.admin-dashboard[data-loading=true] .admin-container{opacity:.5;pointer-events:none}.admin-dashboard[data-loading=true] .admin-header:after{animation:spin .6s linear infinite;border:2px solid #6f42c2;border:2px solid var(--color-primary);border-radius:50%;border-top:2px solid transparent;content:"";height:20px;position:absolute;right:1rem;right:var(--space-4,1rem);top:50%;transform:translateY(-50%);width:20px}.admin-header{animation:slideDown .2s ease-out;animation:slideDown var(--duration-normal,.3s) ease-out;background:#fff;background:var(--color-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.05));padding-top:max(0,env(safe-area-inset-top));position:-webkit-sticky;position:sticky;top:0;will-change:transform;z-index:100;z-index:var(--z-header,100)}.admin-header-top{align-items:center;display:flex;gap:1rem;gap:var(--space-4,1rem);justify-content:space-between;max-width:100%;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.header-brand{flex:1;gap:.75rem;gap:var(--space-3,.75rem);min-width:0}.brand-icon,.header-brand{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#6f42c2,#d9b23a);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:.75rem;border-radius:var(--radius-lg,12px);box-shadow:0 4px 12px #6b46c140;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.brand-text{flex:1;min-width:0}.brand-title{color:#000;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:700;font-weight:var(--font-weight-bold,700);line-height:1.3;line-height:var(--line-height-tight,1.3);margin:0}.brand-subtitle{color:#1f2937;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs,.75rem);line-height:1.2;line-height:var(--line-height-tight,1.2);margin:0;opacity:.8}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2,.5rem)}.controls-group{background:#f3f4f6;background:var(--color-surface-hover);border-radius:.5rem;border-radius:var(--radius-md,10px);gap:.25rem;gap:var(--space-1,.25rem);padding:.25rem;padding:var(--space-1,.25rem)}.control-btn,.controls-group{align-items:center;display:flex}.control-btn{background:transparent;border:none;border-radius:.5rem;border-radius:var(--radius-md,8px);color:#1f2937;color:var(--color-text-secondary);cursor:pointer;height:36px;justify-content:center;position:relative;transition:all .15s ease;transition:all var(--duration-fast,.2s) ease;width:36px}.control-btn:hover{background:#fff;background:var(--color-surface);color:#6f42c2;color:var(--color-primary);transform:translateY(-1px)}.control-btn:active{transform:translateY(0)}.control-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.control-btn.active-ar,.control-btn.active-en,.control-btn.active-theme{background:#6f42c2;background:var(--color-primary);color:#fff}.control-btn.active-ar:after,.control-btn.active-en:after{background:#6f42c2;background:var(--color-primary);border-radius:50%;bottom:-2px;content:attr(data-lang);height:4px;left:50%;position:absolute;transform:translate(-50%);width:4px}.logout-btn-new{align-items:center;background:#991b1b;background:var(--color-error);border:none;border-radius:.5rem;border-radius:var(--radius-md,10px);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);height:36px;padding:0 .75rem;padding:0 var(--space-3,.875rem);transition:all .15s ease;transition:all var(--duration-fast,.2s) ease;white-space:nowrap}.logout-btn-new:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.logout-btn-new:active{transform:translateY(0)}.icon-btn{align-items:center;background:#f3f4f6;background:var(--color-surface-hover);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:.5rem;border-radius:var(--radius-md,10px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px rgba(0,0,0,.05));color:#000;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);height:44px;height:var(--touch-target,44px);justify-content:center;min-width:44px;min-width:var(--touch-target,44px);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) cubic-bezier(.4,0,.2,1);white-space:nowrap}.icon-btn:hover{background:#6f42c2;background:var(--color-primary);border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 4px 12px #6b46c14d;color:#fff;transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.icon-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-label{align-items:center;display:inline-flex}.spinning{animation:spin 1s linear infinite}.header-buttons{flex-shrink:0;gap:.5rem;gap:var(--space-2,.5rem)}.header-buttons,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:#f3f4f6;background:var(--color-surface-hover);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:50%;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px rgba(0,0,0,.05));color:#6f42c2;color:var(--color-primary);cursor:pointer;font-size:1.25rem;font-size:var(--font-size-xl,1.5rem);height:48px;justify-content:center;padding:0;touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) cubic-bezier(.4,0,.2,1);width:48px}@media (hover:hover) and (pointer:fine){.refresh-btn:hover{background:#6f42c2;background:var(--color-primary);box-shadow:0 4px 12px #6b46c14d;color:#fff;transform:scale(1.1) rotate(90deg)}}.refresh-btn:active{transform:scale(.95) rotate(180deg)}.refresh-btn:disabled{animation:spin 1s linear infinite;opacity:.5}.logout-btn{align-items:center;background:#991b1b;background:var(--btn-error-bg,var(--color-error));border:none;border-radius:.75rem;border-radius:var(--radius-lg,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 2px 4px rgba(0,0,0,.1));color:#fff;cursor:pointer;display:flex;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);min-height:44px;min-height:var(--touch-target,44px);padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) cubic-bezier(.4,0,.2,1);white-space:nowrap}.logout-btn svg{flex-shrink:0}@media (hover:hover) and (pointer:fine){.logout-btn:hover{background:#7f1d1d;background:var(--btn-error-hover,#dc2626);box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px) scale(1.02)}}.logout-btn:active{transform:scale(.96)}.unsaved-indicator{align-items:center;animation:pulse 2s ease-in-out infinite,slideDown .2s ease;animation:pulse 2s ease-in-out infinite,slideDown var(--duration-normal,.3s) ease;background:linear-gradient(135deg,#ff9500,#ff6b00);box-shadow:0 2px 8px #ff95004d;color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.8125rem);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;margin-top:-1px;padding:.5rem 1rem;padding:var(--space-2,.625rem) var(--space-4,1rem);text-align:center}.unsaved-indicator svg{animation:wiggle 1s ease-in-out infinite;flex-shrink:0}.offline-indicator{align-items:center;animation:slideDown .2s ease;animation:slideDown var(--duration-normal,.3s) ease;background:linear-gradient(135deg,#991b1b,#dc2626);background:linear-gradient(135deg,var(--color-error),#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.8125rem);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.5rem;gap:var(--space-2,.5rem);justify-content:center;margin-top:-1px;padding:.5rem 1rem;padding:var(--space-2,.625rem) var(--space-4,1rem);text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.admin-container{margin:0 auto;max-width:1400px;padding:1.5rem;padding:var(--space-6,1.5rem)}@media (min-width:1024px){.admin-container{max-width:1600px;padding:2.5rem 3rem;padding:var(--space-10,2.5rem) var(--space-12,3rem)}}@media (min-width:1440px){.admin-container{max-width:1800px;padding:3rem 4rem;padding:var(--space-12,3rem) var(--space-16,4rem)}}.admin-tabs{background:#f3f4f6;background:var(--color-background);border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--color-border-medium);margin-bottom:2rem;margin-bottom:var(--space-8,2rem);overflow-x:auto;padding-bottom:0;position:-webkit-sticky;position:sticky;top:calc(80px + env(safe-area-inset-top));z-index:1100;z-index:var(--z-sticky,50);-webkit-overflow-scrolling:touch;animation:fadeIn .3s ease;animation:fadeIn var(--duration-slow,.5s) ease;scroll-snap-type:x proximity}.admin-tabs,.tab-btn{display:flex;gap:.5rem;gap:var(--space-2,.5rem)}.tab-btn{align-items:center;border-bottom:3px solid transparent;color:#1f2937;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,.9375rem);font-weight:var(--font-weight-semibold,600);padding:1rem 1.5rem;padding:var(--space-4,1rem) var(--space-6,1.5rem);scroll-snap-align:start;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-btn,.tab-btn svg{flex-shrink:0}.tab-btn:after{background:#6f42c2;background:var(--color-primary);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-normal,.3s) cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.tab-btn:hover{background:#f3f4f6;background:var(--color-surface-hover);color:#6f42c2;color:var(--color-primary)}.tab-btn:hover:after{transform:scaleX(.5)}}.tab-btn.active{color:#6f42c2;color:var(--color-primary)}.tab-btn.active:after{transform:scaleX(1)}.tab-btn:active{transform:scale(.98)}.section-header{animation:fadeIn .3s ease;animation:fadeIn var(--duration-slow,.5s) ease;border-bottom:3px solid var(--color-border-light);gap:var(--space-4,1rem);margin-bottom:2rem;margin-bottom:var(--space-8,2rem);padding-bottom:1rem;padding-bottom:var(--space-4,1rem)}.section-header:after{animation:expandWidth .3s ease;animation:expandWidth var(--duration-slow,.5s) ease;background:linear-gradient(90deg,#6f42c2,#d9b23a);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:.25rem;border-radius:var(--radius-sm,3px)}@keyframes expandWidth{0%{width:0}to{width:80px}}.section-header h2{color:var(--color-text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--space-3,.75rem)}.section-header-icon{color:#6f42c2;color:var(--color-primary);flex-shrink:0}.section-header h2:before{background:linear-gradient(180deg,#6f42c2,#d9b23a);background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:.25rem;border-radius:var(--radius-sm);content:"";height:2rem;height:var(--space-8,2rem);width:4px}.header-actions{gap:var(--space-3,.75rem)}.category-section{animation:fadeIn .3s ease;animation:fadeIn var(--duration-slow,.5s) ease;background:#fff;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.04));margin-bottom:2.5rem;margin-bottom:var(--space-10,2.5rem);padding:1.5rem;padding:var(--space-6,1.5rem)}[data-theme=dark] .category-section{background:#ffffff05;border-color:#ffffff0f}.category-section h3{align-items:center;border-bottom:3px solid #d1d5db;border-bottom:3px solid var(--color-border-medium);color:#000;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl,1.375rem);font-weight:700;font-weight:var(--font-weight-bold,700);justify-content:space-between;margin-bottom:1.25rem;margin-bottom:var(--space-5,1.25rem);padding-bottom:.75rem;padding-bottom:var(--space-3,.75rem);position:relative}.category-section h3:before{background:linear-gradient(90deg,#6f42c2,#d9b23a);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:.25rem;border-radius:var(--radius-sm,3px);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.search-count{background:#6b46c11a;border-radius:.75rem;border-radius:var(--radius-lg,12px);color:#6f42c2;color:var(--color-primary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem)}.items-container{margin-top:1rem;margin-top:var(--space-4,1rem)}.items-container.grid .sortable-list{display:grid;grid-template-columns:1fr;grid-gap:1rem;grid-gap:var(--space-4,1rem);gap:1rem;gap:var(--space-4,1rem)}@media (min-width:768px){.items-container.grid .sortable-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.items-container.grid .sortable-list{grid-template-columns:repeat(3,1fr)}}.items-container.list .sortable-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem)}.item-card{animation:slideUp .4s ease-out backwards;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.06));contain:layout style paint;overflow:hidden;padding:1rem;padding:var(--space-4,1rem);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) cubic-bezier(.4,0,.2,1)}[data-theme=dark] .item-card{background:#ffffff08;box-shadow:0 2px 8px #0003}.item-card:first-child{animation-delay:.05s}.item-card:nth-child(2){animation-delay:.1s}.item-card:nth-child(3){animation-delay:.15s}.item-card:nth-child(4){animation-delay:.2s}.item-card:nth-child(5){animation-delay:.25s}.item-card:nth-child(6){animation-delay:.3s}.item-card.grid{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem)}.item-card.list{display:grid;grid-template-columns:100px 1fr auto;grid-gap:1rem;grid-gap:var(--space-4,1rem);align-items:center;gap:1rem;gap:var(--space-4,1rem)}.item-card.list .item-img{border-radius:.5rem;border-radius:var(--radius-md,8px);height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.item-card.list .item-details{flex:1}.item-card.list .item-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;gap:var(--space-2,.5rem);justify-content:flex-end}@media (max-width:768px){.item-card.list{gap:.75rem;gap:var(--space-3,.75rem);grid-template-columns:80px 1fr}.item-card.list .item-img{height:80px;width:80px}.item-card.list .item-actions{grid-column:1/-1;margin-top:.5rem;margin-top:var(--space-2,.5rem)}}@media (hover:hover) and (pointer:fine){.item-card:hover{border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 12px 28px rgba(0,0,0,.12));transform:translateY(-4px) scale(1.01)}[data-theme=dark] .item-card:hover{box-shadow:0 12px 28px #0006}}.item-card.unavailable{filter:grayscale(50%);opacity:.6}.item-img{background:#f3f4f6;background:var(--color-surface-hover);border-radius:.5rem;border-radius:var(--radius-md,8px);height:150px;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);-o-object-fit:cover;object-fit:cover;width:100%}.unavailable-badge{align-items:center;background:#991b1b;background:var(--color-error);border-radius:9999px;border-radius:var(--radius-full,20px);color:#fff;display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:.25rem;gap:var(--space-1,.375rem);padding:.25rem .75rem;padding:var(--space-1,.25rem) var(--space-3,.75rem);position:absolute;right:1rem;right:var(--space-4,1rem);top:1rem;top:var(--space-4,1rem);z-index:10}[dir=rtl] .unavailable-badge{left:1rem;left:var(--space-4,1rem);right:auto}.item-details{margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.item-details h4{color:#000;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);margin-bottom:.25rem;margin-bottom:var(--space-1,.25rem)}.item-name-en,.item-name-secondary{color:#1f2937;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.item-price{color:#6f42c2;color:var(--color-primary);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);font-weight:700;font-weight:var(--font-weight-bold,700)}.item-calories{color:#374151;color:var(--color-text-muted);font-size:.875rem;font-size:var(--font-size-sm,.8125rem);margin-left:.5rem;margin-left:var(--space-2,.5rem)}.item-actions{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2,.5rem)}.categories-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;grid-gap:var(--space-4,1rem);gap:1rem;gap:var(--space-4,1rem);list-style:none;margin:0;padding:0}@media (min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}.sortable-categories-container{margin-top:1rem;margin-top:var(--space-4,1rem)}.sort-hint{background:linear-gradient(135deg,#6b46c10d,#a855f70d);border:2px solid rgba(107,70,193,.2);border-left:4px solid #6f42c2;border-left:4px solid var(--color-primary);border-radius:.75rem;border-radius:var(--radius-lg,12px);box-shadow:0 2px 4px #6b46c11a;color:var(--color-text-secondary);font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:.75rem;gap:var(--space-3,.75rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem);padding:var(--space-4,1rem)}.hint-icon{animation:float 3s ease-in-out infinite;color:#6f42c2;color:var(--color-primary);flex-shrink:0}.category-card{animation:slideUp .4s ease-out backwards;background:#fff;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl,16px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.06));contain:layout style paint;padding:1.5rem;padding:var(--space-6,1.5rem);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) cubic-bezier(.4,0,.2,1)}[data-theme=dark] .category-card{background:#ffffff08;border-color:#ffffff14;box-shadow:0 2px 8px #0003}.category-card:first-child{animation-delay:.05s}.category-card:nth-child(2){animation-delay:.1s}.category-card:nth-child(3){animation-delay:.15s}.category-card:nth-child(4){animation-delay:.2s}.category-card:nth-child(5){animation-delay:.25s}.category-card:nth-child(6){animation-delay:.3s}@media (hover:hover) and (pointer:fine){.category-card:hover{border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 12px 28px rgba(0,0,0,.12));transform:translateY(-4px) scale(1.02)}[data-theme=dark] .category-card:hover{box-shadow:0 12px 28px #0006}}.category-icon{font-size:3rem;font-size:var(--font-size-4xl,3rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.category-details h4{color:#000;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.category-name-en,.category-name-secondary{color:#1f2937;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.item-count{color:#374151;color:var(--color-text-muted);display:block;font-size:.875rem;font-size:var(--font-size-sm,.8125rem);margin-top:.5rem;margin-top:var(--space-2,.5rem)}.category-actions{display:flex;gap:.5rem;gap:var(--space-2,.5rem);margin-top:1rem;margin-top:var(--space-4,1rem)}.category-actions .delete-btn,.category-actions .edit-btn{flex:1}.search-container{align-items:center;animation:fadeIn .3s ease;animation:fadeIn var(--duration-slow,.5s) ease;display:flex;gap:.75rem;gap:var(--space-3,.75rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);position:relative}.search-icon{color:#374151;color:var(--color-text-muted);left:1rem;left:var(--space-4,1rem);pointer-events:none;position:absolute;z-index:1}[dir=rtl] .search-icon{left:auto;right:1rem;right:var(--space-4,1rem)}.search-input{background:#fff;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#000;color:var(--color-text-primary);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);padding:.75rem 3rem;padding:var(--space-3,.875rem) var(--space-12,3rem);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) var(--ease-in-out,ease);width:100%}[dir=ltr] .search-input,[dir=rtl] .search-input{padding-left:3rem;padding-left:var(--space-12,3rem);padding-right:3rem;padding-right:var(--space-12,3rem)}.search-input:focus{border-color:#6f42c2;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b46c11a,0 2px 8px #00000014;outline:none;transform:translateY(-1px)}.search-input::-moz-placeholder{color:#374151;color:var(--color-text-muted)}.search-input::placeholder{color:#374151;color:var(--color-text-muted)}.clear-search{align-items:center;background:#374151;background:var(--color-text-muted);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;right:var(--space-3,.75rem);top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-normal,.25s) var(--ease-in-out,ease);width:32px}[dir=rtl] .clear-search{left:.75rem;left:var(--space-3,.75rem);right:auto}@media (hover:hover) and (pointer:fine){.clear-search:hover{background:#6f42c2;background:var(--color-primary);transform:translateY(-50%) scale(1.1) rotate(90deg)}}.clear-search:active{transform:translateY(-50%) scale(.9)}.empty-state{animation:fadeIn .3s ease;animation:fadeIn var(--duration-slow,.5s) ease;color:#374151;color:var(--color-text-muted);padding:4rem 2rem;padding:var(--space-16,4rem) var(--space-8,2rem);text-align:center}.empty-state:before{animation:float 3s ease-in-out infinite;content:"📭";display:block;filter:grayscale(.3);font-size:5rem;font-size:var(--font-size-5xl,5rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.empty-state h4{color:#1f2937;color:var(--color-text-secondary);font-size:1.5rem;font-size:var(--font-size-2xl,1.5rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.empty-state p{color:#374151;color:var(--color-text-muted);font-size:1rem;font-size:var(--font-size-base,1rem);line-height:1.6;line-height:var(--line-height-relaxed,1.6)}.loading-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000;z-index:var(--z-modal,1000)}.loading-spinner{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl,16px);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl,0 8px 32px var(--shadow));padding:var(--space-8,2rem);text-align:center}.spinner{border:4px solid #f3f4f6;border-top-color:#6f42c2;border:4px solid var(--color-surface-hover);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin:0 auto 1rem;margin:0 auto var(--space-4,1rem);width:50px}.loading-spinner p{color:#000;color:var(--color-text-primary);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.skeleton{animation:shimmerSkeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#fff 50%,#f3f4f6);background:linear-gradient(90deg,var(--color-surface-hover) 0,var(--color-surface) 50%,var(--color-surface-hover) 100%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md,8px)}@keyframes shimmerSkeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{animation:fadeIn .2s ease;animation:fadeIn var(--duration-normal,.3s) ease;background:#fff;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl,16px);padding:1.75rem;padding:var(--space-7,1.75rem)}.skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.skeleton-icon{border-radius:.75rem;border-radius:var(--radius-lg,12px);height:48px;width:48px}.skeleton-text{height:20px;margin-bottom:.5rem;margin-bottom:var(--space-2,.5rem)}.skeleton-text.large{height:36px;width:60%}.skeleton-text.medium{height:24px;width:40%}.skeleton-text.small{height:16px;width:80%}.skeleton-image{border-radius:.5rem;border-radius:var(--radius-md,8px);height:150px;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);width:100%}.skeleton-button{border-radius:.5rem;border-radius:var(--radius-md,10px);height:44px;height:var(--touch-target,44px)}@media (max-width:640px){.admin-header-top{padding:.5rem .75rem;padding:var(--space-2,.625rem) var(--space-3,.875rem)}.brand-icon{height:36px;width:36px}.brand-title{font-size:1rem;font-size:var(--font-size-base,1rem)}.brand-subtitle{font-size:.6875rem;font-size:var(--font-size-xs,.6875rem)}.logout-text{display:none}.logout-btn-new{height:36px;justify-content:center;padding:0;width:36px}.controls-group{gap:0;gap:var(--space-0,.125rem);padding:0;padding:var(--space-0,.1875rem)}.control-btn{height:32px;width:32px}.section-header{align-items:stretch;flex-direction:column}.header-actions{width:100%}.add-btn,.bulk-add-btn,.save-btn{flex:1;min-height:52px;padding:1rem 1.25rem;padding:var(--space-4,1rem) var(--space-5,1.25rem)}.icon-btn .btn-label,.view-btn .view-label{display:none}.icon-btn{min-width:48px;padding:.5rem;padding:var(--space-2,.5rem)}.bulk-actions-bar{bottom:calc(1rem + env(safe-area-inset-bottom));bottom:calc(var(--space-4, 1rem) + env(safe-area-inset-bottom));flex-direction:column;left:1rem;left:var(--space-4,1rem);right:1rem;right:var(--space-4,1rem);transform:none}.bulk-actions-buttons{flex-direction:column;width:100%}.bulk-action-btn{justify-content:center;width:100%}.item-card{padding:1.25rem;padding:var(--space-5,1.25rem)}.category-card{padding:1.75rem;padding:var(--space-7,1.75rem)}.availability-btn,.delete-btn,.edit-btn{font-size:1rem;font-size:var(--font-size-base,1rem);min-height:52px;padding:1rem 1.25rem;padding:var(--space-4,1rem) var(--space-5,1.25rem)}.offline-indicator,.unsaved-indicator{font-size:.75rem;font-size:var(--font-size-xs,.75rem);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem)}}@media (hover:none) and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root{--shadow-none:none;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03);--shadow-md:0 4px 12px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 8px 24px rgba(0,0,0,.15),0 4px 8px rgba(0,0,0,.1);--shadow-xl:0 12px 40px rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.15);--shadow-2xl:0 24px 48px rgba(0,0,0,.2),0 12px 24px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);--shadow-3xl:0 32px 64px rgba(0,0,0,.3),0 16px 32px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1);--shadow-primary-sm:0 4px 12px rgba(107,70,193,.3);--shadow-primary-md:0 6px 20px rgba(107,70,193,.4);--shadow-primary-lg:0 8px 24px rgba(107,70,193,.35),0 4px 12px rgba(0,0,0,.15),inset 0 -2px 8px rgba(0,0,0,.1);--shadow-accent-sm:0 4px 16px rgba(212,175,55,.3);--shadow-accent-md:0 2px 8px rgba(0,0,0,.2),0 4px 16px rgba(212,175,55,.4);--shadow-accent-lg:0 4px 12px rgba(0,0,0,.25),0 6px 20px rgba(212,175,55,.6);--shadow-success:0 4px 12px rgba(37,211,102,.4);--shadow-success-lg:0 6px 16px rgba(37,211,102,.5);--shadow-error:0 4px 12px rgba(239,68,68,.3);--shadow-error-lg:0 6px 16px rgba(239,68,68,.4);--shadow-warning:0 4px 12px rgba(245,158,11,.3);--shadow-warning-lg:0 6px 16px rgba(245,158,11,.4);--shadow-info:0 4px 12px rgba(59,130,246,.3);--shadow-info-lg:0 6px 16px rgba(59,130,246,.4);--shadow-inset-sm:inset 0 1px 2px rgba(0,0,0,.1);--shadow-inset-md:inset 0 2px 4px rgba(0,0,0,.15);--shadow-inset-lg:inset 0 4px 8px rgba(0,0,0,.2);--shadow-hover-sm:0 4px 8px rgba(0,0,0,.12);--shadow-hover-md:0 8px 16px rgba(0,0,0,.15);--shadow-hover-lg:0 12px 32px rgba(0,0,0,.2);--shadow-primary-hover:0 8px 20px rgba(107,70,193,.4);--shadow-primary-hover-lg:0 12px 32px rgba(107,70,193,.5),0 6px 16px rgba(0,0,0,.2);--shadow-glow-primary:0 0 20px rgba(107,70,193,.6),0 0 40px rgba(107,70,193,.3);--shadow-glow-accent:0 0 20px rgba(212,175,55,.6),0 0 40px rgba(212,175,55,.3);--shadow-soft-glow:0 0 40px rgba(107,70,193,.15);--shadow-ring-primary:0 0 0 3px rgba(107,70,193,.2);--shadow-ring-accent:0 0 0 3px rgba(212,175,55,.2);--shadow-ring-error:0 0 0 3px rgba(239,68,68,.2)}[data-theme=dark]{--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 8px 24px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3);--shadow-xl:0 12px 40px rgba(0,0,0,.5),0 6px 16px rgba(0,0,0,.4);--shadow-2xl:0 24px 48px rgba(0,0,0,.5),0 12px 24px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.05);--shadow-3xl:0 32px 64px rgba(0,0,0,.6),0 16px 32px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1);--shadow-primary-sm:0 4px 12px rgba(167,139,250,.4);--shadow-primary-md:0 6px 20px rgba(167,139,250,.5);--shadow-primary-lg:0 8px 24px rgba(167,139,250,.45),0 4px 12px rgba(0,0,0,.3),inset 0 -2px 8px rgba(0,0,0,.2);--shadow-primary-hover:0 8px 20px rgba(167,139,250,.5);--shadow-primary-hover-lg:0 12px 32px rgba(167,139,250,.6),0 6px 16px rgba(0,0,0,.4)}.shadow-none{box-shadow:none!important;box-shadow:var(--shadow-none)!important}.shadow-xs{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 24px 48px #0003,0 12px 24px #00000026,0 0 0 1px #0000000d;box-shadow:var(--shadow-2xl)}.shadow-3xl{box-shadow:0 32px 64px #0000004d,0 16px 32px #0003,0 0 0 1px #0000001a;box-shadow:var(--shadow-3xl)}.shadow-primary{box-shadow:0 6px 20px #6b46c166;box-shadow:var(--shadow-primary-md)}.shadow-primary-sm{box-shadow:0 4px 12px #6b46c14d;box-shadow:var(--shadow-primary-sm)}.shadow-primary-lg{box-shadow:0 8px 24px #6b46c159,0 4px 12px #00000026,inset 0 -2px 8px #0000001a;box-shadow:var(--shadow-primary-lg)}.shadow-accent{box-shadow:0 2px 8px #0003,0 4px 16px #d4af3766;box-shadow:var(--shadow-accent-md)}.shadow-accent-sm{box-shadow:0 4px 16px #d4af374d;box-shadow:var(--shadow-accent-sm)}.shadow-accent-lg{box-shadow:0 4px 12px #00000040,0 6px 20px #d4af3799;box-shadow:var(--shadow-accent-lg)}.shadow-success{box-shadow:0 4px 12px #25d36666;box-shadow:var(--shadow-success)}.shadow-error{box-shadow:0 4px 12px #ef44444d;box-shadow:var(--shadow-error)}.shadow-warning{box-shadow:0 4px 12px #f59e0b4d;box-shadow:var(--shadow-warning)}.shadow-info{box-shadow:0 4px 12px #3b82f64d;box-shadow:var(--shadow-info)}.shadow-inset-sm{box-shadow:inset 0 1px 2px #0000001a;box-shadow:var(--shadow-inset-sm)}.shadow-inset-md{box-shadow:inset 0 2px 4px #00000026;box-shadow:var(--shadow-inset-md)}.shadow-inset-lg{box-shadow:inset 0 4px 8px #0003;box-shadow:var(--shadow-inset-lg)}.shadow-hover:hover{box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-hover-md)}.shadow-primary-hover:hover{box-shadow:0 8px 20px #6b46c166;box-shadow:var(--shadow-primary-hover)}.shadow-glow-primary{box-shadow:0 0 20px #6b46c199,0 0 40px #6b46c14d;box-shadow:var(--shadow-glow-primary)}.shadow-glow-accent{box-shadow:0 0 20px #d4af3799,0 0 40px #d4af374d;box-shadow:var(--shadow-glow-accent)}.shadow-soft-glow{box-shadow:0 0 40px #6b46c126;box-shadow:var(--shadow-soft-glow)}.focus-ring-primary:focus{box-shadow:0 0 0 3px #6b46c133;box-shadow:var(--shadow-ring-primary);outline:none}.focus-ring-accent:focus{box-shadow:0 0 0 3px #d4af3733;box-shadow:var(--shadow-ring-accent);outline:none}.focus-ring-error:focus{box-shadow:0 0 0 3px #ef444433;box-shadow:var(--shadow-ring-error);outline:none}.shadow-transition{transition:box-shadow .2s var(--ease-smooth);transition:box-shadow var(--duration-normal) var(--ease-smooth)}.shadow-transition-fast{transition:box-shadow .15s var(--ease-smooth);transition:box-shadow var(--duration-fast) var(--ease-smooth)}.shadow-transition-slow{transition:box-shadow .3s var(--ease-smooth);transition:box-shadow var(--duration-slow) var(--ease-smooth)}:root{--gradient-primary:linear-gradient(135deg,var(--primary),var(--primary-dark));--gradient-primary-light:linear-gradient(135deg,var(--primary-light),var(--primary));--gradient-primary-reverse:linear-gradient(135deg,var(--primary-dark),var(--primary));--gradient-primary-vertical:linear-gradient(180deg,var(--primary),var(--primary-dark));--gradient-primary-horizontal:linear-gradient(90deg,var(--primary),var(--primary-dark));--gradient-accent:linear-gradient(135deg,var(--accent),var(--accent-dark));--gradient-accent-light:linear-gradient(135deg,var(--accent-light),var(--accent));--gradient-accent-vertical:linear-gradient(180deg,var(--accent),var(--accent-dark));--gradient-primary-accent:linear-gradient(135deg,var(--primary),var(--accent));--gradient-accent-primary:linear-gradient(135deg,var(--accent),var(--primary));--gradient-primary-purple:linear-gradient(135deg,var(--primary),var(--color-purple-600));--gradient-surface:linear-gradient(135deg,var(--surface-elevated),var(--surface-hover));--gradient-surface-light:linear-gradient(135deg,var(--background),var(--surface));--gradient-surface-dark:linear-gradient(135deg,var(--surface),var(--surface-hover));--gradient-success:linear-gradient(135deg,var(--success),var(--color-green-700));--gradient-success-light:linear-gradient(135deg,rgba(37,211,102,.1),rgba(34,197,94,.05));--gradient-error:linear-gradient(135deg,var(--error),var(--color-red-600));--gradient-error-light:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.25));--gradient-warning:linear-gradient(135deg,var(--warning),var(--color-amber-600));--gradient-warning-light:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.05));--gradient-info:linear-gradient(135deg,var(--info),var(--color-blue-600));--gradient-info-light:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.05));--gradient-shimmer:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);--gradient-shimmer-gold:linear-gradient(90deg,transparent,#d4af37,transparent);--gradient-rainbow:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);--gradient-overlay-dark:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.6));--gradient-overlay-light:linear-gradient(180deg,hsla(0,0%,100%,.8) 0%,hsla(0,0%,100%,.4));--gradient-overlay-primary:linear-gradient(180deg,rgba(107,70,193,.8) 0%,rgba(107,70,193,.4));--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));--gradient-glass-dark:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.1));--gradient-mesh-purple:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-mesh-blue:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-mesh-sunset:linear-gradient(135deg,#fa709a,#fee140);--gradient-radial-primary:radial-gradient(circle at center,var(--primary) 0%,var(--primary-dark) 100%);--gradient-radial-accent:radial-gradient(circle at center,var(--accent) 0%,var(--accent-dark) 100%);--gradient-radial-glow:radial-gradient(circle at center,rgba(107,70,193,.3) 0%,transparent 70%)}[data-theme=dark]{--gradient-primary:linear-gradient(135deg,var(--primary),var(--color-purple-600));--gradient-overlay-dark:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.8));--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02))}.bg-gradient-primary{background:linear-gradient(135deg,#5b21b6,#4c1d95);background:var(--gradient-primary)}.bg-gradient-primary-light{background:linear-gradient(135deg,#7c3aed,#5b21b6);background:var(--gradient-primary-light)}.bg-gradient-primary-vertical{background:linear-gradient(180deg,#5b21b6,#4c1d95);background:var(--gradient-primary-vertical)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-accent-light{background:var(--gradient-accent-light)}.bg-gradient-primary-accent{background:linear-gradient(135deg,#5b21b6,#92400e);background:var(--gradient-primary-accent)}.bg-gradient-accent-primary{background:linear-gradient(135deg,#92400e,#5b21b6);background:var(--gradient-accent-primary)}.bg-gradient-surface{background:linear-gradient(135deg,#fff,#e5e7eb);background:var(--gradient-surface)}.bg-gradient-surface-light{background:linear-gradient(135deg,#f3f4f6,#fff);background:var(--gradient-surface-light)}.bg-gradient-success{background:linear-gradient(135deg,#065f46,#065f46);background:var(--gradient-success)}.bg-gradient-error{background:linear-gradient(135deg,#991b1b,#dc2626);background:var(--gradient-error)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-info{background:linear-gradient(135deg,#1e40af,#3b82f6);background:var(--gradient-info)}.bg-gradient-overlay-dark{background:linear-gradient(180deg,#0003 0,#0009);background:var(--gradient-overlay-dark)}.bg-gradient-overlay-light{background:linear-gradient(180deg,#fffc 0,#fff6);background:var(--gradient-overlay-light)}.bg-gradient-glass{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--gradient-glass)}.bg-gradient-glass-dark{background:linear-gradient(135deg,#0003,#0000001a);background:var(--gradient-glass-dark)}.bg-gradient-radial-primary{background:radial-gradient(circle at center,#5b21b6 0,#4c1d95);background:var(--gradient-radial-primary)}.bg-gradient-radial-accent{background:var(--gradient-radial-accent)}.bg-gradient-rainbow{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb,#4facfe 75%,#00f2fe);background:var(--gradient-rainbow)}.bg-gradient-mesh-purple{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--gradient-mesh-purple)}.text-gradient-primary{background:linear-gradient(135deg,#5b21b6,#4c1d95);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-rainbow{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb,#4facfe 75%,#00f2fe);background:var(--gradient-rainbow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.gradient-animated{animation:gradient-shift 3s ease infinite;background-size:200% 200%}.gradient-animated-slow{animation:gradient-shift 6s ease infinite;background-size:200% 200%}.gradient-animated-rotate{animation:gradient-rotate 10s linear infinite}.card{transition:all .2s var(--ease-smooth);transition:all var(--duration-normal) var(--ease-smooth)}[data-theme=dark] .card{background:var(--surface-dark);border-color:var(--border-light-dark)}.card--elevated{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 6px 20px #6b46c166;box-shadow:var(--shadow-primary-md);transform:translateY(-4px)}.card--interactive:active{transform:translateY(-2px)}.card--compact{border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.card--large{border-radius:1.5rem;border-radius:var(--radius-2xl);padding:2rem;padding:var(--space-8)}.card--outlined{border:2px solid #d1d5db;border:2px solid var(--border-medium)}.card--outlined:hover{border-color:#5b21b6;border-color:var(--primary)}.card--ghost{background:transparent;border:none}.card--ghost:hover{background:#e5e7eb;background:var(--surface-hover)}.card--horizontal,.card-list .card{align-items:center;display:flex;flex-direction:row;gap:1rem;gap:var(--space-4)}.card--vertical{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.card__image{border-radius:.75rem;border-radius:var(--radius-lg);height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.card--compact .card__image{height:150px}.card--horizontal .card__image,.card-list .card .card__image{flex-shrink:0;height:120px;width:120px}.card__header{align-items:flex-start;display:flex;gap:.75rem;gap:var(--space-3);justify-content:space-between}.card__title{color:#000;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;line-height:1.3;margin:0}.card--compact .card__title{font-size:1.125rem;font-size:var(--text-lg)}.card__description{color:#1f2937;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.6;margin:0}.card--compact .card__description{font-size:.875rem;font-size:var(--text-sm)}.card__meta{flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.card__footer,.card__meta{align-items:center;display:flex}.card__footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);gap:.75rem;gap:var(--space-3);justify-content:space-between;padding-top:1rem;padding-top:var(--space-4)}[data-theme=dark] .card__footer{border-color:var(--border-light-dark)}.card__actions{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.card__badge{align-items:center;background:#fff;background:var(--surface-elevated);border-radius:.25rem;border-radius:var(--radius-sm);color:#1f2937;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.card__badge--primary{background:#5b21b61a;background:var(--color-primary-alpha-10);color:#5b21b6;color:var(--primary)}.card__badge--success{background:#065f461a;background:var(--color-success-alpha-10);color:#065f46;color:var(--success)}.card__badge--error{background:#991b1b1a;background:var(--color-error-alpha-10);color:#991b1b;color:var(--error)}.card__badge--warning{background:#92400e1a;background:var(--color-warning-alpha-10);color:#92400e;color:var(--warning)}.card--loading{opacity:.6;pointer-events:none}.card--loading:after{animation:shimmer 1.5s infinite;background:#fff;background:var(--surface);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 50%,transparent);background:linear-gradient(90deg,transparent 0,var(--white-alpha-10) 50%,transparent 100%);background-size:200% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.card--disabled{filter:grayscale(.5);opacity:.5;pointer-events:none}.card--selected{background:#5b21b60d;background:var(--color-primary-alpha-5);border-color:#5b21b6;border-color:var(--primary);box-shadow:0 0 0 3px #6b46c133;box-shadow:var(--shadow-ring-primary)}.card-grid{display:grid;grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid--compact{gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card-grid--large{gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:640px){.card-grid{gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.card-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}}.card-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.card--product{overflow:hidden;position:relative}.card--product .card__image{border-radius:0;height:240px;margin:-1.5rem;margin:calc(var(--space-6)*-1);margin-bottom:1rem;margin-bottom:var(--space-4)}.card--product .card__price{color:#5b21b6;color:var(--primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700}.card--profile{text-align:center}.card--profile .card__image{border-radius:50%;height:100px;margin:0 auto 1rem;margin:0 auto var(--space-4);width:100px}.card--stat .card__value{color:#5b21b6;color:var(--primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin:0}.card--stat .card__label{color:#1f2937;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase}.card--stat .card__trend{align-items:center;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.25rem;gap:var(--space-1)}.card--stat .card__trend--up{color:#065f46;color:var(--success)}.card--stat .card__trend--down{color:#991b1b;color:var(--error)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-grid .card{animation:cardSlideIn .2s var(--ease-smooth) both;animation:cardSlideIn var(--duration-normal) var(--ease-smooth) both}.card-grid .card:first-child{animation-delay:.05s}.card-grid .card:nth-child(2){animation-delay:.1s}.card-grid .card:nth-child(3){animation-delay:.15s}.card-grid .card:nth-child(4){animation-delay:.2s}.card-grid .card:nth-child(5){animation-delay:.25s}.card-grid .card:nth-child(6){animation-delay:.3s}.card-grid .card:nth-child(7){animation-delay:.35s}.card-grid .card:nth-child(8){animation-delay:.4s}.card-grid .card:nth-child(9){animation-delay:.45s}.card-grid .card:nth-child(10){animation-delay:.5s}.card-grid .card:nth-child(11){animation-delay:.55s}.card-grid .card:nth-child(12){animation-delay:.6s}@media (prefers-reduced-motion:reduce){.card,.card--interactive,.card-grid .card{animation:none!important;transition:opacity .15s ease;transition:opacity var(--duration-fast) ease}}.card--interactive:focus-visible{outline:2px solid #5b21b6;outline:2px solid var(--primary);outline-offset:2px}.social-icon{align-items:center;background:#fff;background:var(--surface-elevated);border-radius:50%;color:#000;color:var(--text-primary);display:inline-flex;height:48px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .2s var(--ease-smooth);transition:all var(--duration-normal) var(--ease-smooth);width:48px}.social-icon svg{height:24px;position:relative;transition:transform .2s var(--ease-smooth);transition:transform var(--duration-normal) var(--ease-smooth);width:24px;z-index:2}.social-icon:before{background:currentColor;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .2s var(--ease-smooth);transition:all var(--duration-normal) var(--ease-smooth)}.social-icon:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.05)}.social-icon:hover:before{opacity:.1;transform:scale(1)}.social-icon:hover svg{transform:scale(1.1)}.social-icon:active{transform:translateY(-2px) scale(1.02)}[data-theme=dark] .social-icon{background:#ffffff1a;background:var(--white-alpha-10)}[data-theme=dark] .social-icon:hover{background:#fff3;background:var(--white-alpha-20)}.social-icon--whatsapp:hover{background:#25d366;background:var(--color-whatsapp);box-shadow:0 8px 24px var(--color-whatsapp-alpha-30);color:#fff}.social-icon--facebook:hover{background:#1877f2;background:var(--color-facebook);box-shadow:0 8px 24px #1877f24d;color:#fff}.social-icon--instagram:hover{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743,#cc2366 75%,#bc1888);box-shadow:0 8px 24px #e4405f4d;color:#fff}.social-icon--twitter:hover{background:#1da1f2;background:var(--color-twitter,#1da1f2);box-shadow:0 8px 24px #1da1f24d;color:#fff}.social-icon--youtube:hover{background:red;background:var(--color-youtube,red);box-shadow:0 8px 24px #ff00004d;color:#fff}.social-icon--tiktok:hover{background:#000;background:var(--color-tiktok);box-shadow:0 8px 24px #0000004d;color:#fff}[data-theme=dark] .social-icon--tiktok:hover{background:#fff;color:#000}.social-icon--snapchat:hover{background:#fffc00;background:var(--color-snapchat,#fffc00);box-shadow:0 8px 24px #fffc004d;color:#000}.social-icon--linkedin:hover{background:#0077b5;box-shadow:0 8px 24px #0077b54d;color:#fff}.social-icon--maps:hover{background:#4285f4;background:var(--color-google-maps);box-shadow:0 8px 24px #34a8534d;color:#fff}.social-icon--sm{height:36px;width:36px}.social-icon--sm svg{height:18px;width:18px}.social-icon--lg{height:56px;width:56px}.social-icon--lg svg{height:28px;width:28px}.social-icon--xl{height:64px;width:64px}.social-icon--xl svg{height:32px;width:32px}.social-icons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3)}.social-icons--centered{justify-content:center}.social-icons--compact{gap:.5rem;gap:var(--space-2)}.social-icons--spaced{gap:1.5rem;gap:var(--space-6)}.social-icons .social-icon{animation:socialFloat 2s ease-in-out infinite}.social-icons .social-icon:first-child{animation-delay:.1s}.social-icons .social-icon:nth-child(2){animation-delay:.2s}.social-icons .social-icon:nth-child(3){animation-delay:.3s}.social-icons .social-icon:nth-child(4){animation-delay:.4s}.social-icons .social-icon:nth-child(5){animation-delay:.5s}.social-icons .social-icon:nth-child(6){animation-delay:.6s}.social-icons .social-icon:nth-child(7){animation-delay:.7s}.social-icons .social-icon:nth-child(8){animation-delay:.8s}.social-icons .social-icon:nth-child(9){animation-delay:.9s}.social-icons .social-icon:nth-child(10){animation-delay:1s}.social-share{align-items:center;background:#fff;background:var(--surface-elevated);border-radius:9999px;border-radius:var(--radius-full);color:#000;color:var(--text-primary);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .2s var(--ease-smooth);transition:all var(--duration-normal) var(--ease-smooth)}.social-share svg{height:20px;width:20px}.social-share:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.social-share--whatsapp:hover{background:#25d366;background:var(--color-whatsapp);color:#fff}.social-share--facebook:hover{background:#1877f2;background:var(--color-facebook);color:#fff}.social-share--twitter:hover{background:#1da1f2;color:#fff}.social-follow{align-items:center;background:#fff;background:var(--surface);border:2px solid #d1d5db;border:2px solid var(--border-medium);border-radius:.75rem;border-radius:var(--radius-lg);color:#000;color:var(--text-primary);display:inline-flex;font-weight:600;gap:.5rem;gap:var(--space-2);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .2s var(--ease-smooth);transition:all var(--duration-normal) var(--ease-smooth)}.social-follow__icon{height:24px;width:24px}.social-follow__count{color:#1f2937;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.social-follow:hover{background:#5b21b60d;background:var(--color-primary-alpha-5);border-color:#5b21b6;border-color:var(--primary);transform:translateY(-2px)}.social-proof{align-items:center;background:#fff;background:var(--surface-elevated);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.social-proof__avatars{display:flex;margin-left:-.25rem;margin-left:calc(var(--space-1)*-1)}.social-proof__avatars img{border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;height:24px;margin-left:-.5rem;margin-left:calc(var(--space-2)*-1);width:24px}.social-proof__avatars img:first-child{margin-left:0}.social-proof__text{color:#1f2937;color:var(--text-secondary);font-weight:500}.footer-social{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);padding:2rem 0;padding:var(--space-8) 0}[data-theme=dark] .footer-social{border-color:var(--border-light-dark)}.footer-social__title{color:#000;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:0}.footer-social__subtitle{color:#1f2937;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);margin:0}@media (max-width:768px){.social-icon{height:44px;width:44px}.social-icon svg{height:22px;width:22px}.social-icons{gap:.5rem;gap:var(--space-2)}}@media (max-width:480px){.social-icon{height:40px;width:40px}.social-icon svg{height:20px;width:20px}.social-icons{gap:.25rem;gap:var(--space-1)}.social-icons .social-icon{animation-duration:1.6s}}@media (prefers-reduced-motion:reduce){.social-icon,.social-icons .social-icon{animation:none!important}.social-icon:hover{transform:none}}.social-follow:focus-visible,.social-icon:focus-visible,.social-share:focus-visible{outline:2px solid #5b21b6;outline:2px solid var(--primary);outline-offset:2px}:root{--form-text:var(--color-text-primary);--form-border:var(--color-border-light);--form-border-hover:var(--color-border-medium);--form-border-focus:var(--color-primary);--form-placeholder:var(--color-text-muted);--form-disabled-bg:var(--color-surface-elevated);--form-disabled-text:var(--color-text-secondary);--form-input-height:44px;--form-input-height-lg:56px;--form-input-padding:.875rem 1rem;--form-input-padding-lg:1.25rem 1.5rem;--form-input-padding-sm:.5rem .75rem;--form-border-radius:12px;--form-border-width:2px;--form-group-gap:.5rem;--form-row-gap:1rem;--form-error:var(--color-error);--form-success:var(--color-success);--form-warning:var(--color-warning)}@media (min-width:768px){:root{--form-input-height:48px;--form-input-padding:1rem 1.25rem;--form-row-gap:1.5rem}}.form-label,label{align-items:center;color:#111827;color:var(--form-text);cursor:pointer;display:flex;font-size:clamp(.9375rem,1vw,1rem);gap:.5rem;line-height:1.5;margin-bottom:var(--form-group-gap);-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-label.required:after,.form-label[required]:after,label.required:after,label[required]:after{color:#dc2626;color:var(--form-error);content:"*";font-weight:700;margin-left:.25rem}.form-label .optional,label .optional{color:#9ca3af;color:var(--form-placeholder);font-size:.875rem;font-weight:400;margin-left:.25rem}.form-label .label-icon,label .label-icon{align-items:center;color:#6f42c2;color:var(--color-primary);display:flex;flex-shrink:0;height:20px;width:20px}.form-label:has(+input:disabled),.form-label:has(+select:disabled),.form-label:has(+textarea:disabled),label:has(+input:disabled),label:has(+select:disabled),label:has(+textarea:disabled){cursor:not-allowed;opacity:.6}.form-control,.form-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--form-bg);border:2px solid #d1d5db;border:var(--form-border-width) solid var(--form-border);border-radius:var(--form-border-radius);box-shadow:0 1px 2px #0000000d;color:#111827;color:var(--form-text);display:block;font-size:clamp(.9375rem,1vw,1rem);font-weight:400;line-height:1.5;min-height:var(--form-input-height);outline:none;padding:var(--form-input-padding);transition:all .25s cubic-bezier(.4,0,.2,1)}@supports (-webkit-touch-callout:none){.form-control,.form-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px;touch-action:manipulation}}.form-control::-moz-placeholder,.form-input::-moz-placeholder,input:not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;color:var(--form-placeholder);opacity:1}.form-control::placeholder,.form-input::placeholder,input:not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,select::placeholder,textarea::placeholder{color:#9ca3af;color:var(--form-placeholder);opacity:1}@media (hover:hover) and (pointer:fine){.form-control:hover:not(:disabled):not(:focus),.form-input:hover:not(:disabled):not(:focus),input:not([type=checkbox]):not([type=radio]):not([type=file]):hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:#9ca3af;border-color:var(--form-border-hover)}}.form-control:focus,.form-input:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{background:#fff;background:var(--form-bg);border-color:#9333ea;border-color:var(--form-border-focus);box-shadow:0 0 0 4px #6b46c11a,0 1px 2px #0000000d}.form-control:active,.form-input:active,input:not([type=checkbox]):not([type=radio]):not([type=file]):active,select:active,textarea:active{transform:scale(.995)}.form-control:disabled,.form-input:disabled,input:not([type=checkbox]):not([type=radio]):not([type=file]):disabled,select:disabled,textarea:disabled{background:#f9fafb;background:var(--form-disabled-bg);border-color:#d1d5db;border-color:var(--form-border);color:#6b7280;color:var(--form-disabled-text);cursor:not-allowed;opacity:.6;pointer-events:none}.form-control[readonly],.form-input[readonly],input:not([type=checkbox]):not([type=radio]):not([type=file])[readonly],select[readonly],textarea[readonly]{background:#f9fafb;background:var(--form-disabled-bg);border-color:#d1d5db;border-color:var(--form-border);cursor:default}@supports (color:color-mix(in lch,red,blue)){.form-control:invalid:not(:focus):not(:-moz-placeholder),.form-input:invalid:not(:focus):not(:-moz-placeholder),input:not([type=checkbox]):not([type=radio]):not([type=file]):invalid:not(:focus):not(:-moz-placeholder),select:invalid:not(:focus):not(:-moz-placeholder),textarea:invalid:not(:focus):not(:-moz-placeholder){background:color-mix(in srgb,var(--form-error) 5%,var(--form-bg))}}.form-control:invalid:not(:focus):not(:-moz-placeholder),.form-input:invalid:not(:focus):not(:-moz-placeholder),input:not([type=checkbox]):not([type=radio]):not([type=file]):invalid:not(:focus):not(:-moz-placeholder),select:invalid:not(:focus):not(:-moz-placeholder),textarea:invalid:not(:focus):not(:-moz-placeholder){background:color-mix(in srgb,#dc2626 5%,#fff);border-color:#dc2626;border-color:var(--form-error)}.form-control.error,.form-control.is-invalid,.form-control:invalid:not(:focus):not(:placeholder-shown),.form-input.error,.form-input.is-invalid,.form-input:invalid:not(:focus):not(:placeholder-shown),input:not([type=checkbox]):not([type=radio]):not([type=file]).error,input:not([type=checkbox]):not([type=radio]):not([type=file]).is-invalid,input:not([type=checkbox]):not([type=radio]):not([type=file]):invalid:not(:focus):not(:placeholder-shown),select.error,select.is-invalid,select:invalid:not(:focus):not(:placeholder-shown),textarea.error,textarea.is-invalid,textarea:invalid:not(:focus):not(:placeholder-shown){background:color-mix(in srgb,#dc2626 5%,#fff);border-color:#dc2626;border-color:var(--form-error)}@supports (color:color-mix(in lch,red,blue)){.form-control:invalid:not(:focus):not(:-moz-placeholder),.form-input:invalid:not(:focus):not(:-moz-placeholder),input:not([type=checkbox]):not([type=radio]):not([type=file]):invalid:not(:focus):not(:-moz-placeholder),select:invalid:not(:focus):not(:-moz-placeholder),textarea:invalid:not(:focus):not(:-moz-placeholder){background:color-mix(in srgb,var(--form-error) 5%,var(--form-bg))}.form-control.error,.form-control.is-invalid,.form-control:invalid:not(:focus):not(:placeholder-shown),.form-input.error,.form-input.is-invalid,.form-input:invalid:not(:focus):not(:placeholder-shown),input:not([type=checkbox]):not([type=radio]):not([type=file]).error,input:not([type=checkbox]):not([type=radio]):not([type=file]).is-invalid,input:not([type=checkbox]):not([type=radio]):not([type=file]):invalid:not(:focus):not(:placeholder-shown),select.error,select.is-invalid,select:invalid:not(:focus):not(:placeholder-shown),textarea.error,textarea.is-invalid,textarea:invalid:not(:focus):not(:placeholder-shown){background:color-mix(in srgb,var(--form-error) 5%,var(--form-bg))}}.form-control:invalid:not(:focus):not(:-moz-placeholder):focus,.form-input:invalid:not(:focus):not(:-moz-placeholder):focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):invalid:not(:focus):not(:-moz-placeholder):focus,select:invalid:not(:focus):not(:-moz-placeholder):focus,textarea:invalid:not(:focus):not(:-moz-placeholder):focus{box-shadow:0 0 0 4px #ef44441a,0 1px 2px #0000000d}.form-control.error:focus,.form-control.is-invalid:focus,.form-control:invalid:not(:focus):not(:placeholder-shown):focus,.form-input.error:focus,.form-input.is-invalid:focus,.form-input:invalid:not(:focus):not(:placeholder-shown):focus,input:not([type=checkbox]):not([type=radio]):not([type=file]).error:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]).is-invalid:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):invalid:not(:focus):not(:placeholder-shown):focus,select.error:focus,select.is-invalid:focus,select:invalid:not(:focus):not(:placeholder-shown):focus,textarea.error:focus,textarea.is-invalid:focus,textarea:invalid:not(:focus):not(:placeholder-shown):focus{box-shadow:0 0 0 4px #ef44441a,0 1px 2px #0000000d}.form-control.is-valid,.form-control.success,.form-input.is-valid,.form-input.success,input:not([type=checkbox]):not([type=radio]):not([type=file]).is-valid,input:not([type=checkbox]):not([type=radio]):not([type=file]).success,select.is-valid,select.success,textarea.is-valid,textarea.success{background:color-mix(in srgb,#16a34a 5%,#fff);border-color:#16a34a;border-color:var(--form-success)}@supports (color:color-mix(in lch,red,blue)){.form-control.is-valid,.form-control.success,.form-input.is-valid,.form-input.success,input:not([type=checkbox]):not([type=radio]):not([type=file]).is-valid,input:not([type=checkbox]):not([type=radio]):not([type=file]).success,select.is-valid,select.success,textarea.is-valid,textarea.success{background:color-mix(in srgb,var(--form-success) 5%,var(--form-bg))}}.form-control.is-valid:focus,.form-control.success:focus,.form-input.is-valid:focus,.form-input.success:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]).is-valid:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]).success:focus,select.is-valid:focus,select.success:focus,textarea.is-valid:focus,textarea.success:focus{box-shadow:0 0 0 4px #22c55e1a,0 1px 2px #0000000d}.form-control.warning,.form-input.warning,input:not([type=checkbox]):not([type=radio]):not([type=file]).warning,select.warning,textarea.warning{background:color-mix(in srgb,#ca8a04 5%,#fff);border-color:#ca8a04;border-color:var(--form-warning)}@supports (color:color-mix(in lch,red,blue)){.form-control.warning,.form-input.warning,input:not([type=checkbox]):not([type=radio]):not([type=file]).warning,select.warning,textarea.warning{background:color-mix(in srgb,var(--form-warning) 5%,var(--form-bg))}}.form-control.warning:focus,.form-input.warning:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]).warning:focus,select.warning:focus,textarea.warning:focus{box-shadow:0 0 0 4px #fb923c1a,0 1px 2px #0000000d}textarea,textarea.form-control,textarea.form-input{font-family:inherit;line-height:1.6;max-height:400px;min-height:120px;resize:vertical}textarea.autosize,textarea.form-control.autosize,textarea.form-input.autosize{overflow:hidden;resize:none}select,select.form-control,select.form-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%236b46c1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:2.75rem}select.form-control[multiple],select.form-input[multiple],select[multiple]{background-image:none;height:auto;min-height:120px;padding-right:1rem}select.form-control[size],select.form-input[size],select[size]{background-image:none;height:auto;padding-right:1rem}select.form-control::-ms-expand,select.form-input::-ms-expand,select::-ms-expand{display:none}.checkbox-group,.form-check,.radio-group{align-items:center;cursor:pointer;display:flex;gap:.75rem;min-height:44px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-group:hover .form-check-input,.checkbox-group:hover input[type=checkbox],.checkbox-group:hover input[type=radio],.form-check:hover .form-check-input,.form-check:hover input[type=checkbox],.form-check:hover input[type=radio],.radio-group:hover .form-check-input,.radio-group:hover input[type=checkbox],.radio-group:hover input[type=radio]{border-color:#9333ea;border-color:var(--form-border-focus)}.form-check-input,input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--form-bg);border:2px solid #d1d5db;border:2px solid var(--form-border);cursor:pointer;flex-shrink:0;height:24px;margin:0;min-height:0;min-height:auto;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}@supports (-webkit-touch-callout:none){.form-check-input,input[type=checkbox],input[type=radio]{height:28px;width:28px}}.form-check-input:focus,input[type=checkbox]:focus,input[type=radio]:focus{border-color:#9333ea;border-color:var(--form-border-focus);box-shadow:0 0 0 4px #6b46c126;outline:none}.form-check-input:disabled,.form-check-input:disabled~.form-check-label,.form-check-input:disabled~label,input[type=checkbox]:disabled,input[type=checkbox]:disabled~.form-check-label,input[type=checkbox]:disabled~label,input[type=radio]:disabled,input[type=radio]:disabled~.form-check-label,input[type=radio]:disabled~label{cursor:not-allowed;opacity:.5}input[type=checkbox]{border-radius:6px}input[type=checkbox]:checked{background:#6f42c2;background:var(--color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 12 4 4 8-8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px;border-color:#6f42c2;border-color:var(--color-primary)}input[type=checkbox]:indeterminate{background:#6f42c2;background:var(--color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='3' d='M6 12h12'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px;border-color:#6f42c2;border-color:var(--color-primary)}input[type=radio]:checked{background:#6f42c2;background:var(--color-primary);border-color:#6f42c2;border-color:var(--color-primary);box-shadow:inset 0 0 0 4px #fff;box-shadow:inset 0 0 0 4px var(--form-bg)}.form-check-label{cursor:pointer;font-weight:500;line-height:1.5;margin:0}.form-switch{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-switch input[type=checkbox]{background:#d1d5db;background:var(--form-border);border:none;border-radius:28px;height:28px;position:relative;transition:background .3s cubic-bezier(.4,0,.2,1);width:52px}.form-switch input[type=checkbox]:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:24px}.form-switch input[type=checkbox]:checked{background:#6f42c2;background:var(--color-primary)}.form-switch input[type=checkbox]:checked:after{transform:translate(24px)}.form-switch input[type=checkbox]:focus{box-shadow:0 0 0 4px #6b46c126}.form-switch input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.form-group{gap:var(--form-group-gap);margin-bottom:var(--form-row-gap);min-width:0}.form-group:last-child{margin-bottom:0}.form-group.form-group-full,.form-group.full-width{grid-column:1/-1}.form-group.inline{align-items:center;flex-direction:row}.form-group.inline label{margin-bottom:0;min-width:120px}.form-group.compact{gap:.25rem;margin-bottom:.75rem}.form-row{display:grid;grid-template-columns:1fr;grid-gap:1rem;grid-gap:var(--form-row-gap);gap:1rem;gap:var(--form-row-gap);width:100%}@media (min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.form-row.cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.form-row.cols-4{grid-template-columns:repeat(4,1fr)}}.form-row.auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.form-row.single{grid-template-columns:1fr}.form-row.compact{gap:.75rem}.form-row.spacious{gap:2rem}.input-group{align-items:stretch}.input-group .form-input,.input-group input,.input-group select{flex:1;min-width:0}.input-group-addon,.input-group-text{align-items:center;background:#f9fafb;background:var(--form-disabled-bg);border:2px solid #d1d5db;border:var(--form-border-width) solid var(--form-border);color:#111827;color:var(--form-text);display:flex;font-size:clamp(.9375rem,1vw,1rem);font-weight:500;padding:.875rem 1rem;padding:var(--form-input-padding);white-space:nowrap}.input-group-prepend .input-group-text{border-radius:12px 0 0 12px;border-radius:var(--form-border-radius) 0 0 var(--form-border-radius);border-right:0}.input-group-append .input-group-text,.input-group-prepend+.form-input,.input-group-prepend+input,.input-group-prepend+select{border-left:0;border-radius:0 12px 12px 0;border-radius:0 var(--form-border-radius) var(--form-border-radius) 0}.input-group .form-input:not(:last-child),.input-group input:not(:last-child),.input-group select:not(:last-child){border-radius:12px 0 0 12px;border-radius:var(--form-border-radius) 0 0 var(--form-border-radius);border-right:0}.form-hint,.form-text,.hint{color:#9ca3af;color:var(--form-placeholder);display:block;font-size:.875rem;line-height:1.5;margin-top:.25rem}.error-text,.form-error,.invalid-feedback{color:#dc2626;color:var(--form-error);display:none;font-size:.875rem;font-weight:500;line-height:1.5;margin-top:.25rem}:invalid:not(:focus):not(:-moz-placeholder)~.error-text,:invalid:not(:focus):not(:-moz-placeholder)~.form-error,:invalid:not(:focus):not(:-moz-placeholder)~.invalid-feedback{display:block}.error~.error-text,.error~.form-error,.error~.invalid-feedback,.is-invalid~.error-text,.is-invalid~.form-error,.is-invalid~.invalid-feedback,:invalid:not(:focus):not(:placeholder-shown)~.error-text,:invalid:not(:focus):not(:placeholder-shown)~.form-error,:invalid:not(:focus):not(:placeholder-shown)~.invalid-feedback{display:block}.form-success,.valid-feedback{color:#16a34a;color:var(--form-success);display:none;font-size:.875rem;font-weight:500;line-height:1.5;margin-top:.25rem}.is-valid~.form-success,.is-valid~.valid-feedback,.success~.form-success,.success~.valid-feedback{display:block}.form-actions{border-top:2px solid #d1d5db;border-top:2px solid var(--form-border);display:flex;flex-direction:column-reverse;gap:1rem;margin-top:2rem;padding-top:2rem}@media (min-width:640px){.form-actions{flex-direction:row;justify-content:flex-end}}@media (max-width:639px){.form-actions .btn,.form-actions button{width:100%}}@media (min-width:640px){.form-actions.left{justify-content:flex-start}.form-actions.center{justify-content:center}.form-actions.between{justify-content:space-between}}.form-control-sm,.form-input-sm,input.sm,select.sm,textarea.sm{border-radius:8px;font-size:.875rem;min-height:36px;min-height:var(--form-input-height-sm);padding:.5rem .75rem;padding:var(--form-input-padding-sm)}.form-control-lg,.form-input-lg,input.lg,select.lg,textarea.lg{border-radius:16px;font-size:1.125rem;min-height:48px;min-height:var(--form-input-height-lg);padding:1.25rem 1.5rem;padding:var(--form-input-padding-lg)}.form-floating input,.form-floating select,.form-floating textarea{padding-bottom:.625rem;padding-top:1.625rem}.form-floating input::-moz-placeholder,.form-floating select::-moz-placeholder,.form-floating textarea::-moz-placeholder{color:transparent}.form-floating input::placeholder,.form-floating select::placeholder,.form-floating textarea::placeholder{color:transparent}.form-floating input:not(:-moz-placeholder)~label,.form-floating select:not(:-moz-placeholder)~label,.form-floating textarea:not(:-moz-placeholder)~label{color:#9333ea;color:var(--form-border-focus);transform:scale(.85) translateY(-.5rem)}.form-floating input:focus~label,.form-floating input:not(:placeholder-shown)~label,.form-floating select:focus~label,.form-floating select:not(:placeholder-shown)~label,.form-floating textarea:focus~label,.form-floating textarea:not(:placeholder-shown)~label{color:#9333ea;color:var(--form-border-focus);transform:scale(.85) translateY(-.5rem)}.form-floating label{left:0;margin:0;padding:1rem 1.25rem;top:0;z-index:1}input[type=file]{padding:.5rem 1rem}input[type=file]::file-selector-button{background:var(--form-disabled-bg);border:2px solid #d1d5db;border:var(--form-border-width) solid var(--form-border);border-radius:8px;color:#111827;color:var(--form-text);margin-right:1rem;padding:.5rem 1rem;transition:all .2s ease}input[type=file]::file-selector-button:hover{background:#9ca3af;background:var(--form-border-hover)}[data-theme=dark]{--form-bg:var(--color-surface-dark,#1e293b);--form-text:var(--color-text-primary-dark,#f1f5f9);--form-border:var(--color-border-light-dark,#334155);--form-border-hover:var(--color-border-medium-dark,#475569);--form-placeholder:var(--color-text-muted-dark,#94a3b8);--form-disabled-bg:var(--color-surface-elevated-dark,#0f172a);--form-disabled-text:var(--color-text-secondary-dark,#cbd5e1)}[dir=rtl] label.required:after{margin-left:0;margin-right:.25rem}[dir=rtl] select{background-position:left 1rem center;padding-left:2.75rem;padding-right:1rem}[dir=rtl] .input-group-prepend .input-group-text{border-left:0;border-radius:0 12px 12px 0;border-radius:0 var(--form-border-radius) var(--form-border-radius) 0;border-right:2px solid #d1d5db;border-right:var(--form-border-width) solid var(--form-border)}[dir=rtl] .input-group-prepend+input,[dir=rtl] .input-group-prepend+select{border-left:2px solid #d1d5db;border-left:var(--form-border-width) solid var(--form-border);border-radius:12px 0 0 12px;border-radius:var(--form-border-radius) 0 0 var(--form-border-radius);border-right:0}@media (prefers-contrast:high){input,input[type=checkbox],input[type=radio],select,textarea{border-width:3px}}@media (prefers-reduced-motion:reduce){input,label,select,textarea{transition-duration:.01ms!important}}:root{--form-bg:var(--color-surface);--form-text:var(--gray-900);--form-border:var(--gray-300);--form-border-hover:var(--gray-400);--form-border-focus:var(--purple-600);--form-placeholder:var(--gray-400);--form-disabled-bg:var(--gray-50);--form-disabled-text:var(--gray-500);--form-ring-color:var(--ring-color-primary);--form-ring-width:var(--ring-width);--form-ring-offset:var(--ring-offset-width-2);--form-error:var(--red-600);--form-error-bg:var(--red-50);--form-error-border:var(--red-500);--form-success:var(--green-600);--form-success-bg:var(--green-50);--form-success-border:var(--green-500);--form-warning:var(--yellow-600);--form-warning-bg:var(--yellow-50);--form-warning-border:var(--yellow-500);--form-input-height-xs:32px;--form-input-height-sm:36px;--form-input-height-md:44px;--form-input-height-lg:48px;--form-input-height-xl:56px}.form-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background:var(--form-bg);border:1px solid #d1d5db;border:1px solid var(--form-border);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;color:#111827;color:var(--form-text);display:block;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.5;min-height:44px;min-height:var(--form-input-height-md);outline:none;padding:.625rem .875rem;transition-duration:.15s;transition-property:color,background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.form-input::-moz-placeholder,input:not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;color:var(--form-placeholder);opacity:1}.form-input::placeholder,input:not([type=checkbox]):not([type=radio]):not([type=file])::placeholder,select::placeholder,textarea::placeholder{color:#9ca3af;color:var(--form-placeholder);opacity:1}@media (hover:hover){.form-input:hover:not(:disabled):not(:focus),input:not([type=checkbox]):not([type=radio]):not([type=file]):hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:#9ca3af;border-color:var(--form-border-hover)}}.form-input:focus,input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{border-color:#9333ea;border-color:var(--form-border-focus);box-shadow:0 0 0 2px #fff,0 0 0 5px #9333ea80,0 1px 2px #0000000d;box-shadow:0 0 0 var(--form-ring-offset) var(--color-surface),0 0 0 calc(var(--form-ring-width) + var(--form-ring-offset)) var(--form-ring-color),0 1px 2px #0000000d;outline:none}.form-input:disabled,input:not([type=checkbox]):not([type=radio]):not([type=file]):disabled,select:disabled,textarea:disabled{background:#f9fafb;background:var(--form-disabled-bg);border-color:#e5e7eb;border-color:var(--gray-200);color:#6b7280;color:var(--form-disabled-text);cursor:not-allowed;opacity:.6}.form-input:-moz-read-only,input:not([type=checkbox]):not([type=radio]):not([type=file]):-moz-read-only,select:-moz-read-only,textarea:-moz-read-only{background:#f9fafb;background:var(--gray-50);cursor:default}.form-input:read-only,input:not([type=checkbox]):not([type=radio]):not([type=file]):read-only,select:read-only,textarea:read-only{background:#f9fafb;background:var(--gray-50);cursor:default}input:invalid:not(:-moz-placeholder){background:#fef2f2;background:var(--form-error-bg);border-color:#ef4444;border-color:var(--form-error-border)}input.error,input:invalid:not(:placeholder-shown),input[aria-invalid=true],select.error,textarea.error{background:#fef2f2;background:var(--form-error-bg);border-color:#ef4444;border-color:var(--form-error-border)}input:invalid:not(:-moz-placeholder):focus{border-color:#dc2626;border-color:var(--form-error);box-shadow:0 0 0 2px #fff,0 0 0 5px #dc262680,0 1px 2px #0000000d;box-shadow:0 0 0 var(--form-ring-offset) var(--color-surface),0 0 0 calc(var(--form-ring-width) + var(--form-ring-offset)) var(--ring-color-error),0 1px 2px #0000000d}input.error:focus,input:invalid:not(:placeholder-shown):focus,input[aria-invalid=true]:focus,select.error:focus,textarea.error:focus{border-color:#dc2626;border-color:var(--form-error);box-shadow:0 0 0 2px #fff,0 0 0 5px #dc262680,0 1px 2px #0000000d;box-shadow:0 0 0 var(--form-ring-offset) var(--color-surface),0 0 0 calc(var(--form-ring-width) + var(--form-ring-offset)) var(--ring-color-error),0 1px 2px #0000000d}input.success,input[aria-invalid=false],select.success,textarea.success{background:#f0fdf4;background:var(--form-success-bg);border-color:#22c55e;border-color:var(--form-success-border)}input.success:focus,input[aria-invalid=false]:focus,select.success:focus,textarea.success:focus{border-color:#16a34a;border-color:var(--form-success);box-shadow:0 0 0 2px #fff,0 0 0 5px #16a34a80,0 1px 2px #0000000d;box-shadow:0 0 0 var(--form-ring-offset) var(--color-surface),0 0 0 calc(var(--form-ring-width) + var(--form-ring-offset)) var(--ring-color-success),0 1px 2px #0000000d}input.warning,select.warning,textarea.warning{background:#fefce8;background:var(--form-warning-bg);border-color:#eab308;border-color:var(--form-warning-border)}input.warning:focus,select.warning:focus,textarea.warning:focus{border-color:#ca8a04;border-color:var(--form-warning);box-shadow:0 0 0 2px #fff,0 0 0 5px #ca8a0480,0 1px 2px #0000000d;box-shadow:0 0 0 var(--form-ring-offset) var(--color-surface),0 0 0 calc(var(--form-ring-width) + var(--form-ring-offset)) var(--ring-color-warning),0 1px 2px #0000000d}.form-group{position:relative}.form-group:has(input:focus) label,.form-group:has(select:focus) label,.form-group:has(textarea:focus) label{color:#6f42c2;color:var(--color-primary)}.form-group:has(input:invalid:not(:-moz-placeholder)) label{color:#dc2626;color:var(--form-error)}.form-group:has(input.error) label,.form-group:has(input:invalid:not(:placeholder-shown)) label,.form-group:has(input[aria-invalid=true]) label{color:#dc2626;color:var(--form-error)}.form-group:has(input.success) label,.form-group:has(input[aria-invalid=false]) label{color:#16a34a;color:var(--form-success)}.input-xs{font-size:.75rem;min-height:32px;min-height:var(--form-input-height-xs);padding:.375rem .625rem}.input-sm{font-size:.875rem;min-height:36px;min-height:var(--form-input-height-sm);padding:.5rem .75rem}.input-lg{font-size:1rem;min-height:48px;min-height:var(--form-input-height-lg);padding:.75rem 1rem}.input-xl{font-size:1.125rem;min-height:56px;min-height:var(--form-input-height-xl);padding:1rem 1.25rem}.input-group{display:flex;width:100%}.input-group input{border-radius:0;flex:1}.input-group input:first-child{border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--radius-md);border-top-left-radius:.5rem;border-top-left-radius:var(--radius-md)}.input-group input:last-child{border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--radius-md);border-top-right-radius:.5rem;border-top-right-radius:var(--radius-md)}.input-group input:not(:first-child){margin-left:-1px}.input-group input:focus{z-index:10}.input-group .input-addon{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #d1d5db;border:1px solid var(--form-border);color:#6b7280;color:var(--gray-500);display:inline-flex;font-size:.875rem;font-weight:400;line-height:1.5;padding:0 .875rem;white-space:nowrap}.input-group .input-addon:first-child{border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--radius-md);border-right:0;border-top-left-radius:.5rem;border-top-left-radius:var(--radius-md)}.input-group .input-addon:last-child{border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--radius-md);border-left:0;border-top-right-radius:.5rem;border-top-right-radius:var(--radius-md)}.form-floating{position:relative}.form-floating input,.form-floating textarea{padding:1rem .875rem .375rem}.form-floating input::-moz-placeholder,.form-floating textarea::-moz-placeholder{color:transparent}.form-floating input::placeholder,.form-floating textarea::placeholder{color:transparent}.form-floating input:not(:-moz-placeholder)~label,.form-floating textarea:not(:-moz-placeholder)~label{color:#6f42c2;color:var(--color-primary);transform:translateY(-.75rem) scale(.85)}.form-floating input:focus~label,.form-floating input:not(:placeholder-shown)~label,.form-floating textarea:focus~label,.form-floating textarea:not(:placeholder-shown)~label{color:#6f42c2;color:var(--color-primary);transform:translateY(-.75rem) scale(.85)}.form-floating label{color:#9ca3af;color:var(--form-placeholder);font-size:.875rem;left:.875rem;pointer-events:none;position:absolute;top:.875rem;transform-origin:0 0;transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=file]{background:#fff;background:var(--form-bg);border:1px solid #d1d5db;border:1px solid var(--form-border);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:block;font-size:.875rem;padding:.625rem .875rem;width:100%}input[type=file]::file-selector-button{background:#f9fafb;background:var(--gray-50);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.25rem;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-weight:500;margin-right:.875rem;padding:.5rem .875rem;transition:all .15s cubic-bezier(.4,0,.2,1)}input[type=file]::file-selector-button:hover{background:#f3f4f6;background:var(--gray-100)}input[type=file]:focus{border-color:#9333ea;border-color:var(--form-border-focus);box-shadow:0 0 0 2px #fff,0 0 0 5px #9333ea80;box-shadow:0 0 0 var(--form-ring-offset) var(--color-surface),0 0 0 calc(var(--form-ring-width) + var(--form-ring-offset)) var(--form-ring-color);outline:none}input[type=checkbox],input[type=radio]{background:#fff;background:var(--form-bg);border:1px solid #d1d5db;border:1px solid var(--form-border);border-radius:.25rem;border-radius:var(--radius-sm);color:#9333ea;color:var(--purple-600);cursor:pointer;height:1rem;transition:all .15s cubic-bezier(.4,0,.2,1);width:1rem}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:0 0 0 3px #9333ea80;box-shadow:0 0 0 3px var(--ring-color-primary);outline:none}input[type=checkbox]:checked,input[type=radio]:checked{background:#9333ea;background:var(--purple-600);border-color:#9333ea;border-color:var(--purple-600)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.5}input[type=radio]{border-radius:50%}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239333ea' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}textarea{min-height:100px;resize:vertical}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.form-error,.form-help-text.error{color:#dc2626;color:var(--form-error)}.form-error,.form-help-text.error,.form-help-text.success,.form-success{align-items:center;display:flex;font-size:.875rem;gap:.375rem;margin-top:.375rem}.form-help-text.success,.form-success{color:#16a34a;color:var(--form-success)}.form-help-text{color:#6b7280;color:var(--gray-500);font-size:.875rem;line-height:1.5;margin-top:.375rem}[data-theme=dark]{--form-bg:var(--gray-800);--form-text:var(--gray-100);--form-border:var(--gray-600);--form-border-hover:var(--gray-500);--form-border-focus:var(--purple-500);--form-placeholder:var(--gray-500);--form-disabled-bg:var(--gray-900);--form-disabled-text:var(--gray-600)}[data-theme=dark] input[type=file]::file-selector-button{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#d1d5db;color:var(--gray-300)}[data-theme=dark] input[type=file]::file-selector-button:hover{background:#4b5563;background:var(--gray-600)}[data-theme=dark] .input-group .input-addon{background:#374151;background:var(--gray-700);border-color:#4b5563;border-color:var(--gray-600);color:#9ca3af;color:var(--gray-400)}.cart-overlay,.editor-overlay,.modal-overlay,.order-overlay{align-items:center;animation:overlayFadeIn .2s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);background:linear-gradient(135deg,#000000b3,#00000080);bottom:0;display:flex;justify-content:center;left:0;opacity:0;overscroll-behavior:contain;padding:1rem;position:fixed;right:0;top:0;z-index:600;z-index:var(--z-modal-overlay,9998);-webkit-overflow-scrolling:touch;cursor:pointer;isolation:isolate;pointer-events:auto;will-change:opacity}@media (min-width:640px){.cart-overlay,.editor-overlay,.modal-overlay,.order-overlay{padding:1.5rem}}@media (min-width:1024px){.cart-overlay,.editor-overlay,.modal-overlay,.order-overlay{padding:2rem}}.bulk-editor-modal,.category-editor-modal,.editor-modal,.item-editor-modal,.modal-container{animation:modalSpringIn .35s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.05s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);backface-visibility:hidden;background:#fffffffa;border:1px solid hsla(0,0%,100%,.8);border-radius:clamp(12px,3vw,24px);box-shadow:0 0 0 1px #0000000d,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 50px -12px #00000014;cursor:default;display:flex;flex-direction:column;max-width:calc(100vw - 2rem);opacity:0;overflow:hidden;pointer-events:auto;position:relative;transform:scale(.95) translateY(20px);transform-style:preserve-3d;width:100%;will-change:transform,opacity}@media (min-width:640px){.bulk-editor-modal,.category-editor-modal,.editor-modal,.item-editor-modal,.modal-container{max-height:90vh;max-height:90dvh;max-width:32rem}}@media (min-width:768px){.bulk-editor-modal,.category-editor-modal,.editor-modal,.item-editor-modal,.modal-container{max-height:85vh;max-height:85dvh;max-width:42rem}}@media (min-width:1024px){.bulk-editor-modal,.category-editor-modal,.editor-modal,.item-editor-modal,.modal-container{max-height:90vh;max-height:90dvh;max-width:56rem}}@media (min-width:1280px){.bulk-editor-modal,.category-editor-modal,.editor-modal,.item-editor-modal,.modal-container{max-width:64rem}}@media (min-width:640px){.bulk-editor-modal.modal-sm,.category-editor-modal.modal-sm,.editor-modal.modal-sm,.item-editor-modal.modal-sm,.modal-container.modal-sm{max-width:24rem}.bulk-editor-modal.modal-md,.category-editor-modal.modal-md,.editor-modal.modal-md,.item-editor-modal.modal-md,.modal-container.modal-md{max-width:28rem}.bulk-editor-modal.modal-lg,.category-editor-modal.modal-lg,.editor-modal.modal-lg,.item-editor-modal.modal-lg,.modal-container.modal-lg{max-width:48rem}.bulk-editor-modal.modal-xl,.category-editor-modal.modal-xl,.editor-modal.modal-xl,.item-editor-modal.modal-xl,.modal-container.modal-xl{max-width:72rem}}.bulk-editor-modal.modal-fullscreen,.category-editor-modal.modal-fullscreen,.editor-modal.modal-fullscreen,.item-editor-modal.modal-fullscreen,.modal-container.modal-fullscreen{border-radius:0;max-height:100vh;max-height:100dvh;max-width:100%}.editor-header,.modal-header{background:linear-gradient(180deg,#ffffffe6 0,#f9fafbe6);border-bottom:1px solid rgba(0,0,0,.06);display:flex;flex-shrink:0;gap:1rem;padding:1.25rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (min-width:640px){.editor-header,.modal-header{padding:1.5rem}}.editor-header,.modal-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.editor-title,.modal-title{align-items:center;color:#111827;display:flex;font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:600;gap:.75rem;line-height:1.5;margin:0}.editor-title .header-icon,.modal-title .header-icon{color:#4f46e5;flex-shrink:0;height:1.5rem;width:1.5rem}.close-btn,.close-modal-btn,.editor-close-btn{align-items:center;background:#fffc;border:none;border-radius:.5rem;color:#9ca3af;cursor:pointer;display:inline-flex;flex-shrink:0;height:2.5rem;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);width:2.5rem}.close-btn:hover,.close-modal-btn:hover,.editor-close-btn:hover{background:#f3f4f6;color:#6b7280;transform:scale(1.05)}.close-btn:active,.close-modal-btn:active,.editor-close-btn:active{background:#e5e7eb;transform:scale(.95)}.close-btn:focus-visible,.close-modal-btn:focus-visible,.editor-close-btn:focus-visible{box-shadow:0 0 0 3px #4f46e580;outline:none}.close-btn svg,.close-modal-btn svg,.editor-close-btn svg{height:1.25rem;width:1.25rem}.editor-content,.modal-body,.modal-content{flex:1;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (min-width:640px){.editor-content,.modal-body,.modal-content{padding:1.5rem}}@media (min-width:1024px){.editor-content,.modal-body,.modal-content{padding:2rem}}.editor-content::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:transparent}.editor-content::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.editor-actions,.modal-actions,.modal-footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(0deg,#f9fafbf2 0,#fffffff2);border-top:1px solid rgba(0,0,0,.06);bottom:0;display:flex;flex-direction:column-reverse;flex-shrink:0;gap:.75rem;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky;z-index:10}@media (min-width:640px){.editor-actions,.modal-actions,.modal-footer{flex-direction:row-reverse;padding:1rem 1.5rem}}.editor-actions button,.modal-actions button,.modal-footer button{width:100%}@media (min-width:640px){.editor-actions button,.modal-actions button,.modal-footer button{min-width:8rem;width:auto}}.save-btn,.submit-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:.5rem;box-shadow:0 1px 2px #0000000d,0 0 0 1px #4f46e51a;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.625rem 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.save-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.save-btn:active:not(:disabled),.submit-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.save-btn:focus-visible,.submit-btn:focus-visible{box-shadow:0 0 0 3px #4f46e580;outline:none}.save-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{align-items:center;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.625rem 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:#f9fafb}.cancel-btn:active{background:#f3f4f6;transform:scale(.98)}.cancel-btn:focus-visible{box-shadow:0 0 0 3px #4f46e580;outline:none}.modal-exit{animation:modalSpringOut .2s cubic-bezier(.4,0,1,1) forwards!important}@keyframes modalSpringOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.overlay-exit{animation:overlayFadeOut .2s ease-out forwards!important}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}[data-theme=dark] .editor-overlay,[data-theme=dark] .modal-overlay{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:linear-gradient(135deg,#000000d9,#111827d9)}[data-theme=dark] .editor-modal,[data-theme=dark] .modal-container{background:#1f2937fa;border-color:#4b556380;box-shadow:0 0 0 1px #ffffff1a,0 20px 25px -5px #0006,0 10px 10px -5px #0003}[data-theme=dark] .editor-header,[data-theme=dark] .modal-header{background:linear-gradient(180deg,#1f2937f2 0,#374151f2);border-bottom-color:#4b556380}[data-theme=dark] .editor-title,[data-theme=dark] .modal-title{color:#f3f4f6}[data-theme=dark] .close-btn,[data-theme=dark] .editor-close-btn{background:#374151cc;color:#9ca3af}[data-theme=dark] .close-btn:hover,[data-theme=dark] .editor-close-btn:hover{background:#4b5563e6;color:#d1d5db}[data-theme=dark] .editor-actions,[data-theme=dark] .modal-footer{background:linear-gradient(0deg,#374151f2 0,#1f2937f2);border-top-color:#4b556380}[data-theme=dark] .cancel-btn{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .cancel-btn:hover{background:#4b5563}[data-theme=dark] .editor-content::-webkit-scrollbar-thumb,[data-theme=dark] .modal-body::-webkit-scrollbar-thumb{background:#4b556380}[data-theme=dark] .editor-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280b3}@media (prefers-reduced-motion:reduce){.editor-modal,.editor-overlay,.modal-container,.modal-overlay{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.editor-modal,.modal-container{border:2px solid}.modal-footer,.modal-header{border-width:2px}}.modal-open{overflow:hidden}.modal-hidden{display:none!important}.is-active{display:flex!important}.editor-overlay,.modal-overlay{animation:modalBackdropFade .25s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);background:#00000080;bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;touch-action:none;z-index:600;z-index:var(--z-modal-overlay)}[data-theme=dark] .editor-overlay,[data-theme=dark] .modal-overlay{background:#000000b3}@media (max-width:640px){.editor-modal,.modal-container{animation:bottomSheetSlideUp .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;background:var(--surface);border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -4px 16px #0000001a,0 -2px 8px #0000000d;left:0;max-height:92vh;overflow-y:auto;position:fixed;right:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.editor-modal:before,.modal-container:before{background:#374151;background:var(--text-muted);border-radius:3px;content:"";display:block;height:5px;left:50%;margin:12px auto 0;opacity:.4;position:-webkit-sticky;position:sticky;top:0;transform:translate(-50%);width:40px;z-index:10}[data-theme=dark] .editor-modal,[data-theme=dark] .modal-container{background:#1c1c1efa;box-shadow:0 -4px 16px #0006,0 -2px 8px #0000004d}@keyframes bottomSheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.editor-header,.modal-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d;margin:0 -1.25rem 1rem;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}[data-theme=dark] .editor-header,[data-theme=dark] .modal-header{background:#1c1c1ef2}.editor-body,.modal-body{padding:0 1.25rem 1.5rem}.editor-footer,.modal-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;background:var(--surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);bottom:0;box-shadow:0 -1px 3px #0000000d;margin:1.5rem -1.25rem 0;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;z-index:10}[data-theme=dark] .editor-footer,[data-theme=dark] .modal-footer{background:#1c1c1ef2}}@media (min-width:641px) and (max-width:1024px){.editor-modal,.modal-container{animation:sideDrawerSlideIn .35s cubic-bezier(.68,-.55,.265,1.55);background:#fff;background:var(--surface);border-radius:0;bottom:0;box-shadow:-4px 0 16px #0000001a,-2px 0 8px #0000000d;max-width:85vw;overflow-y:auto;position:fixed;right:0;top:0;width:480px;-webkit-overflow-scrolling:touch}.editor-modal:before,.modal-container:before{display:none}[data-theme=dark] .editor-modal,[data-theme=dark] .modal-container{background:#1c1c1efa;box-shadow:-4px 0 16px #0006,-2px 0 8px #0000004d}@keyframes sideDrawerSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.editor-header,.modal-header{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.editor-body,.modal-body{padding:2rem}.editor-footer,.modal-footer{background:#fff;background:var(--surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);bottom:0;box-shadow:0 -1px 3px #0000000d;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky}}@media (min-width:1025px) and (max-width:1440px){.editor-modal,.modal-container{animation:modalSpringIn .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 20px 60px #00000026,0 4px 12px #0000001a;left:50%;max-height:85vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:700px}.editor-modal:before,.modal-container:before{display:none}[data-theme=dark] .editor-modal,[data-theme=dark] .modal-container{background:#1c1c1efa;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080,0 4px 12px #0000004d}@keyframes modalSpringIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.editor-header,.modal-header{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);border-radius:20px 20px 0 0;padding:2rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.editor-body,.modal-body{padding:2rem 2.5rem}.editor-footer,.modal-footer{background:#fff;background:var(--surface);border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);bottom:0;padding:1.5rem 2.5rem;position:-webkit-sticky;position:sticky}}@media (min-width:1441px){.editor-modal,.modal-container{animation:modalSpringIn .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;box-shadow:0 24px 80px #0003,0 8px 16px #0000001a;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;left:50%;max-height:90vh;max-width:90vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:900px}.editor-modal:before,.modal-container:before{display:none}[data-theme=dark] .editor-modal,[data-theme=dark] .modal-container{background:#1c1c1efa;border-color:#ffffff1a;box-shadow:0 24px 80px #0009,0 8px 16px #0006}.editor-header,.modal-header{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);border-radius:24px 24px 0 0;padding:2.5rem 3rem}.editor-body,.modal-body{overflow-y:auto;padding:2.5rem 3rem;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;align-content:start;gap:2rem}.editor-body>.form-section-title,.editor-body>.full-width,.editor-body>h3,.editor-body>h4,.modal-body>.form-section-title,.modal-body>.full-width,.modal-body>h3,.modal-body>h4{grid-column:1/-1}.editor-footer,.modal-footer{align-items:center;background:#fff;background:var(--surface);border-radius:0 0 24px 24px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:space-between;padding:2rem 3rem}}.form-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:1fr}@media (min-width:641px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.form-field-full{grid-column:1/-1}@media (min-width:641px){.form-field-half{grid-column:span 1}}.form-group{gap:.625rem}.form-label{align-items:center;display:flex;font-size:.9375rem;gap:.5rem}.form-label.required:after{color:#991b1b;color:var(--error);content:"*";font-size:1.125rem}.form-input,.form-select,.form-textarea{background:#e5e7eb;background:var(--surface-hover);border-radius:12px;font-family:inherit;padding:.875rem 1rem;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:100%}@media (max-width:640px){.form-input,.form-select,.form-textarea{font-size:1.0625rem;min-height:48px}}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;background:var(--surface);box-shadow:0 0 0 3px #6b46c11a,0 2px 8px #6b46c126;transform:translateY(-1px)}.form-input::-moz-placeholder,.form-select::-moz-placeholder,.form-textarea::-moz-placeholder{color:#374151;color:var(--text-muted);opacity:.7}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#374151;color:var(--text-muted);opacity:.7}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#fff;background:var(--surface);cursor:not-allowed;opacity:.6}.form-textarea{line-height:1.6}.form-hint{align-items:flex-start;color:#1f2937;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem;line-height:1.5}.form-hint svg{flex-shrink:0;margin-top:.125rem}.form-error{align-items:center;color:#991b1b;color:var(--error);display:flex;font-size:.8125rem;font-weight:500;gap:.5rem}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width:640px){.quick-actions{flex-direction:column}}.quick-action-btn{align-items:center;background:#e5e7eb;background:var(--surface-hover);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;color:#000;color:var(--text-primary);cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-width:0;padding:.75rem 1.25rem;transition:all .2s cubic-bezier(.25,.46,.45,.94)}@media (max-width:640px){.quick-action-btn{min-height:48px}}.quick-action-btn:hover{background:#5b21b6;background:var(--primary);border-color:#5b21b6;border-color:var(--primary);box-shadow:0 4px 12px #6b46c14d;color:#fff;transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}.quick-action-btn svg{flex-shrink:0}.image-upload-area{background:#e5e7eb;background:var(--surface-hover);border:2px dashed #d1d5db;border:2px dashed var(--border-medium);border-radius:16px;cursor:pointer;grid-column:1/-1;padding:2rem;text-align:center;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.image-upload-area:hover{background:#6b46c10d;border-color:#5b21b6;border-color:var(--primary);transform:translateY(-2px)}.image-upload-area.has-image{border-style:solid;padding:1rem}.image-upload-area.has-image img{border-radius:12px;height:200px;margin-bottom:1rem;-o-object-fit:cover;object-fit:cover;width:100%}.upload-placeholder{align-items:center;color:#1f2937;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem}.upload-placeholder svg{color:#5b21b6;color:var(--primary);height:48px;opacity:.7;width:48px}.upload-placeholder .upload-text{color:#000;color:var(--text-primary);font-size:1rem;font-weight:600}.upload-placeholder .upload-hint{font-size:.875rem;opacity:.8}.modal-close-btn{align-items:center;background:#e5e7eb;background:var(--surface-hover);border:none;border-radius:10px;color:#1f2937;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px}.modal-close-btn:hover{background:#991b1b;background:var(--error);color:#fff;transform:rotate(90deg)}.modal-close-btn:active{transform:rotate(90deg) scale(.95)}[dir=rtl] .modal-close-btn{left:1rem;right:auto}.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}@media (max-width:640px){.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.modal-action-danger,.modal-action-primary,.modal-action-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;min-height:48px;padding:.875rem 2rem;transition:all .25s cubic-bezier(.68,-.55,.265,1.55)}.modal-action-danger:disabled,.modal-action-primary:disabled,.modal-action-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.modal-action-danger:not(:disabled):active,.modal-action-primary:not(:disabled):active,.modal-action-secondary:not(:disabled):active{transform:scale(.96)}.modal-action-primary{background:linear-gradient(135deg,#5b21b6,#7e22ce);background:linear-gradient(135deg,var(--primary),var(--purple-700));box-shadow:0 4px 12px #6b46c14d;color:#fff}.modal-action-primary:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#5b21b6);background:linear-gradient(135deg,var(--purple-500),var(--primary));box-shadow:0 8px 20px #6b46c166;transform:translateY(-2px)}.modal-action-secondary{background:#e5e7eb;background:var(--surface-hover);border:2px solid #d1d5db;border:2px solid var(--border-medium);color:#000;color:var(--text-primary)}.modal-action-secondary:hover:not(:disabled){background:#fff;background:var(--surface);border-color:#5b21b6;border-color:var(--primary);color:#5b21b6;color:var(--primary)}.modal-action-danger{background:linear-gradient(135deg,#991b1b,#dc2626);background:linear-gradient(135deg,var(--error),var(--color-red-600));box-shadow:0 4px 12px #ef44444d;color:#fff}.modal-action-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#991b1b);background:linear-gradient(135deg,var(--color-red-500),var(--error));box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.modal-loading{opacity:.6;pointer-events:none;position:relative}.modal-loading:after{animation:spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.editor-modal,.modal-container{contain:layout style paint;transform:translateZ(0);will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.editor-modal,.editor-overlay,.modal-container,.modal-overlay{animation-duration:.01ms!important;transition-duration:.01ms!important}}.fab-container{align-items:flex-end;bottom:2rem;display:flex;flex-direction:column-reverse;gap:1rem;position:fixed;right:2rem;z-index:300;z-index:var(--z-fab)}@media (max-width:640px){.fab-container{bottom:calc(1.5rem + env(safe-area-inset-bottom));right:1.5rem}}.fab-main{align-items:center;animation:fabEntrance .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#5b21b6,#7e22ce);background:linear-gradient(135deg,var(--primary),var(--purple-700));border:none;border-radius:50%;box-shadow:0 8px 24px #6b46c166,0 2px 8px #6b46c133;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:64px}.fab-main:before{background:linear-gradient(135deg,#7e22ce,#5b21b6);background:linear-gradient(135deg,var(--purple-700),var(--primary));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.fab-main svg{position:relative;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.fab-main:hover{box-shadow:0 12px 32px #6b46c199,0 4px 12px #6b46c14d;transform:scale(1.1) rotate(90deg)}.fab-main:hover:before{opacity:1}.fab-main:active{transform:scale(.95)}.fab-main.open svg{transform:rotate(45deg)}@media (max-width:640px){.fab-main{font-size:1.25rem;height:56px;width:56px}}@keyframes fabEntrance{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.fab-actions{display:flex;flex-direction:column-reverse;gap:.75rem;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.fab-actions.open{max-height:400px}.fab-action{align-items:center;animation:fabActionEntrance .3s cubic-bezier(.68,-.55,.265,1.55) forwards;display:flex;gap:1rem;opacity:0;transform:scale(.8) translateY(20px)}.fab-action:first-child{animation-delay:.05s}.fab-action:nth-child(2){animation-delay:.1s}.fab-action:nth-child(3){animation-delay:.15s}.fab-action:nth-child(4){animation-delay:.2s}.fab-action:nth-child(5){animation-delay:.25s}@keyframes fabActionEntrance{to{opacity:1;transform:scale(1) translateY(0)}}.fab-action-btn{align-items:center;background:#fff;background:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;color:#000;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:56px;justify-content:center;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);width:56px}.fab-action-btn:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 6px 16px #6b46c14d,0 2px 6px #6b46c133;color:#5b21b6;color:var(--primary);transform:scale(1.15)}.fab-action-btn:active{transform:scale(.9)}@media (max-width:640px){.fab-action-btn{font-size:1.125rem;height:48px;width:48px}}[data-theme=dark] .fab-action-btn{background:#ffffff14;border-color:#ffffff26}.fab-action-label{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;color:#000;color:var(--text-primary);font-size:.875rem;font-weight:600;padding:.625rem 1rem;white-space:nowrap}@media (max-width:640px){.fab-action-label{display:none}}[data-theme=dark] .fab-action-label{background:#1c1c1ef2;border-color:#ffffff1a}.shortcuts-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:600;z-index:var(--z-modal-overlay)}.shortcuts-panel{animation:slideUp .3s cubic-bezier(.68,-.55,.265,1.55);background:#fff;background:var(--surface);border-radius:20px;box-shadow:0 20px 60px #0000004d,0 4px 12px #0003;cursor:default;max-height:85vh;max-width:700px;overflow-y:auto;width:100%}@media (max-width:640px){.shortcuts-panel{border-radius:24px 24px 0 0;bottom:0;max-height:90vh;position:fixed}}[data-theme=dark] .shortcuts-panel{background:#1c1c1efa;box-shadow:0 20px 60px #0009,0 4px 12px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.shortcuts-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:2rem 2.5rem;position:relative}.shortcuts-header h2{align-items:center;color:#000;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.shortcuts-header h2 svg{color:#5b21b6;color:var(--primary)}.shortcuts-header p{font-size:.875rem;margin:.5rem 0 0}.shortcuts-close,.shortcuts-header p{color:#1f2937;color:var(--text-secondary)}.shortcuts-close{align-items:center;background:#e5e7eb;background:var(--surface-hover);border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:36px}.shortcuts-close:hover{background:#991b1b;background:var(--error);color:#fff;transform:rotate(90deg)}.shortcuts-body{padding:2rem 2.5rem}.shortcuts-section{margin-bottom:2rem}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-section h3{color:#000;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;opacity:.9;text-transform:uppercase}.shortcuts-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{align-items:center;background:#e5e7eb;background:var(--surface-hover);border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:.875rem 1rem;transition:all .2s}.shortcut-item:hover{background:#6b46c114;transform:translate(4px)}[data-theme=dark] .shortcut-item{background:#ffffff0a}[data-theme=dark] .shortcut-item:hover{background:#6b46c126}.shortcut-description{color:#000;color:var(--text-primary);flex:1;font-size:.9375rem;font-weight:500}.shortcut-keys{display:flex;flex-shrink:0;gap:.375rem}.key{align-items:center;background:#fff;background:var(--surface);border:2px solid #d1d5db;border:2px solid var(--border-medium);border-radius:6px;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff1a;color:#000;color:var(--text-primary);display:flex;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8125rem;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 .625rem;text-transform:uppercase}[data-theme=dark] .key{background:#ffffff14;border-color:#ffffff26}.bulk-operations{align-items:center;animation:slideUpBounce .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;background:var(--surface);border:2px solid #5b21b6;border:2px solid var(--primary);border-radius:16px;bottom:2rem;box-shadow:0 12px 40px #6b46c166,0 4px 12px #6b46c133;display:flex;gap:1rem;left:50%;padding:1rem 1.5rem;position:fixed;transform:translate(-50%);z-index:300;z-index:var(--z-fab)}@media (max-width:640px){.bulk-operations{bottom:calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;left:1rem;right:1rem;transform:none}}[data-theme=dark] .bulk-operations{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1c1c1ef2}@keyframes slideUpBounce{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%)}}.bulk-count{background:#6b46c11a;border-radius:8px;color:#5b21b6;color:var(--primary);font-size:1rem;font-weight:700;padding:.5rem 1rem;white-space:nowrap}@media (max-width:640px){.bulk-count{text-align:center;width:100%}}.bulk-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width:640px){.bulk-actions{flex-direction:column;width:100%}}.bulk-action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;min-height:44px;padding:.75rem 1.25rem;transition:all .25s cubic-bezier(.68,-.55,.265,1.55)}.bulk-action-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px) scale(1.05)}.bulk-action-btn:active{transform:scale(.95)}.bulk-action-btn.primary{background:linear-gradient(135deg,#5b21b6,#7e22ce);background:linear-gradient(135deg,var(--primary),var(--purple-700));color:#fff}.bulk-action-btn.success{background:linear-gradient(135deg,#065f46,#16a34a);background:linear-gradient(135deg,var(--success),var(--green-600));color:#fff}.bulk-action-btn.danger{background:linear-gradient(135deg,#991b1b,#dc2626);background:linear-gradient(135deg,var(--error),var(--red-600));color:#fff}.bulk-action-btn.secondary{background:#e5e7eb;background:var(--surface-hover);border:2px solid #d1d5db;border:2px solid var(--border-medium);color:#000;color:var(--text-primary)}@media (max-width:640px){.bulk-action-btn{justify-content:center;width:100%}}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.875rem;gap:.875rem;margin:1.5rem 0}@media (max-width:640px){.quick-actions-grid{grid-template-columns:1fr 1fr}}.quick-action-card{align-items:center;background:#e5e7eb;background:var(--surface-hover);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.625rem;min-height:100px;padding:1rem;text-align:center;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.quick-action-card:hover{background:#5b21b6;background:var(--primary);border-color:#5b21b6;border-color:var(--primary);box-shadow:0 8px 20px #6b46c14d;color:#fff;transform:translateY(-4px) scale(1.02)}.quick-action-card:hover svg{transform:scale(1.2)}.quick-action-card:active{transform:scale(.96)}.quick-action-card svg{height:32px;transition:transform .2s;width:32px}.quick-action-card .action-label{font-size:.875rem;font-weight:600}[data-theme=dark] .quick-action-card{background:#ffffff0a}[data-theme=dark] .quick-action-card:hover{background:#5b21b6;background:var(--primary)}.fab-tooltip{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;color:#000;color:var(--text-primary);font-size:.8125rem;font-weight:600;opacity:0;padding:.5rem .875rem;pointer-events:none;right:calc(100% + 1rem);transition:opacity .2s;white-space:nowrap}.fab-tooltip,.fab-tooltip:after{position:absolute;top:50%;transform:translateY(-50%)}.fab-tooltip:after{border:6px solid transparent;border-left:6px solid var(--surface);content:"";left:100%}.fab-action-btn:hover .fab-tooltip{opacity:1}[data-theme=dark] .fab-tooltip{background:#1c1c1ef2;border-color:#ffffff1a}[data-theme=dark] .fab-tooltip:after{border-left-color:#1c1c1ef2}.categories-management,.menu-management,.tab-panel,[role=tabpanel]{animation:tabPanelFadeIn .3s ease;max-width:100%;padding:0;width:100%}@keyframes tabPanelFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-header{align-items:center;border-bottom:3px solid #e5e7eb;border-bottom:3px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 0;position:relative}@media (min-width:768px){.section-header{margin-bottom:2rem;padding:2rem 0}}.section-header h2{align-items:center;color:#000;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}@media (min-width:768px){.section-header h2{font-size:1.5rem}}.section-header h2 .section-header-icon{color:#5b21b6;color:var(--primary);flex-shrink:0}.section-header:after{animation:headerAccentSlide .5s ease;background:linear-gradient(90deg,#5b21b6,transparent);background:linear-gradient(90deg,var(--primary),transparent);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:80px}@keyframes headerAccentSlide{0%{opacity:0;width:0}to{opacity:1;width:80px}}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}@media (min-width:768px){.header-actions{gap:1rem}}.stats-section{margin-bottom:2rem;width:100%}.stats-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}.stat-card{align-items:center;background:var(--surface-elevated);border:2px solid #e5e7eb;border:2px solid var(--border-light);display:flex;gap:1rem;transition:all .3s}@media (min-width:768px){.stat-card{padding:2rem}}.stat-card:hover{border-color:#d1d5db;border-color:var(--border-medium);box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}@media (min-width:768px){.stat-card .stat-icon{height:56px;width:56px}}.stat-card .stat-icon.stat-icon-primary{background:linear-gradient(135deg,#5b21b6,#9333ea);background:linear-gradient(135deg,var(--primary),#9333ea)}.stat-card .stat-icon.stat-icon-accent{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card .stat-icon.stat-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card .stat-icon.stat-icon-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card .stat-content{flex:1;min-width:0}.stat-card .stat-label{color:#1f2937;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.25rem}@media (min-width:768px){.stat-card .stat-label{font-size:1rem}}.stat-card .stat-value{color:#000;color:var(--text-primary);font-size:1.5rem;font-weight:700}@media (min-width:768px){.stat-card .stat-value{font-size:2rem}}.items-container,.sortable-categories-container{max-width:100%;width:100%}.sort-hint{align-items:center;background:#fff;background:var(--surface-elevated);border:2px dashed #e5e7eb;border:2px dashed var(--border-light);border-radius:12px;color:#1f2937;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}@media (min-width:768px){.sort-hint{font-size:1rem;padding:1.25rem}}.sort-hint .hint-icon{color:#5b21b6;color:var(--primary);flex-shrink:0}.view-toggle{background:#fff;background:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;display:flex;gap:.5rem;padding:4px}.view-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#1f2937;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}@media (min-width:768px){.view-btn{font-size:1rem;padding:.625rem 1.25rem}}.view-btn svg{flex-shrink:0}@media (max-width:639px){.view-btn .view-label{display:none}}.view-btn:hover{background:#e5e7eb;background:var(--surface-hover);color:#000;color:var(--text-primary)}.view-btn.active{background:#5b21b6;background:var(--primary);color:#fff}.view-btn:active{transform:scale(.97)}#settings-panel{padding:0}[data-theme=dark] .sort-hint,[data-theme=dark] .stat-card{background:var(--surface-elevated-dark);border-color:var(--border-light-dark)}[data-theme=dark] .view-toggle{background:var(--surface-dark);border-color:var(--border-light-dark)}[data-theme=dark] .view-btn:hover{background:var(--surface-hover-dark)}[dir=rtl] .section-header:after{background:linear-gradient(-90deg,#5b21b6,transparent);background:linear-gradient(-90deg,var(--primary),transparent);left:auto;right:0}[dir=rtl] .stat-card .stat-icon{margin-left:0;margin-right:0}@media (max-width:639px){.section-header{align-items:flex-start;flex-direction:column}.section-header .header-actions{flex-direction:column;width:100%}.section-header .header-actions button{justify-content:center;width:100%}}:root{--primary:#5b21b6;--primary-dark:#4c1d95;--primary-light:#7c3aed;--accent:#92400e;--background:#f3f4f6;--surface:#fff;--surface-elevated:#fff;--surface-hover:#e5e7eb;--text-primary:#000;--text-secondary:#1f2937;--text-muted:#374151;--text-disabled:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-strong:#9ca3af;--success:#065f46;--warning:#92400e;--error:#991b1b;--info:#1e40af;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--z-dropdown:1000;--z-sticky:1100;--z-modal:3000;--z-toast:4000;--touch-target-min:44px;--touch-target-comfortable:56px}[data-theme=dark]{--primary:#a78bfa;--primary-dark:#c4b5fd;--primary-light:#8b5cf6;--accent:#fbbf24;--background:#0a0a0a;--surface:#1a1a1a;--surface-elevated:#262626;--surface-hover:#2d2d2d;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#a3a3a3;--text-disabled:#525252;--border-light:#262626;--border-medium:#404040;--border-strong:#525252;--success:#34d399;--error:#f87171;--info:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0)}.admin-dashboard,body{background:#f3f4f6;background:var(--background)}.admin-dashboard{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;padding:1rem;padding:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:1100;z-index:var(--z-sticky)}.dashboard-title{color:#000;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.dashboard-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.dashboard-tabs{background:#fff;background:var(--surface);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);display:flex;gap:.5rem;gap:var(--space-2);overflow-x:auto;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);-webkit-overflow-scrolling:touch}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-button{background:transparent;border:none;border-bottom:3px solid transparent;color:#374151;color:var(--text-muted);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#e5e7eb;background:var(--surface-hover);color:#000;color:var(--text-primary)}.tab-button.active{border-bottom-color:#5b21b6;border-bottom-color:var(--primary);color:#5b21b6;color:var(--primary)}.dashboard-content{flex:1;margin:0 auto;max-width:1400px;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);width:100%}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#5b21b6;background:var(--primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{background:#4c1d95;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.btn-secondary{background:#e5e7eb;background:var(--surface-hover);border:2px solid #d1d5db;border:2px solid var(--border-medium);color:#000;color:var(--text-primary)}.btn-secondary:hover{background:#fff;background:var(--surface-elevated);border-color:#5b21b6;border-color:var(--primary)}.btn-danger{background:#991b1b;background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-cart-icon,.btn-clear,.btn-close,.btn-header-icon,.btn-icon,.cart-icon,.clear-btn,.close-btn,.header-icon{border-radius:50%;height:44px;height:var(--touch-target-min);padding:0;width:44px;width:var(--touch-target-min)}.card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--space-6);transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.card-header h3{color:#000;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.card-body{color:#1f2937;color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.form-label{color:#000;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#fff;background:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#000;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);min-height:44px;min-height:var(--touch-target-min);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 0 0 3px #6b46c11a;outline:none}.form-textarea{min-height:120px;resize:vertical}.modal-overlay{align-items:flex-end;animation:overlayFadeIn .3s ease;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:700;z-index:var(--z-critical)}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:1}}.modal-sheet{animation:sheetSlideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--surface);border-radius:40px 40px 0 0;box-shadow:0 -60px 120px #0009,0 -40px 80px #00000080;display:flex;flex-direction:column;max-height:98vh;max-width:800px;overflow:hidden;width:100%}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{background:#fff;background:var(--surface);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);padding:1.5rem 1.5rem 1rem;padding:var(--space-6) var(--space-6) var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;text-align:center}.modal-body{flex:1;overflow-y:auto;padding:1.5rem;padding:var(--space-6);-webkit-overflow-scrolling:touch}.modal-footer{background:#fff;background:var(--surface);border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);bottom:0;display:flex;gap:1rem;gap:var(--space-4);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky}.modal-footer .btn{flex:1;font-size:1.125rem;font-size:var(--font-size-lg);min-height:56px;min-height:var(--touch-target-comfortable)}.list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.list-item{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--space-4);min-height:56px;min-height:var(--touch-target-comfortable);padding:1rem;padding:var(--space-4);transition:all .2s ease}.list-item:hover{background:#e5e7eb;background:var(--surface-hover);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.list-item:active{transform:scale(.98)}.list-item-content{flex:1;min-width:0}.list-item-title{color:#000;color:var(--text-primary);font-weight:600}.list-item-subtitle,.list-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-subtitle{color:#374151;color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.text-center{text-align:center}.font-bold{font-weight:700}.hidden{display:none}@media (min-width:768px){.dashboard-content{padding:2rem;padding:var(--space-8)}.modal-sheet{border-radius:24px;max-height:90vh}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #5b21b6;outline:2px solid var(--primary);outline-offset:2px}.admin-dashboard{min-height:100dvh;position:relative}.pull-to-refresh{height:40px;left:50%;pointer-events:none;position:fixed;top:0;transform:translate(-50%) translateY(-100px);transition:transform .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:100;z-index:var(--z-header)}.pull-to-refresh.pulling{transform:translate(-50%) translateY(-40px);transform:translate(-50%) translateY(calc(var(--pull-distance, 0px) - 40px))}.pull-to-refresh.refreshing{transform:translate(-50%) translateY(20px)}.pull-to-refresh-spinner{animation:spin .8s linear infinite;border:3px solid rgba(107,70,193,.2);border-radius:50%;border-top:3px solid var(--primary);height:100%;width:100%}.pull-to-refresh.pulling .pull-to-refresh-spinner{animation:none;transform:rotate(0);transform:rotate(calc(var(--pull-distance, 0)*3deg))}.admin-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;box-shadow:0 3px 6px #0000000a,0 1px 2px #00000014;transition:all .3s cubic-bezier(.25,.46,.45,.94)}[data-theme=dark] .admin-header{background:#1c1c1ed9;box-shadow:0 3px 6px #0003,0 1px 2px #0000004d}.admin-header.scrolled{background:#fffffff2}[data-theme=dark] .admin-header.scrolled{background:#1c1c1ef2}.admin-tabs{background:#e5e7eb;background:var(--surface-hover);border:none;border-radius:12px;box-shadow:inset 0 1px 3px #00000014;display:inline-flex;gap:4px;margin-bottom:1.5rem;padding:4px;position:relative;top:calc(60px + env(safe-area-inset-top))}.tab-btn{background:transparent;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;padding:.625rem 1.25rem;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:1}.tab-btn.active{background:#fff;background:var(--surface);box-shadow:0 2px 4px #00000014,0 1px 2px #0000000d;color:#000;color:var(--text-primary)}.tab-btn:after{display:none}@media (prefers-color-scheme:dark){.admin-tabs{background:#ffffff0d}}.stat-card{background:#fff;background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005;padding:1.5rem;transition:all .35s cubic-bezier(.68,-.55,.265,1.55)}[data-theme=dark] .stat-card{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 2px 8px #0000004d,0 1px 3px #0003}@media (hover:hover) and (pointer:fine){.stat-card:hover{box-shadow:0 12px 24px #00000014,0 4px 8px #0000000a;transform:translateY(-4px) scale(1.02)}[data-theme=dark] .stat-card:hover{box-shadow:0 12px 24px #00000080,0 4px 8px #0000004d}}.stat-card:active{transform:scale(.98);transition:all .1s ease-out}.add-btn,.availability-btn,.bulk-add-btn,.delete-btn,.edit-btn,.save-btn{overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent;border-radius:12px;font-size:1rem;font-weight:600;letter-spacing:-.02em;touch-action:manipulation;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.add-btn:before,.availability-btn:before,.delete-btn:before,.edit-btn:before,.save-btn:before{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1);width:0}.add-btn:active:before,.availability-btn:active:before,.delete-btn:active:before,.edit-btn:active:before,.save-btn:active:before{height:300px;width:300px}.add-btn:active,.availability-btn:active,.delete-btn:active,.edit-btn:active,.save-btn:active{transform:scale(.96)}.item-card{background:#fff;background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 1px 3px #00000008,0 1px 2px #00000005;transform:translateZ(0);transition:all .3s cubic-bezier(.25,.46,.45,.94)}[data-theme=dark] .item-card{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 1px 3px #0003,0 1px 2px #00000026}.item-card{overflow:visible;position:relative}.item-card:active{transform:scale(.98);transition:transform .1s ease-out}.search-container{background:#e5e7eb;background:var(--surface-hover);border:none;border-radius:12px;box-shadow:inset 0 1px 3px #0000000f;padding:.5rem}.search-input{background:transparent;border:none;box-shadow:none;font-size:1.0625rem;letter-spacing:-.01em;padding:.75rem 1rem .75rem 2.75rem}.search-input:focus{background:#fff;background:var(--surface);border-radius:8px;box-shadow:0 0 0 2px #5b21b6,0 2px 8px #6b46c126;box-shadow:0 0 0 2px var(--primary),0 2px 8px #6b46c126}.editor-overlay,.modal-overlay{animation:modalBackdropFade .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(10px) saturate(100%);-webkit-backdrop-filter:blur(10px) saturate(100%);background:#0006}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.editor-modal,.modal-container{border-radius:24px 24px 0 0;bottom:0;left:0;max-height:90vh;position:fixed;right:0;top:auto}.editor-modal:before,.modal-container:before{background:#0000004d;border-radius:3px;content:"";height:5px;left:50%;position:absolute;top:12px;transform:translate(-50%);width:36px;z-index:1}.editor-modal,.modal-container{animation:bottomSheetSlideUp .4s cubic-bezier(.68,-.55,.265,1.55)}}[data-theme=dark] .editor-modal:before,[data-theme=dark] .modal-container:before{background:#ffffff4d}@keyframes bottomSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:769px){.editor-modal,.modal-container{animation:modalSpringIn .4s cubic-bezier(.68,-.55,.265,1.55);border-radius:20px;left:50%;max-height:85vh;position:fixed;top:50%;transform:translate(-50%,-50%)}}@keyframes modalSpringIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ios-toast{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border-radius:14px;box-shadow:0 8px 24px #0000001f,0 2px 6px #00000014;font-size:.9375rem;font-weight:600;left:50%;letter-spacing:-.01em;padding:1rem 1.5rem;position:fixed;top:calc(80px + env(safe-area-inset-top));transform:translate(-50%) translateY(-120px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:4000;z-index:var(--z-toast)}[data-theme=dark] .ios-toast{background:#1c1c1ef2;box-shadow:0 8px 24px #0006,0 2px 6px #0000004d}.ios-toast.show{transform:translate(-50%) translateY(0)}.offline-indicator,.unsaved-indicator{animation:indicatorSlideDown .4s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#ff9500,#ff6b00);box-shadow:0 2px 8px #ff95004d,0 1px 3px #ff950033;font-size:.875rem;font-weight:600;letter-spacing:-.01em;padding:.75rem 1rem}@keyframes indicatorSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.offline-indicator{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d,0 1px 3px #ef444433}.loading-overlay{backdrop-filter:blur(20px) saturate(100%);-webkit-backdrop-filter:blur(20px) saturate(100%);background:#0000004d}.loading-spinner{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:none;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 4px 12px #0003;padding:2rem}[data-theme=dark] .loading-spinner{background:#1c1c1ef2;box-shadow:0 20px 60px #0009,0 4px 12px #0006}.spinner{animation:spin .6s linear infinite;border-color:#5b21b6 rgba(0,0,0,.1) rgba(0,0,0,.1);border-top-color:var(--primary);border-width:3px}.haptic-light{animation:hapticPulse .1s ease-out}.haptic-medium{animation:hapticPulse .15s ease-out}.haptic-heavy{animation:hapticPulse .2s ease-out}@keyframes hapticPulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.admin-header{padding-top:max(.75rem,env(safe-area-inset-top))}.admin-dashboard{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.admin-container{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.admin-dashboard{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth}.category-section,.items-container,.stats-grid{transform:translateZ(0);will-change:transform}.category-card,.item-card{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.context-menu{animation:contextMenuPop .2s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:14px;box-shadow:0 10px 40px #0003,0 2px 6px #0000001a;padding:.5rem;position:fixed;z-index:600;z-index:var(--z-modal-overlay)}[data-theme=dark] .context-menu{background:#1c1c1ef2;box-shadow:0 10px 40px #00000080,0 2px 6px #0000004d}@keyframes contextMenuPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.context-menu-item{align-items:center;border-radius:8px;color:#000;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.0625rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;transition:background .15s ease}.context-menu-item:active{background:#0000000d}[data-theme=dark] .context-menu-item:active{background:#ffffff14}.context-menu-item.destructive{color:#ef4444}@media (max-width:768px){.add-btn,.availability-btn,.delete-btn,.edit-btn,.save-btn{font-size:1.0625rem;min-height:48px;padding:1rem 1.5rem}.category-card,.item-card,.stat-card{padding:1.25rem}}@media (max-width:768px) and (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width:769px) and (max-width:1024px){.admin-container{max-width:900px;padding:2rem}}@media (min-width:1025px){.category-card:hover,.item-card:hover,.stat-card:hover{cursor:pointer}}[data-theme=dark] .admin-dashboard{background:#000}[data-theme=dark] .category-card,[data-theme=dark] .item-card,[data-theme=dark] .stat-card{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .search-container{background:#ffffff14;box-shadow:inset 0 1px 3px #0000004d}.admin-header,.admin-tabs,.category-card,.item-card,.stat-card{contain:layout style paint;will-change:transform,opacity}.admin-header.scrolled{will-change:background,box-shadow}.add-btn,.delete-btn,.edit-btn,.save-btn{transform:translateZ(0)}.editor-header{align-items:center;animation:editorHeaderSlide .6s cubic-bezier(.34,1.56,.64,1) .3s both;background:#fff;background:var(--color-surface);border-bottom:3px solid #e5e7eb;border-bottom:3px solid var(--color-border-light);box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:3000;z-index:var(--z-modal)}@keyframes editorHeaderSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.editor-title{background:linear-gradient(135deg,#6f42c2,#9333ea);background:linear-gradient(135deg,var(--color-primary) 0,#9333ea 100%);-webkit-background-clip:text;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:0;-webkit-text-fill-color:transparent;animation:editorTitlePop .8s cubic-bezier(.34,1.56,.64,1) .4s both;background-clip:text;line-height:1.2}@keyframes editorTitlePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.editor-close-btn{align-items:center;animation:editorCloseRotate .8s cubic-bezier(.34,1.56,.64,1) .5s both;background:#fff;background:var(--color-surface-elevated);border:2px solid #e5e7eb;border:2px solid var(--color-border-light);border-radius:50%;color:#000;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.editor-close-btn:hover{background:#991b1b;background:var(--color-error);border-color:#991b1b;border-color:var(--color-error);box-shadow:0 8px 24px #ef444466;color:#fff;transform:rotate(90deg) scale(1.1)}.editor-close-btn:active{transform:rotate(90deg) scale(.95)}@keyframes editorCloseRotate{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.editor-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:editorContentFade .8s ease-out .6s both;min-height:0;overscroll-behavior:contain;padding:2rem 1.5rem;scroll-behavior:smooth}@keyframes editorContentFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-actions{animation:editorActionsSlide 1s cubic-bezier(.34,1.56,.64,1) .7s both;background:#fff;background:var(--color-surface-elevated);border-top:3px solid #e5e7eb;border-top:3px solid var(--color-border-light);box-shadow:0 -4px 20px #00000014;display:flex;flex-direction:column-reverse;flex-shrink:0;gap:1rem;padding:1.5rem;z-index:10}@media (min-width:640px){.editor-actions{flex-direction:row;justify-content:flex-end}}@media (max-width:639px){.editor-actions button{min-height:48px;width:100%}}@keyframes editorActionsSlide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.editor-modal{border-radius:32px 32px 0 0}.editor-header{padding:1.25rem}.editor-content{padding:1.5rem 1.25rem}.editor-actions{padding:1.25rem}}@media (max-width:480px){.editor-modal{border-radius:24px 24px 0 0;height:100vh;height:100dvh}.editor-header{padding:1rem}.editor-close-btn{height:40px;width:40px}}.spinner{animation:spin .8s linear infinite}.cart-overlay,.order-overlay{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:600;z-index:var(--z-modal-overlay,1100)}[data-theme=dark] .cart-overlay,[data-theme=dark] .order-overlay{background:#000000bf}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-modal,.order-summary-modal{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#f3f4f6;background:var(--background);border-radius:16px;box-shadow:0 12px 40px #00000040,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:calc(100vh - 5.5rem);opacity:1;overflow:hidden;pointer-events:auto;position:fixed;right:1rem;top:4.5rem;transform-origin:top right;transition:opacity .25s ease,transform .25s ease;width:min(420px,100vw - 2rem);z-index:3000;z-index:var(--z-modal,1101)}.cart-modal.cart-hidden{opacity:0;pointer-events:none;transform:scale(.95)}[data-theme=dark] .cart-modal,[data-theme=dark] .order-summary-modal{box-shadow:0 -8px 32px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@media (max-width:768px){.cart-modal,.order-summary-modal{left:.75rem;max-height:calc(100vh - 5.25rem);right:.75rem;width:auto}}@media (max-width:480px){.cart-modal,.order-summary-modal{border-radius:12px;left:.5rem;max-height:calc(100vh - 4.5rem);right:.5rem;top:4rem;width:auto}}.cart-header,.order-summary-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:relative}.cart-header:before,.order-summary-header:before{background:#d1d5db;background:var(--border-medium);border-radius:2px;content:"";height:4px;left:50%;opacity:.6;position:absolute;top:.5rem;transform:translate(-50%);width:40px}.close-modal-btn{align-items:center;background:none;border:none;border-radius:8px;color:#374151;color:var(--text-muted);cursor:pointer;display:flex;height:2.5rem;justify-content:center;padding:.5rem;transition:all .2s ease;width:2.5rem}.close-modal-btn:hover{background:#e5e7eb;background:var(--surface-hover);color:#000;color:var(--text-primary)}.close-modal-btn:active{transform:scale(.95)}.cart-content,.order-summary-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:1rem}.cart-content::-webkit-scrollbar,.order-summary-content::-webkit-scrollbar{width:8px}.cart-content::-webkit-scrollbar-track,.order-summary-content::-webkit-scrollbar-track{background:transparent}.cart-content::-webkit-scrollbar-thumb,.order-summary-content::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-medium);border-radius:4px}.cart-content::-webkit-scrollbar-thumb:hover,.order-summary-content::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--border-strong)}.cart-footer,.order-summary-footer{background:#fff;background:var(--surface-elevated);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);padding:1.25rem 1.5rem}.empty-cart,.empty-order{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:3rem 2rem;text-align:center}.empty-cart-icon,.empty-order-icon{color:#374151;color:var(--text-muted);height:80px;margin-bottom:.5rem;opacity:.5;width:80px}.empty-cart p,.empty-order p{color:#374151;color:var(--text-muted);font-size:.9375rem;margin:0}@media (prefers-reduced-motion:reduce){.cart-modal,.cart-overlay,.order-overlay,.order-summary-modal{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cart-summary,.summary-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:1.25rem 1.5rem}[data-theme=dark] .cart-summary,[data-theme=dark] .summary-card{background:#ffffff08;border-color:#ffffff14}.summary-section{display:flex;flex-direction:column;gap:.875rem}.summary-row{font-size:.9375rem;justify-content:space-between}.summary-label,.summary-row{align-items:center;display:flex}.summary-label{color:#1f2937;color:var(--text-secondary);gap:.5rem}.summary-label svg{color:#374151;color:var(--text-muted);flex-shrink:0}.summary-value{align-items:center;color:#000;color:var(--text-primary);display:flex;font-weight:600;gap:.375rem}.summary-value svg{color:#92400e;color:var(--accent)}.discount-row,.discount-row .summary-label,.discount-row .summary-label svg,.discount-value{color:#065f46;color:var(--success)}.tax-row .summary-label{color:#374151;color:var(--text-muted)}.summary-divider{background:#d1d5db;background:var(--border-medium);height:1px;margin-bottom:1rem;margin-top:1rem}.summary-total-row{align-items:center;background:linear-gradient(135deg,#6b46c10d,#d4af370d);border:1px solid rgba(107,70,193,.1);border-radius:12px;display:flex;justify-content:space-between;margin-top:1rem;padding:.75rem 1rem}[data-theme=dark] .summary-total-row{background:linear-gradient(135deg,#a78bfa14,#fbbf2414);border-color:#a78bfa26}.summary-total-label{color:#000;color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.summary-total-value{align-items:center;color:#5b21b6;color:var(--primary);display:flex;font-size:1.5rem;font-weight:800;gap:.375rem}.summary-total-value svg{color:#92400e;color:var(--accent)}.summary-items-badge{align-items:center;background:#7c3aed;background:var(--primary-light);border-radius:20px;color:#fff;display:inline-flex;font-size:.8125rem;font-weight:700;gap:.375rem;margin-bottom:1rem;padding:.375rem .75rem}.promo-code-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);margin-top:1.5rem;padding-top:1.5rem}.promo-input-group{display:flex;gap:.5rem}.promo-input{background:#fff;background:var(--surface-elevated);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:10px;color:#000;color:var(--text-primary);flex:1;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease}.promo-input:focus{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 0 0 3px #6b46c11a;outline:none}.promo-apply-btn{background:#5b21b6;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding-left:1.25rem;padding-right:1.25rem;transition:all .2s ease}.promo-apply-btn:hover{background:#4c1d95;background:var(--primary-dark);transform:translateY(-1px)}.savings-highlight{align-items:center;animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.2);border-radius:10px;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.savings-highlight svg{color:#065f46;color:var(--success);flex-shrink:0}.savings-text{color:#065f46;color:var(--success);flex:1;font-size:.875rem;font-weight:600}@media (max-width:640px){.summary-total-value{font-size:1.25rem}.summary-total-label{font-size:1rem}}.editor-overlay,.modal-overlay{align-items:center;justify-content:center}.editor-modal,.editor-overlay,.modal,.modal-container,.modal-overlay{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.editor-modal,.modal,.modal-container{flex-direction:column!important;max-height:100vh;max-width:100vw}.form-group,.form-row{display:flex!important;opacity:1!important;visibility:visible!important}.form-row{display:grid!important}.editor-content,.modal-body,form{display:block!important;opacity:1!important;visibility:visible!important}.form-control,.form-input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:#fff!important;background:var(--form-bg,var(--color-surface,var(--surface,#fff)))!important;border:2px solid #d1d5db!important;border:var(--form-border-width,2px) solid var(--form-border,var(--color-border-light,var(--border-light,#e5e7eb)))!important;border-radius:12px;border-radius:var(--form-border-radius,12px);color:#111827!important;color:var(--form-text,var(--color-text-primary,var(--text-primary,#000)))!important;display:block!important;font-family:inherit;font-size:1rem;min-height:44px;min-height:var(--form-input-height,44px);opacity:1!important;padding:.875rem 1rem;padding:var(--form-input-padding,.875rem 1rem);transition:all .2s ease;visibility:visible!important;width:100%}.form-control:focus,.form-input:focus,input:focus,select:focus,textarea:focus{border-color:#9333ea!important;border-color:var(--form-border-focus,var(--color-primary,var(--primary,#5b21b6)))!important;box-shadow:0 0 0 3px #6b46c11a!important;outline:none!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af!important;color:var(--form-placeholder,var(--color-text-muted,var(--text-muted,#9ca3af)))!important;opacity:.7!important}input::placeholder,textarea::placeholder{color:#9ca3af!important;color:var(--form-placeholder,var(--color-text-muted,var(--text-muted,#9ca3af)))!important;opacity:.7!important}.add-btn,.btn,.button,.cancel-btn,.delete-btn,.edit-btn,.editor-close-btn,.save-btn,button{align-items:center;background:#6f42c2;background:var(--color-primary,var(--primary,#5b21b6));border:none;border-radius:12px;color:#fff;cursor:pointer!important;display:inline-flex!important;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;opacity:1!important;padding:.75rem 1.5rem;pointer-events:auto!important;text-decoration:none;transition:all .2s ease;visibility:visible!important}.btn-secondary,.cancel-btn{background:#fff!important;background:var(--color-surface-elevated,var(--surface-elevated,#f3f4f6))!important;border:2px solid #e5e7eb!important;border:2px solid var(--color-border-light,var(--border-light,#e5e7eb))!important;color:#000!important;color:var(--color-text-primary,var(--text-primary,#000))!important}.btn-danger,.delete-btn{background:#991b1b!important;background:var(--color-error,var(--error,#dc2626))!important;color:#fff!important}.btn-primary,.save-btn{background:#6f42c2!important;background:var(--color-primary,var(--primary,#5b21b6))!important;color:#fff!important}.btn:hover,button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn:disabled,button:disabled{cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}.admin-tabs,.tab-list,.tabs{background:#fff;background:var(--color-surface-elevated,var(--surface-elevated,#f3f4f6));border-radius:12px;display:flex!important;gap:.5rem;opacity:1!important;padding:.25rem;visibility:visible!important}.tab,.tab-btn,.tab-button,.tab-item,.tab-pill{align-items:center;background:transparent;border:none;border-radius:10px;color:#1f2937;color:var(--color-text-secondary,var(--text-secondary,#6b7280));cursor:pointer;display:inline-flex!important;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;opacity:1!important;padding:.75rem 1.5rem;transition:all .2s ease;visibility:visible!important}.active.tab-button,.active.tab-item,.active.tab-pill,.tab-btn.active,.tab.active{background:#fff!important;background:var(--color-surface,var(--surface,#fff))!important;box-shadow:0 2px 8px #0000001a;color:#6f42c2!important;color:var(--color-primary,var(--primary,#5b21b6))!important}.admin-container,.admin-dashboard,.admin-header,.categories-management,.category-card,.category-section,.item-card,.items-container,.menu-management,.search-container,.section-header,.stat-card,.stats-grid,.stats-section{display:block!important;opacity:1!important;visibility:visible!important}.admin-header,.category-actions,.editor-actions,.editor-header,.header-actions,.item-actions,.section-header{display:flex!important}.items-container.grid,.stats-grid{display:grid!important}.form-label,label{color:#000;color:var(--color-text-primary,var(--text-primary,#000));display:flex!important;font-size:.9375rem;font-weight:600;margin-bottom:.5rem;opacity:1!important;visibility:visible!important}.editor-header,.modal-header{align-items:center;background:#fff;background:var(--color-surface,var(--surface,#fff));border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border-light,var(--border-light,#e5e7eb));justify-content:space-between}.editor-actions,.editor-footer,.editor-header,.modal-footer,.modal-header{display:flex!important;opacity:1!important;padding:1.5rem;visibility:visible!important}.editor-actions,.editor-footer,.modal-footer{background:#fff;background:var(--color-surface-elevated,var(--surface-elevated,#f3f4f6));border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border-light,var(--border-light,#e5e7eb));gap:1rem}.editor-title,.modal-title,.section-title,h1,h2,h3,h4,h5,h6{color:#000;color:var(--color-text-primary,var(--text-primary,#000));display:block!important;opacity:1!important;visibility:visible!important}.text,p,small,span{color:inherit;display:inline!important}.icon,.lucide,.text,p,small,span,svg{opacity:1!important;visibility:visible!important}.icon,.lucide,svg{display:inline-block!important;flex-shrink:0}@media (max-width:640px){.editor-modal,.modal-container{border-radius:24px 24px 0 0!important;bottom:0!important;left:0!important;max-height:92vh!important;position:fixed!important;right:0!important;top:auto!important;transform:none!important;width:100%!important}}@media (min-width:641px) and (max-width:1024px){.editor-modal,.modal-container{border-radius:0!important;bottom:0!important;left:auto!important;max-width:85vw!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:480px!important}}@media (min-width:1025px){.editor-modal,.modal-container{border-radius:20px!important;bottom:auto!important;left:50%!important;max-height:85vh!important;max-width:90vw!important;position:fixed!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:700px!important}}.editor-overlay,.modal-overlay{z-index:600!important;z-index:var(--z-modal-overlay,600)!important}.editor-modal,.modal,.modal-container{z-index:3000!important;z-index:var(--z-modal,610)!important}[data-theme=dark] .form-input,[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=file]),[data-theme=dark] select,[data-theme=dark] textarea{background:#fff!important;background:var(--color-surface,#1a1a1a)!important;border-color:#e5e7eb!important;border-color:var(--color-border-light,#262626)!important;color:#000!important;color:var(--color-text-primary,#fff)!important}[data-theme=dark] .btn-secondary,[data-theme=dark] .cancel-btn{background:#fff!important;background:var(--color-surface-elevated,#2d2d2d)!important;border-color:#e5e7eb!important;border-color:var(--color-border-light,#404040)!important;color:#000!important;color:var(--color-text-primary,#fff)!important}[data-theme=dark] .editor-actions,[data-theme=dark] .editor-header,[data-theme=dark] .modal-footer,[data-theme=dark] .modal-header{background:#fff!important;background:var(--color-surface,#1a1a1a)!important;border-color:#e5e7eb!important;border-color:var(--color-border-light,#262626)!important}.debug-mode .editor-modal,.debug-mode .editor-overlay,.debug-mode .modal-container,.debug-mode .modal-overlay{animation:none!important;transition:none!important}.image-upload-section{background:#fff;background:var(--surface-elevated);border:2px dashed #e5e7eb;border:2px dashed var(--border-light);border-radius:16px;margin:2rem 0;padding:1.5rem}.image-upload-label{align-items:center;color:#000;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.label-icon{color:#5b21b6;color:var(--primary);flex-shrink:0}.image-upload-dropzone{align-items:center;background:#fff;background:var(--surface);border:3px dashed #e5e7eb;border:3px dashed var(--border-light);border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:200px;transition:all .3s ease}.image-upload-dropzone:hover{background:#fff;background:var(--surface-elevated);border-color:#5b21b6;border-color:var(--primary)}.image-upload-input{display:none}.upload-placeholder{padding:2rem;text-align:center}.upload-icon-large{color:#374151;color:var(--text-muted);display:block;margin:0 auto 1rem}.upload-text-primary{color:#000;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.upload-hint{color:#374151;color:var(--text-muted);font-size:.875rem}.upload-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.upload-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#5b21b6;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.upload-icon-animated{animation:pulse 2s ease-in-out infinite}.image-preview-card{background:#fff;background:var(--surface);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;overflow:hidden;position:relative}.image-preview-card img{display:block;height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain;width:100%}.image-preview-actions{background:#fff;background:var(--surface-elevated);border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);display:flex;gap:.5rem;padding:1rem}.remove-image-btn-new,.replace-image-btn{align-items:center;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.replace-image-btn{background:#fff;background:var(--surface);border-color:#5b21b6;border-color:var(--primary);color:#5b21b6;color:var(--primary)}.replace-image-btn:hover{background:#5b21b6;background:var(--primary);color:#fff}.remove-image-btn-new{background:#fff;background:var(--surface);border-color:#991b1b;border-color:var(--error);color:#991b1b;color:var(--error)}.remove-image-btn-new:hover{background:#991b1b;background:var(--error);color:#fff}.field-hint{align-items:center;color:#374151;color:var(--text-muted);display:flex;font-size:.875rem;gap:.375rem;margin-top:.25rem}.hint-icon-inline{color:#5b21b6;color:var(--primary);flex-shrink:0}.checkbox-label{align-items:center;background:#fff;background:var(--surface-elevated);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;color:#000;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem;transition:all .2s ease}.checkbox-label:hover{background:#e5e7eb;background:var(--surface-hover);border-color:#5b21b6;border-color:var(--primary)}.checkbox-label input[type=checkbox]{accent-color:#5b21b6;accent-color:var(--primary);cursor:pointer;height:24px;width:24px}.cancel-btn,.save-btn{overflow:hidden;position:relative}@media (max-width:640px){.cancel-btn,.save-btn{font-size:1rem;min-height:48px}.image-preview-actions{flex-direction:column}}.bulk-editor-subtitle{color:#374151;color:var(--text-muted);font-size:1rem;font-weight:500;margin-top:.5rem}.bulk-items-container{display:flex;flex-direction:column;gap:1.5rem}.bulk-item-card{animation:cardSlideIn .5s ease both;background:linear-gradient(135deg,#fff,#e5e7eb);background:var(--gradient-surface);border:3px solid #e5e7eb;border:3px solid var(--border-light);border-radius:24px;box-shadow:0 8px 24px #0000001a;box-shadow:0 8px 24px var(--black-alpha-10);padding:1.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bulk-item-card:first-child{animation-delay:.6s}.bulk-item-card:nth-child(2){animation-delay:.7s}.bulk-item-card:nth-child(3){animation-delay:.8s}.bulk-item-card:nth-child(4){animation-delay:.9s}.bulk-item-card:nth-child(5){animation-delay:1s}.bulk-item-card:hover{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 12px 32px #5b21b633;box-shadow:0 12px 32px var(--color-primary-alpha-20);transform:scale(1.02)}.bulk-item-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.bulk-item-number{background:linear-gradient(135deg,#5b21b6,#92400e);background:var(--gradient-primary-accent);-webkit-background-clip:text;color:#5b21b6;color:var(--primary);font-size:1.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-color:#5b21b61a;background-color:var(--color-primary-alpha-10);border-radius:12px;padding:.5rem 1rem}.bulk-remove-btn{align-items:center;background:linear-gradient(135deg,#991b1b1a,#ef444426);background:linear-gradient(135deg,var(--color-error-alpha-10),rgba(239,68,68,.15));border:2px solid rgba(153,27,27,.3);border:2px solid var(--color-error-alpha-30);border-radius:50%;color:#991b1b;color:var(--error);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.bulk-remove-btn:hover{background:linear-gradient(135deg,#991b1b33,#991b1b33);background:linear-gradient(135deg,var(--color-error-alpha-20),var(--color-error-alpha-20));box-shadow:0 4px 12px #991b1b4d;box-shadow:0 4px 12px var(--color-error-alpha-30);transform:scale(1.1)}.bulk-form-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.bulk-form-grid{grid-template-columns:repeat(2,1fr)}}.bulk-form-group{display:flex;flex-direction:column;gap:.75rem}.bulk-form-group label{align-items:center;color:#000;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:1.5px;text-transform:uppercase}.bulk-form-group label:before{background:linear-gradient(180deg,#5b21b6,#4c1d95);background:var(--gradient-primary-vertical);border-radius:2px;content:"";height:24px;width:4px}.bulk-form-group input,.bulk-form-group select,.bulk-form-group textarea{background:#fff;background:var(--surface);border:3px solid #e5e7eb;border:3px solid var(--border-light);border-radius:16px;box-shadow:0 4px 12px #0000000d,inset 0 2px 4px #00000005;color:#000;color:var(--text-primary);font-size:1.25rem;font-weight:500;min-height:64px;outline:none;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.bulk-form-group input:focus,.bulk-form-group select:focus,.bulk-form-group textarea:focus{background:#fff;background:var(--surface-elevated);border-color:#5b21b6;border-color:var(--primary);border-width:4px;box-shadow:0 0 0 6px #6b46c126,0 8px 24px #5b21b633;box-shadow:0 0 0 6px #6b46c126,0 8px 24px var(--color-primary-alpha-20);transform:scale(1.02)}.bulk-add-more-btn{align-items:center;background:linear-gradient(135deg,#fff,#e5e7eb);background:var(--gradient-surface);border:3px dashed #5b21b6;border:3px dashed var(--primary);border-radius:20px;color:#5b21b6;color:var(--primary);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;justify-content:center;min-height:80px;padding:1.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bulk-add-more-btn:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);background:linear-gradient(135deg,var(--primary-light),var(--primary));border-style:solid;box-shadow:0 12px 32px #5b21b64d;box-shadow:0 12px 32px var(--color-primary-alpha-30);color:#fff;transform:scale(1.02)}.bulk-save-btn,.cancel-btn{align-items:center;border:none;border-radius:18px;cursor:pointer;display:flex;flex:1;font-size:1.25rem;font-weight:800;gap:.75rem;height:72px;justify-content:center;letter-spacing:2px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.cancel-btn{background:linear-gradient(135deg,#fff,#e5e7eb);background:var(--gradient-surface);border:4px solid #9ca3af;border:4px solid var(--border-strong);box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--black-alpha-10)}.cancel-btn:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bulk-save-btn{animation:saveButtonMegaPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#5b21b6,#7c3aed);background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 8px 24px #5b21b680,0 4px 12px #5b21b64d;box-shadow:0 8px 24px var(--color-primary-alpha-50),0 4px 12px var(--color-primary-alpha-30);color:#fff}.bulk-save-btn:hover{animation:none;box-shadow:0 16px 40px #5b21b680;box-shadow:0 16px 40px var(--color-primary-alpha-50);transform:translateY(-6px)}[data-theme=dark] .bulk-item-card{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-color:#ffffff1a;border-color:var(--white-alpha-10)}[data-theme=dark] .bulk-item-card:hover{border-color:#5b21b6;border-color:var(--primary)}@media (max-width:640px){.bulk-form-group input,.bulk-form-group select,.bulk-form-group textarea{font-size:1rem;min-height:56px}.bulk-save-btn,.cancel-btn{font-size:1rem;height:56px}}.header-icon{color:#5b21b6;color:var(--primary);flex-shrink:0}.required{color:#991b1b;color:var(--error);font-weight:700}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1;font-size:1.125rem;font-weight:700;gap:.5rem;justify-content:center;min-height:56px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.cancel-btn{background:#fff;background:var(--surface-elevated);border:2px solid #e5e7eb;border:2px solid var(--border-light);color:#000;color:var(--text-primary)}.cancel-btn:hover{background:#e5e7eb;background:var(--surface-hover);border-color:#9ca3af;border-color:var(--border-strong)}.save-btn{background:linear-gradient(135deg,#5b21b6,#4c1d95);background:var(--gradient-primary);box-shadow:0 4px 12px #6b46c14d;box-shadow:var(--shadow-primary-sm);color:#fff}.save-btn:hover{box-shadow:0 8px 20px #6b46c166;box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}@media (max-width:640px){.cancel-btn,.save-btn{font-size:1rem;min-height:48px}}.sortable-list{display:flex;flex-direction:column;gap:1rem}.sortable-list.horizontal{flex-direction:row;flex-wrap:wrap}.sortable-item{cursor:default;position:relative;touch-action:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.drag-handle{background:#e5e7eb;background:var(--surface-hover);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--black-alpha-10);color:#374151;color:var(--text-muted);cursor:grab;font-size:1.5rem;left:-2rem;opacity:0;padding:.5rem;pointer-events:auto;position:absolute;top:50%;touch-action:none;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}@media (hover:hover) and (pointer:fine){.sortable-item:focus-within .drag-handle,.sortable-item:hover .drag-handle{opacity:1;transform:translateY(-50%) scale(1.1)}.drag-handle:hover{background:#5b21b6;background:var(--primary);box-shadow:0 4px 8px #5b21b64d;box-shadow:0 4px 8px var(--color-primary-alpha-30);color:#fff}}.drag-handle:active{cursor:grabbing;transform:translateY(-50%) scale(.95)}@media (max-width:768px){.drag-handle{background:#e5e7eb;background:var(--surface-hover);border-radius:8px;font-size:1.25rem;left:.5rem;opacity:.6;padding:.25rem .5rem;top:.5rem;transform:none}.sortable-item:active .drag-handle{background:#5b21b6;background:var(--primary);color:#fff;opacity:1}}.sortable-item[data-dragging=true]{border-color:#5b21b6;border-color:var(--primary);box-shadow:0 12px 32px #00000040;opacity:.7;transform:scale(1.05) rotate(2deg);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:999}.sortable-list:active{-moz-user-select:none;user-select:none;-webkit-user-select:none}
