@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:root{--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--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;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--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;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000a;--shadow-glow:0 0 20px hsla(var(--color-primary-hsl), .3);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--max-width:1280px;--sidebar-width:280px;--header-height:64px}[data-theme=restaurant],:root{--color-primary-hsl:220, 72%, 50%;--color-primary:#2461db;--color-primary-hover:#1e51b8;--color-primary-light:#e9effb;--color-primary-subtle:#f1f3f9;--color-secondary-hsl:160, 64%, 42%;--color-secondary:#27b082;--color-secondary-hover:#21976f;--color-accent:#ffa31a;--color-accent-hover:#f59300;--color-bg:#f9fafb;--color-bg-elevated:#fff;--color-bg-muted:#f3f4f6;--color-bg-subtle:#ebecf0;--color-text:#171c26;--color-text-secondary:#656c7b;--color-text-muted:#969ca6;--color-text-inverse:#fff;--color-border:#e2e4e9;--color-border-hover:#c5cad3;--color-success:#1ba74e;--color-success-bg:#e9fbf0;--color-warning:#f59f0a;--color-warning-bg:#fef5e7;--color-error:#dc2828;--color-error-bg:#fceded;--color-info:#1aa1e6;--color-info-bg:#e8f6fc}[data-theme=diner]{--color-primary-hsl:15, 85%, 52%;--color-primary:#ed511d;--color-primary-hover:#d04111;--color-primary-light:#fdede7;--color-primary-subtle:#f9f3f1;--color-secondary-hsl:35, 92%, 48%;--color-secondary:#eb8d0a;--color-secondary-hover:#c47608;--color-accent:#e23670;--color-accent-hover:#d61f5c;--color-bg:#fbfaf9;--color-bg-elevated:#fff;--color-bg-muted:#f5f2f0;--color-bg-subtle:#edebe8;--color-text:#201713;--color-text-secondary:#70635c;--color-text-muted:#9c918b}[data-theme=admin]{--color-primary-hsl:230, 70%, 58%;--color-primary:#4962df;--color-primary-hover:#677ce4;--color-primary-light:#0e184e;--color-primary-subtle:#1d2135;--color-secondary-hsl:170, 60%, 45%;--color-secondary:#2eb8a1;--color-secondary-hover:#3bceb6;--color-accent:#9957db;--color-accent-hover:#ad78e2;--color-bg:#0f1219;--color-bg-elevated:#181c25;--color-bg-muted:#1f232d;--color-bg-subtle:#272a35;--color-text:#e8eaee;--color-text-secondary:#9da3af;--color-text-muted:#717784;--color-text-inverse:#0f1219;--color-border:#2b2f3b;--color-border-hover:#414758;--color-success:#33cc6b;--color-success-bg:#0c311a;--color-warning:#eea62b;--color-warning-bg:#392605;--color-error:#d74242;--color-error-bg:#320b0b;--color-info:#3ca7dd;--color-info-bg:#092634}.heading-1{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;line-height:1.1}.heading-2{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.01em;line-height:1.2}.heading-3{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.3}.heading-4{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:1.35}.heading-5{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:1.4}.text-body{font-size:var(--text-base);line-height:1.6}.text-small{font-size:var(--text-sm);line-height:1.5}.text-caption{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-4);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--space-8)}}.glass{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffffb3;border:1px solid #ffffff4d}[data-theme=admin] .glass{background:#181c25cc;border:1px solid #363b4980}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring)}.skeleton{background:linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-bg-subtle) 50%, var(--color-bg-muted) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.93;transform:scale(1.02)}}.animate-pulse{animation:2s ease-in-out infinite pulse}input::-webkit-calendar-picker-indicator{-webkit-appearance:none!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;display:none!important}input::-webkit-list-button{-webkit-appearance:none!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;display:none!important}.field-group{flex-direction:column;gap:6px;width:100%;display:flex}.field-label{color:var(--color-text-secondary,#4b5563);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.field-input,.field-select,.field-textarea{width:100%;color:var(--color-text-primary,#111827);background-color:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#d1d5db);border-radius:var(--radius-md,8px);outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #00000008}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f626}.field-input::placeholder,.field-textarea::placeholder{color:var(--color-text-muted,#9ca3af);opacity:.8}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #0000001a}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background-color:var(--color-primary,#3b82f6)!important;color:#fff!important;border-color:var(--color-primary,#3b82f6)!important}.btn-primary:hover:not(:disabled){filter:brightness(.92)}.btn-success{color:#fff!important;background-color:#10b981!important;border-color:#059669!important}.btn-success:hover:not(:disabled){background-color:#059669!important}.btn-danger,.btn-cancel{color:#fff!important;background-color:#ef4444!important;border-color:#dc2626!important}.btn-danger:hover:not(:disabled),.btn-cancel:hover:not(:disabled){background-color:#dc2626!important}.btn-outline{color:var(--color-text-primary,#374151)!important;border-color:var(--color-border,#d1d5db)!important;background-color:#0000!important}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-secondary,#f3f4f6)!important;border-color:var(--color-text-secondary,#9ca3af)!important}.btn-ghost{color:var(--color-text-secondary,#4b5563)!important;box-shadow:none!important;background-color:#0000!important;border-color:#0000!important}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-secondary,#f3f4f6)!important;color:var(--color-text-primary,#111827)!important}.btn-xs{border-radius:6px!important;height:26px!important;padding:4px 10px!important;font-size:11px!important;line-height:1!important}.btn-sm{border-radius:6px!important;height:32px!important;padding:6px 12px!important;font-size:12px!important;line-height:1!important}.btn-md{border-radius:8px!important;height:38px!important;padding:8px 16px!important;font-size:13px!important;line-height:1!important}.btn-lg{border-radius:10px!important;height:46px!important;padding:12px 24px!important;font-size:15px!important;line-height:1!important}