@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #FBF4E9;--text: #171410;--panel-bg: #ffffff;--border: #efe7d8;--muted-bg: #FBF4E9;--hover-bg: #f4efe4;--table-head: #fbf6ee;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark,[data-theme=dark]{--bg: #000000;--text: #f3f5f7;--panel-bg: #0a0a0a;--border: #262626;--muted-bg: #000000;--hover-bg: #141414;--table-head: #0d0d0d}a{font-weight:500;color:var(--text);text-decoration:none}a:hover{color:#000}html.dark a:hover,[data-theme=dark] a:hover{color:#e5e5e5}html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;min-width:320px;min-height:100%;max-height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text);position:fixed;inset:0;transition:background-color .28s ease,color .28s ease,border-color .28s ease}html{transition:background-color .28s ease,color .28s ease}html.dark body{background-color:#000}h1,h2,h3,h4,h5{font-family:var(--font-sans);letter-spacing:-.02em}h1{font-size:3.2em;line-height:1.1;font-weight:800}button{border-radius:.75rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--panel-bg);color:var(--text);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}button:focus-visible{outline:2px solid var(--primary-500, #EAA108);outline-offset:2px}.login-container{--login-navy: #1a2744;--login-yellow: #f4b31c;--login-yellow-hover: #eaa108;--login-ink: #111827;--login-muted: #6b7280;--login-border: #e5e7eb;--login-link: #2563eb;--login-shell: #ffffff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:var(--login-navy);padding:clamp(1rem,3vw,2rem);position:relative;overflow-x:hidden}.login-shell{width:min(1100px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,3vw,2.75rem);background:var(--login-shell);border-radius:28px;padding:clamp(1.25rem,3vw,2.5rem);box-shadow:0 30px 80px #00000059;align-items:stretch}.login-brand{display:flex;flex-direction:column;padding:.5rem .25rem .25rem;min-height:100%}.login-brand-logo{display:flex;align-items:center;gap:.7rem;margin-bottom:1.75rem}.login-logo-mark{display:block;width:48px;height:48px;object-fit:cover;border-radius:12px;box-shadow:0 6px 16px #eaa10859;flex-shrink:0}.login-brand-name{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:#111;line-height:1}.login-brand-name span{background:linear-gradient(135deg,#ffe08a,#f8c74e 18%,#f4b31c 42%,#ffd166 58%,#eaa108 78%,#f7be1c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(255,224,138,.55)) drop-shadow(0 2px 6px rgba(234,161,8,.45))}.login-brand-copy{max-width:28rem}.login-brand-copy h1{margin:0 0 .65rem;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:800;color:var(--login-ink);line-height:1.2;letter-spacing:-.02em}.login-brand-copy p{margin:0;color:var(--login-muted);font-size:.975rem;line-height:1.55;max-width:26rem}.login-brand-art{margin-top:auto;padding-top:1.5rem;display:flex;align-items:flex-end;justify-content:flex-start}.login-hero-img{width:min(100%,420px);height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.login-card{background:#fff;border-radius:20px;box-shadow:0 12px 40px #0f172a1a;border:1px solid #f3f4f6;padding:clamp(1.5rem,3vw,2.25rem);width:100%;max-width:440px;display:flex;flex-direction:column;justify-content:center}.login-shell .login-card{margin-left:auto}.login-container>.login-card{margin:0 auto;text-align:center}.login-card-header{margin-bottom:1.5rem}.login-card-header h1,.login-card-header h2{margin:0 0 .4rem;font-size:1.375rem;font-weight:800;color:var(--login-ink);letter-spacing:-.02em}.login-card-header p{margin:0;color:var(--login-muted);font-size:.875rem;line-height:1.45}.login-form{display:flex;flex-direction:column;gap:0}.error-message,.info-message{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.8125rem;font-weight:500;margin-bottom:1rem;line-height:1.4}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.info-message{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.login-container .form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.login-container .form-group label{font-weight:700;color:#374151;font-size:.8125rem;margin-bottom:0}.login-container .input-wrapper{position:relative;display:flex;align-items:center}.login-container .input-icon{position:absolute;left:.9rem;color:#9ca3af;z-index:1;pointer-events:none}.login-container .input-wrapper input{width:100%;padding:.85rem 1rem .85rem 2.65rem;border:1px solid var(--login-border);border-radius:10px;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;background:#fff;color:var(--login-ink);-webkit-text-fill-color:var(--login-ink);caret-color:var(--login-ink)}.login-container .input-wrapper input::placeholder{color:#9ca3af;-webkit-text-fill-color:#9ca3af}.login-container .input-wrapper input:focus{outline:none;border-color:var(--login-yellow);box-shadow:0 0 0 3px #f4b31c2e;background:#fff}.login-container .input-wrapper input:disabled{background:#f3f4f6;color:#6b7280;-webkit-text-fill-color:#6b7280;cursor:not-allowed}.login-container .input-wrapper input:-webkit-autofill,.login-container .input-wrapper input:-webkit-autofill:hover,.login-container .input-wrapper input:-webkit-autofill:focus,.login-container .input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:var(--login-ink)!important;transition:background-color 99999s ease-out 0s}.login-container .password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center}.login-container .password-toggle:hover{color:#374151;background:#f3f4f6}.login-container .password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-options{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.15rem 0 1.15rem}.login-options--end{justify-content:flex-end}.remember-me{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#4b5563;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input{position:absolute;opacity:0;width:0;height:0}.remember-box{width:16px;height:16px;border-radius:4px;border:1.5px solid #d1d5db;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#1f2937;transition:background .15s ease,border-color .15s ease}.remember-me input:checked+.remember-box{background:var(--login-yellow);border-color:var(--login-yellow)}.forgot-link{background:none;border:none;padding:0;color:var(--login-link);font-size:.8125rem;font-weight:600;cursor:pointer}.forgot-link:hover{text-decoration:underline}.forgot-link:disabled{opacity:.5;cursor:not-allowed}.login-button{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.95rem 1.25rem;background:var(--login-yellow);color:#111;border:none;border-radius:12px;font-weight:800;font-size:.95rem;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #f4b31c59}.login-button:hover:not(:disabled){background:var(--login-yellow-hover);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;color:#6b7280}.login-divider{display:flex;align-items:center;gap:.85rem;margin:1.35rem 0 1rem;color:#9ca3af;font-size:.75rem;font-weight:500}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.oauth-buttons{display:flex;flex-direction:column;gap:.65rem}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.8rem 1rem;background:#fff;border:1px solid var(--login-border);border-radius:10px;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease}.oauth-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.login-signup{margin:1.35rem 0 0;text-align:center;font-size:.8125rem;color:var(--login-muted)}.login-signup a{color:var(--login-link);font-weight:700;text-decoration:none}.login-signup a:hover{text-decoration:underline}.login-copyright{margin:0;color:#ffffff8c;font-size:.75rem;font-weight:500;align-self:center;text-align:center;width:min(1100px,100%)}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.login-header{text-align:center;margin-bottom:1rem}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--login-yellow, #f4b31c);border-radius:16px;margin-bottom:1rem;color:#111}.login-footer{margin-top:1rem;text-align:center}.login-footer p{margin:0;color:var(--login-muted, #6b7280);font-size:.75rem}.theme-toggle-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0;line-height:0;-webkit-tap-highlight-color:transparent}.theme-toggle-switch:focus-visible{outline:none}.theme-toggle-switch:focus-visible .theme-toggle-switch__track{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-400, #f4b31c) 45%,transparent)}.theme-toggle-switch__track{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:68px;height:36px;padding:3px;border-radius:999px;box-sizing:border-box;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.theme-toggle-switch__icon{justify-self:center;opacity:.45;transition:opacity .2s ease,color .2s ease;pointer-events:none}.theme-toggle-switch__icon--sun{color:#f59e0b}.theme-toggle-switch__icon--moon{color:#93c5fd}.theme-toggle-switch__thumb{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2a1d00;background:linear-gradient(145deg,#f8c63a,#eaa10a);box-shadow:0 2px 8px #eaa10859,inset 0 1px #ffffff59;transition:transform .28s cubic-bezier(.4,0,.2,1);pointer-events:none}.theme-toggle-switch[data-theme-mode=dark] .theme-toggle-switch__thumb{transform:translate(32px);color:#fef3c7;background:linear-gradient(145deg,#334155,#1e293b);box-shadow:0 2px 10px #0f172a73,inset 0 1px #ffffff14}.theme-toggle-switch[data-theme-mode=light] .theme-toggle-switch__icon--sun,.theme-toggle-switch[data-theme-mode=dark] .theme-toggle-switch__icon--moon{opacity:.95}.theme-toggle-switch--login .theme-toggle-switch__track{border:1px solid rgba(255,255,255,.28);background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 18px #0000002e}.theme-toggle-switch--login:hover .theme-toggle-switch__track{border-color:#f4b31c8c;background:#ffffff29}.theme-toggle-switch--login{position:absolute;top:1.25rem;right:1.25rem;z-index:10}.theme-toggle-switch--app .theme-toggle-switch__track{border:1px solid var(--border, #e5e7eb);background:var(--panel-bg, #fff)}.theme-toggle-switch--app:hover .theme-toggle-switch__track{border-color:color-mix(in srgb,var(--primary-400, #f4b31c) 40%,var(--border, #e5e7eb));background:var(--hover-bg, var(--muted-bg, #f9fafb))}html.dark .theme-toggle-switch--app .theme-toggle-switch__track,[data-theme=dark] .theme-toggle-switch--app .theme-toggle-switch__track{border-color:#333;background:#141414}html.dark .theme-toggle-switch--login .theme-toggle-switch__track,[data-theme=dark] .theme-toggle-switch--login .theme-toggle-switch__track{border-color:#f4b31c59;background:#1a1a1ad9}.login-theme-toggle{position:absolute;top:1.25rem;right:1.25rem;z-index:10}@media(max-width:900px){.login-shell{grid-template-columns:1fr;padding:1.25rem;gap:1.25rem}.login-brand{text-align:center;align-items:center}.login-brand-logo{justify-content:center}.login-brand-copy{max-width:100%}.login-brand-copy p{margin-inline:auto}.login-brand-art{justify-content:center;width:100%}.login-hero-img{width:min(100%,280px)}.login-card{margin:0 auto;max-width:100%}.login-shell .login-card{margin-left:auto;margin-right:auto}.login-copyright{align-self:center;text-align:center}}@media(max-width:480px){.login-container{padding:1rem .75rem .75rem;justify-content:flex-start}.login-shell{border-radius:20px}.login-brand-art{display:none}.login-options{flex-wrap:wrap}}html.dark .login-container,[data-theme=dark] .login-container{--login-navy: #000000;--login-ink: #f3f5f7;--login-muted: #a8a29a;--login-border: #2a2a2a;--login-link: #f4b31c;--login-shell: #0a0a0a;background:#000}html.dark .login-shell,[data-theme=dark] .login-shell{background:#0a0a0a;box-shadow:0 30px 80px #000000a6;border:1px solid #1a1a1a}html.dark .login-card,[data-theme=dark] .login-card{background:#111;border-color:#222;box-shadow:0 12px 40px #00000073}html.dark .login-brand-copy h1,html.dark .login-card-header h1,html.dark .login-card-header h2,html.dark .login-brand-name,[data-theme=dark] .login-brand-copy h1,[data-theme=dark] .login-card-header h1,[data-theme=dark] .login-card-header h2,[data-theme=dark] .login-brand-name{color:#f3f5f7}html.dark .login-brand-name span,[data-theme=dark] .login-brand-name span{background:linear-gradient(135deg,#ffe08a,#f8c74e 18%,#f4b31c 42%,#ffd166 58%,#eaa108 78%,#f7be1c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}html.dark .login-brand-copy p,html.dark .login-card-header p,[data-theme=dark] .login-brand-copy p,[data-theme=dark] .login-card-header p{color:#a8a29a}html.dark .login-container .form-group label,[data-theme=dark] .login-container .form-group label{color:#e7e5e4}html.dark .login-container .input-wrapper input,[data-theme=dark] .login-container .input-wrapper input{background:#1a1a1a!important;border-color:#333!important;color:#f3f5f7!important;-webkit-text-fill-color:#f3f5f7;caret-color:#f4b31c;box-shadow:none!important}html.dark .login-container .input-wrapper input::placeholder,[data-theme=dark] .login-container .input-wrapper input::placeholder{color:#78716c;-webkit-text-fill-color:#78716c}html.dark .login-container .input-wrapper input:focus,[data-theme=dark] .login-container .input-wrapper input:focus{border-color:var(--login-yellow)!important;box-shadow:0 0 0 3px #f4b31c38!important;background:#1f1f1f!important}html.dark .login-container .input-wrapper input:disabled,[data-theme=dark] .login-container .input-wrapper input:disabled{background:#141414!important;color:#78716c!important;-webkit-text-fill-color:#78716c}html.dark .login-container .input-wrapper input:-webkit-autofill,html.dark .login-container .input-wrapper input:-webkit-autofill:hover,html.dark .login-container .input-wrapper input:-webkit-autofill:focus,html.dark .login-container .input-wrapper input:-webkit-autofill:active,[data-theme=dark] .login-container .input-wrapper input:-webkit-autofill,[data-theme=dark] .login-container .input-wrapper input:-webkit-autofill:hover,[data-theme=dark] .login-container .input-wrapper input:-webkit-autofill:focus,[data-theme=dark] .login-container .input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #1a1a1a inset!important;box-shadow:0 0 0 1000px #1a1a1a inset!important;-webkit-text-fill-color:#f3f5f7!important;caret-color:#f4b31c;border-color:#333!important;transition:background-color 99999s ease-out 0s}html.dark .login-container .input-icon,html.dark .login-container .password-toggle,[data-theme=dark] .login-container .input-icon,[data-theme=dark] .login-container .password-toggle{color:#a8a29a}html.dark .login-container .password-toggle:hover,[data-theme=dark] .login-container .password-toggle:hover{color:#f4b31c;background:#f4b31c1f}html.dark .forgot-link,[data-theme=dark] .forgot-link{color:#f4b31c}html.dark .login-button:disabled,[data-theme=dark] .login-button:disabled{background:#2a2a2a;color:#78716c}html.dark .error-message,[data-theme=dark] .error-message{background:#3f1515;border-color:#7f1d1d;color:#fecaca}html.dark .info-message,[data-theme=dark] .info-message{background:#1a2744;border-color:#334155;color:#93c5fd}html.dark .login-copyright,[data-theme=dark] .login-copyright{color:#78716c}:root{--primary-50: #FFF8E7;--primary-100: #FDECC2;--primary-200: #FBDC8F;--primary-300: #F8C74E;--primary-400: #F4B31C;--primary-500: #EAA108;--primary-600: #CE8604;--primary-700: #A66A05;--primary-800: #85540C;--primary-900: #6E4610;--brand-gradient: linear-gradient(135deg, #F7BE1C 0%, #EAA10A 100%);--brand-gradient-hover: linear-gradient(135deg, #F8C63A 0%, #F1AE12 100%);--brand-ink: #2A1D00;--gray-50: #faf8f4;--gray-100: #f4f1ea;--gray-200: #e9e3d8;--gray-300: #d6ccbb;--gray-400: #a99f8e;--gray-500: #756c5e;--gray-600: #574f43;--gray-700: #3d372e;--gray-800: #26221c;--gray-900: #171410;--success-500: #16a34a;--warning-500: #f59e0b;--error-500: #ef4444;--panel-bg: #ffffff;--muted-bg: #FBF4E9;--text: var(--gray-900);--text-secondary: var(--gray-500);--border: #efe7d8;--accent: var(--primary-500);--success: var(--success-500);--warning: var(--warning-500);--error: var(--error-500);--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;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--shadow-sm: 0 1px 2px 0 rgb(120 90 20 / .06);--shadow-md: 0 6px 16px -4px rgb(120 90 20 / .12), 0 2px 6px -2px rgb(120 90 20 / .08);--shadow-lg: 0 14px 30px -8px rgb(120 90 20 / .16), 0 6px 12px -6px rgb(120 90 20 / .1);--shadow-xl: 0 26px 50px -12px rgb(120 90 20 / .22), 0 10px 20px -8px rgb(120 90 20 / .12);--shadow-brand: 0 10px 24px -6px rgb(234 161 8 / .42);--scrollbar-size: 9px;--scrollbar-track: rgba(15, 23, 42, .06);--scrollbar-thumb: rgba(100, 116, 139, .32);--scrollbar-thumb-hover: rgba(71, 85, 105, .48);--scrollbar-inverse-track: rgba(0, 0, 0, .22);--scrollbar-inverse-thumb: rgba(148, 163, 184, .2);--scrollbar-inverse-thumb-hover: rgba(148, 163, 184, .34)}.dark{--panel-bg: #0a0a0a;--muted-bg: #000000;--text: #ffffff;--text-secondary: #aaaaaa;--border: #222222;--scrollbar-track: rgba(0, 0, 0, .35);--scrollbar-thumb: rgba(148, 163, 184, .18);--scrollbar-thumb-hover: rgba(148, 163, 184, .32);--scrollbar-inverse-track: rgba(0, 0, 0, .35);--scrollbar-inverse-thumb: rgba(148, 163, 184, .2);--scrollbar-inverse-thumb-hover: rgba(148, 163, 184, .34)}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);color-scheme:light}html.dark{color-scheme:dark}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-hover)}.app{--sidebar-collapsed-width: 96px;--sidebar-expanded-width: 260px;display:grid;grid-template-columns:var(--sidebar-collapsed-width) 1fr;grid-template-rows:1fr;height:100vh;height:100dvh;min-height:100vh;width:100%;background:var(--muted-bg);min-width:0;align-items:stretch;overflow:hidden;transition:background-color .3s ease,grid-template-columns .28s cubic-bezier(.22,1,.36,1)}.app.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.app.sidebar-expanded{grid-template-columns:var(--sidebar-expanded-width) 1fr}.dark .app,.dark .dashboard-container{background-color:#000}.dark .home-dashboard{background-color:transparent}.dark .text-primary{color:#fff}.dark .text-secondary{color:#aaa}.sidebar{background:#fff;border-right:1px solid var(--border);padding:8px;box-shadow:var(--shadow-sm);width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-height:100%;align-self:stretch;position:relative;overflow:hidden;z-index:50;transition:none}.sidebar.expanded{padding:8px 12px}.sidebar.collapsed{padding:8px 6px}.dark .sidebar{background-color:#0a0a0a;border-color:#222}.sidebar-toggle-btn:hover{background-color:#e5e7eb!important;transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.dark .sidebar-toggle-btn:hover{background-color:#4b5563!important;box-shadow:0 2px 4px #0000004d}.brand{margin:6px 0 10px;font-size:20px;white-space:nowrap;overflow:hidden;flex-shrink:0;width:100%;cursor:pointer;font-family:inherit;text-align:left;appearance:none;-webkit-appearance:none;height:52px;box-sizing:border-box}.nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;flex:1;min-height:0;overflow:hidden;padding-right:0;scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{width:0;height:0;display:none}.nav a{padding:8px 12px;border-radius:var(--radius-md);color:#2a2218;text-decoration:none;transition:background-color .2s ease,color .2s ease,padding .28s cubic-bezier(.22,1,.36,1),gap .28s cubic-bezier(.22,1,.36,1);font-weight:500;display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden;position:relative;min-width:0;flex:0 0 52px;height:52px;min-height:52px;max-height:52px;box-sizing:border-box}.nav a span{opacity:1;max-width:180px;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0;color:inherit;transition:opacity .22s ease,max-width .28s cubic-bezier(.22,1,.36,1)}.sidebar.collapsed .nav a{justify-content:center;align-items:center;flex-direction:column;padding:4px 2px;gap:2px;overflow:hidden;white-space:normal;text-align:center;flex:0 0 52px;height:52px;min-height:52px;max-height:52px}.sidebar.collapsed .nav a span{opacity:1;max-width:100%;width:100%;pointer-events:none;overflow:hidden;font-size:9px;font-weight:700;line-height:1.1;letter-spacing:0;text-align:center;white-space:nowrap;display:block;text-overflow:ellipsis;flex:0 0 auto;max-height:12px}.nav a svg{flex-shrink:0;width:22px;height:22px;transition:transform .2s ease}.nav a:hover svg{transform:scale(1.1)}.nav a:hover{background:var(--primary-50);color:var(--primary-700)}.nav a.active{background:var(--brand-gradient);color:var(--brand-ink);font-weight:700;box-shadow:var(--shadow-brand)}.nav a.active svg{color:var(--brand-ink)}.dark .nav a:hover{background:var(--gray-700)}.dark .sidebar .nav a.active,.dark .nav a.active{background-color:#1a1a1a;color:#fff}.main{padding:0;overflow:hidden;background:var(--gray-50);min-width:0;min-height:0;height:100%;align-self:stretch;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.main-body{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 20px 20px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.canteen-closed-banner{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#991b1b;font-size:14px}.canteen-closed-banner__copy{display:flex;flex-direction:column;gap:2px;min-width:0}.canteen-closed-banner__hint{font-weight:500;opacity:.9;line-height:1.35}.dark .canteen-closed-banner{background:#3f1515;border-color:#7f1d1d;color:#fecaca}.main.main--manage-orders{overflow-x:hidden}.main.main--manage-orders .main-body{overflow-x:hidden;overflow-y:auto}.manage-orders-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.manage-orders-page .food-items-grid{min-width:0;align-items:stretch}.manage-orders-page .food-items-grid>*{min-width:0;height:100%;display:flex;flex-direction:column}.manage-orders-toast-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a47;pointer-events:auto}.manage-orders-toast-anchor{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.manage-orders-toast{position:relative;z-index:81;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:14px;color:#fff;font-size:.95rem;font-weight:700;box-shadow:0 16px 40px #00000038;max-width:min(420px,calc(100vw - 32px));min-width:min(280px,calc(100vw - 32px));pointer-events:auto}.manage-orders-toast--centered{align-items:center}.manage-orders-toast--success{background:#16a34a}.manage-orders-toast--error{background:#dc2626}.manage-orders-toast-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.manage-orders-toast-title{font-weight:800;line-height:1.25;font-size:1rem}.manage-orders-toast-token,.manage-orders-toast-count{font-size:.9rem;font-weight:700;line-height:1.3;opacity:.95}.manage-orders-toast-lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.manage-orders-toast-line{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.manage-orders-toast-line-main{font-size:.88rem;font-weight:700;line-height:1.35;opacity:.95}.manage-orders-toast-takeaway-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#f3eee4;color:#3f3a32;font-size:.78rem;font-weight:800;line-height:1;border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 3px #0000001f;flex-shrink:0}.manage-orders-toast-lines li{font-size:.84rem;font-weight:700;line-height:1.35;opacity:.95}@media(min-width:1201px){.manage-orders-page--sidebar-expanded .food-items-grid,.manage-orders-page--sidebar-collapsed .food-items-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.dark .main{background-color:#000}.main[tabindex="-1"]:focus{outline:none}.home-dashboard.orders-page[tabindex="-1"]:focus{outline:none}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;gap:12px 16px;flex-wrap:nowrap;flex-shrink:0;position:relative;z-index:40;width:100%;box-sizing:border-box}.topbar--orders{align-items:center}.topbar-left{flex:1 1 auto;min-width:0}.topbar-left--orders{flex-wrap:wrap;align-items:center;row-gap:10px;column-gap:12px}.sidebar-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--panel-bg, #fff);color:var(--text);cursor:pointer;flex-shrink:0;padding:0}.sidebar-backdrop{display:none}.orders-header-panel{display:inline-flex;align-items:center;flex-wrap:wrap;column-gap:28px;row-gap:12px;padding:0;border:none;background:transparent;box-shadow:none;max-width:100%}.orders-header-scan{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border:none;border-radius:10px;background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease;white-space:nowrap}.orders-header-scan:hover{background:linear-gradient(135deg,#ce8604,#a66a05)}.orders-header-scan:active{transform:scale(.98)}.orders-header-scan__icon{width:18px;height:18px;flex-shrink:0}.orders-toolbar-inner{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0;min-width:0}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;z-index:2}.orders-toolbar-segment{display:inline-flex;align-items:stretch;gap:8px;padding:0;border-radius:10px;background:transparent;border:none}.dark .orders-toolbar-segment{background:transparent}.orders-toolbar-segment .btn.orders-btn{box-shadow:none;animation:none}.orders-toolbar-segment .btn.orders-btn.live-btn:not(.active):hover,.orders-toolbar-segment .btn.orders-btn.past-btn:not(.active):hover,.orders-toolbar-segment .btn.orders-btn.cancelled-btn:not(.active):hover{transform:translateY(-1px)}.orders-header-panel .btn.orders-btn{box-shadow:0 1px 4px #0000001a;min-width:0}.orders-header-panel .btn.orders-btn:hover{transform:translateY(-1px)}.orders-header-panel .btn.orders-btn:active{transform:translateY(0)}.orders-header-panel .btn.orders-btn.live-btn{animation:none}.btn.orders-btn.orders-btn--unavailable{opacity:.52;filter:grayscale(.25);cursor:pointer}.btn.orders-btn.orders-btn--unavailable:hover{opacity:.68;filter:grayscale(.15)}.orders-header-panel .btn.orders-btn.orders-btn--unavailable:hover{transform:translateY(-1px)}.theme-toggle-btn,.theme-toggle-switch--app{min-width:68px;min-height:44px}.theme-toggle-btn:active{transform:none}.theme-toggle-btn:focus-visible,.theme-toggle-switch:focus-visible{outline:2px solid #F4B31C;outline-offset:2px}.search{padding:8px 10px;border:1px solid var(--border);border-radius:8px;width:260px;background:var(--panel-bg);color:var(--text)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:12px 16px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-200)}.dark .card{background-color:#111;border:1px solid #222222}.card h2{margin:0 0 10px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card-title-action{display:flex;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;align-items:center}.stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.stat-label{color:#666}.badges{display:flex;gap:8px;align-items:center}.badge{display:inline-block;padding:6px 10px;border-radius:12px;font-size:12px}.badge.pending{background:#fff3cd;color:#8a6d3b}.badge.preparing{background:#e7f0ff;color:#1f4fd7}.badge.partially-ready{background:#dbeafe;color:#1d4ed8}.badge.ready{background:#e7f7ed;color:#1d7f42}.badge.cancelled{background:#fee2e2;color:#991b1b}.badge.pickup-failed{background:#ffedd5;color:#9a3412}.badge.counter{background:#eaa108;color:var(--brand-ink);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.badge.app{background:#6b7280;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.staff{background:#eaa108;color:var(--brand-ink);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700}.badge.student{background:#6b7280;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table th:nth-child(1),.table td:nth-child(1){width:30%;text-align:left}.table th:nth-child(2),.table td:nth-child(2){width:15%;text-align:center}.table th:nth-child(3),.table td:nth-child(3){width:12%;text-align:center}.table th:nth-child(4),.table td:nth-child(4){width:18%;text-align:center}.table th:nth-child(5),.table td:nth-child(5){width:25%;text-align:center}.inventory-items-table{table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0}.inventory-items-table th,.inventory-items-table td{padding:10px;box-sizing:border-box;vertical-align:middle}.inventory-items-table th:nth-child(1),.inventory-items-table td:nth-child(1){width:56px;text-align:center}.inventory-items-table th:nth-child(2),.inventory-items-table td:nth-child(2){width:64px;text-align:center}.inventory-items-table th:nth-child(3),.inventory-items-table td:nth-child(3){width:22%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-items-table th:nth-child(4),.inventory-items-table td:nth-child(4){width:88px;text-align:right;padding-left:8px}.inventory-items-table th:nth-child(5),.inventory-items-table td:nth-child(5){width:16%;text-align:center}.inventory-items-table th:nth-child(6),.inventory-items-table td:nth-child(6){width:14%;text-align:center}.inventory-items-table th:nth-child(7),.inventory-items-table td:nth-child(7){width:18%;text-align:center}.inventory-items-table thead th{color:var(--ht-text, #e5e7eb)!important;opacity:1}.table thead th{background:var(--gray-100);font-weight:600;color:var(--text)}.table tbody tr:hover{background:var(--gray-50)}.dark .table thead th{background:var(--gray-700)}.dark .table tbody tr:hover{background:var(--gray-800)}.order-items-cell{position:relative;cursor:pointer}.order-items-popup{position:absolute;display:none;left:0;top:100%;z-index:1000;margin-top:8px;min-width:350px;max-width:500px;pointer-events:none}.order-items-cell:hover .order-items-popup{display:block;pointer-events:auto}.order-items-popup-content{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 10px 25px #00000026;animation:popupFadeIn .2s ease}.dark .order-items-popup-content{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px #0006}.order-items-popup-item{padding:10px 12px;margin-bottom:8px;background:var(--gray-50);border-radius:8px;border:1px solid var(--border);font-size:14px;line-height:1.5}.dark .order-items-popup-item{background:#374151;border-color:#4b5563}.order-items-popup-item:last-child{margin-bottom:0}.order-items-popup-item strong{display:block;color:var(--text);margin-bottom:4px}.dark .order-items-popup-item strong{color:#f9fafb}.order-items-popup-item span{color:#666;font-size:13px}.dark .order-items-popup-item span{color:#d1d5db}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;width:100%;padding:0 4px;min-height:40px}.actions .btn{min-width:75px;font-size:12px;padding:8px 12px;white-space:nowrap;max-width:none;text-align:center;border-radius:6px;font-weight:500;transform:translateZ(0)}.btn{padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:var(--brand-gradient);color:var(--brand-ink);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s ease;font-weight:700;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn:hover{background:var(--brand-gradient-hover);border-color:transparent;box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.dark .btn{background:var(--brand-gradient);border-color:transparent;color:var(--brand-ink)}.dark .btn:hover{background:var(--brand-gradient-hover);border-color:transparent}.btn.active{background:var(--muted-bg);font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.btn.orders-btn{border-radius:10px;font-weight:600;font-size:13px;min-width:80px;justify-content:center;padding:8px 12px;position:relative;overflow:hidden;border:none;box-shadow:0 3px 10px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn.orders-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn.orders-btn:hover:before{left:100%}.btn.orders-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.btn.orders-btn:active{transform:translateY(-1px)}.btn.orders-btn.recent-btn{background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;box-shadow:0 4px 15px #eaa10866}.btn.orders-btn.recent-btn:hover{background:linear-gradient(135deg,#ce8604,#a66a05);box-shadow:0 8px 25px #eaa10899}.btn.orders-btn.recent-btn.active{background:linear-gradient(135deg,#a66a05,#85540c);box-shadow:0 6px 20px #eaa10880}.btn.orders-btn.live-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:none;animation:none}.btn.orders-btn.live-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:none;animation:none}.btn.orders-btn.live-btn.active{background:linear-gradient(135deg,#b45309,#92400e);box-shadow:0 6px 20px #f59e0b80;animation:pulse-glow-enhanced 2s infinite}.btn.orders-btn.past-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:none}.btn.orders-btn.past-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:none}.btn.orders-btn.past-btn.active{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 20px #10b98180}.btn.orders-btn.cancelled-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:none}.btn.orders-btn.cancelled-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:none}.btn.orders-btn.cancelled-btn.active{background:linear-gradient(135deg,#991b1b,#7f1d1d);box-shadow:0 6px 20px #b91c1c73}.dark .btn.orders-btn.cancelled-btn{background:linear-gradient(135deg,#991b1b,#7f1d1d)}.dark .btn.orders-btn.cancelled-btn.active{background:linear-gradient(135deg,#b91c1c,#991b1b)}.btn.orders-btn.picture-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 15px #7c3aed66}.btn.orders-btn.picture-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 8px 25px #7c3aed99}.btn.orders-btn.picture-btn.active{background:linear-gradient(135deg,#4c1d95,#3b0764);box-shadow:0 0 0 3px #a78bfa8c,0 6px 22px #7c3aed8c;transform:translateY(-1px)}.btn.orders-btn.picture-btn.active svg{opacity:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}@keyframes pulse-glow-enhanced{0%,to{box-shadow:0 4px 15px #f59e0b80,0 0 #f59e0bcc,0 0 #f59e0b66}50%{box-shadow:0 4px 15px #f59e0bb3,0 0 0 8px #f59e0b00,0 0 0 16px #f59e0b00}}.dark .btn.orders-btn.recent-btn{background:linear-gradient(135deg,#ce8604,#a66a05);box-shadow:0 4px 15px #eaa10899}.dark .btn.orders-btn.live-btn{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 15px #f59e0bb3}.dark .btn.orders-btn.past-btn{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 15px #10b98199}.dark .btn.orders-btn.picture-btn{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 15px #7c3aed99}.dark .btn.orders-btn.picture-btn.active{background:linear-gradient(135deg,#5b21b6,#4c1d95);box-shadow:0 0 0 3px #a78bfa59,0 6px 22px #7c3aed8c}.btn.orders-btn.bulk-cancel-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 15px #f9731666;border:none}.btn.orders-btn.bulk-cancel-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 8px 25px #f9731699}.dark .btn.orders-btn.bulk-cancel-btn{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 15px #f9731699}.spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.orders-table,.past-table{table-layout:fixed;border-collapse:separate;border-spacing:0}.orders-table tbody tr,.past-table tbody tr{transition:none!important;height:80px}.orders-table td,.past-table td{vertical-align:middle;height:80px}.orders-table .actions,.past-table .actions{min-height:40px;display:flex;align-items:center}.orders-table .btn,.past-table .btn{white-space:nowrap}.form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;color:var(--text);opacity:.8}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:var(--text);transition:all .2s ease;font-size:14px}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #eaa1081a}.dark .input{background:var(--gray-800);border-color:var(--gray-600);color:var(--gray-100)}.dark .input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #eaa10833}.input[type=number]{width:120px}.switch{position:relative;display:inline-block;width:56px;height:32px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;cursor:pointer;background:var(--border);border-radius:999px;transition:background .2s ease}.slider:before{content:"";position:absolute;height:24px;width:24px;left:4px;top:4px;background:var(--panel-bg);border:1px solid var(--border);border-radius:50%;transition:transform .2s ease}.switch input:checked+.slider{background:#111}[data-theme=dark] .switch input:checked+.slider{background:#eee}.switch input:checked+.slider:before{transform:translate(24px)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-items:start}.order-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden;min-height:fit-content}.order-card .actions{margin-top:auto;width:100%}.pm-items{width:100%;text-align:left;margin:8px 0 10px}.pm-item{padding:8px 0;border-bottom:1px dashed #d1d5db}.dark .pm-item{border-bottom:1px dashed #374151}.pm-item:first-child{padding-top:0}.pm-item:last-child{border-bottom:none;padding-bottom:0}.pm-item:last-child{border-bottom:none}.pm-item-name{font-weight:600;font-size:14px}.pm-item-meta{color:#6b7280;font-size:12px;margin-top:2px}.orders-picture-shell.card{padding:20px 22px 24px}.orders-picture-search{width:min(280px,100%);padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-bg);color:var(--text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.orders-picture-search:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #eaa10833}.orders-picture-card.order-card{align-items:stretch;text-align:left;padding:18px;border-radius:14px;box-shadow:0 4px 18px #00000012;transition:transform .18s ease,box-shadow .18s ease}.dark .orders-picture-card.order-card{box-shadow:0 4px 22px #00000059}.orders-picture-card.order-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000001a}.dark .orders-picture-card.order-card:hover{box-shadow:0 10px 32px #00000073}.orders-picture-token{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;font-size:1rem;color:var(--text);margin-bottom:6px;letter-spacing:-.02em;width:100%}.orders-picture-token--lg{font-size:1.25rem;margin-bottom:8px}.orders-header-panel .btn.orders-btn.picture-btn,.orders-header-panel .btn.orders-btn.picture-btn.active{border:none;outline:none}.orders-header-panel .btn.orders-btn.picture-btn:focus-visible{outline:2px solid rgba(167,139,250,.9);outline-offset:2px}.main.main--orders,.main:has(.orders-page){display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;padding-bottom:0}.main.main--orders>.topbar,.main:has(.orders-page)>.topbar{flex-shrink:0}.main.main--orders>.main-body,.main:has(.orders-page)>.main-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-bottom:72px}.main.main--orders .canteen-closed-banner,.main:has(.orders-page) .canteen-closed-banner{flex-shrink:0}.main.main--orders .home-dashboard.orders-page,.main:has(.orders-page) .home-dashboard.orders-page{flex:1 1 auto;min-height:0}.orders-page-panel{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:var(--panel-bg, #ffffff);border:1px solid var(--border, #efe7d8);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.orders-page-panel__body{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:auto;-webkit-overflow-scrolling:touch}.orders-page-panel .orders-panel-card.card,.orders-page-panel .card.orders-panel-card,.orders-page-panel .card{border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;background:transparent!important;padding:0!important;flex:0 1 auto;min-height:0;display:flex!important;flex-direction:column}.orders-page-panel .card:hover{transform:none;box-shadow:none!important}.orders-page-panel .card>.card-header{display:none}.orders-page-panel .orders-picture-shell.card{padding:12px 16px 16px!important;overflow:auto}.orders-page-panel .past-orders-merged{padding:0 16px 12px;flex:0 1 auto;min-height:0;overflow:visible;gap:6px}.orders-page-panel .cancelled-orders-merged{padding-bottom:12px}.orders-page-toolbar{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:12px 14px;background:color-mix(in srgb,var(--muted-bg, #FBF4E9) 70%,#ffffff);border:none;border-bottom:1px solid var(--border, #efe7d8);border-radius:0;box-shadow:none;flex-wrap:wrap;flex-shrink:0}.orders-page-toolbar .orders-toolbar-segment{flex-shrink:0}.orders-page-toolbar .btn.orders-btn{box-shadow:0 1px 4px #0000001a;display:inline-flex;align-items:center;gap:6px}.orders-token-search{flex:1 1 220px;min-width:160px;height:42px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-size:14px;font-weight:500;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.orders-token-search::placeholder{color:#4b5563;opacity:1;font-weight:500}.orders-token-search:hover{border-color:#eaa108}.orders-token-search:focus{border-color:#eaa108;box-shadow:0 0 0 3px #eaa1082e}.dark .orders-page-panel{background:#111827;border-color:#374151}.dark .orders-page-toolbar{background:#0f172a;border-bottom-color:#374151}.dark .orders-token-search{background:#0a0a0a;border-color:#374151;color:#f9fafb}.dark .orders-token-search::placeholder{color:#d1d5db}.orders-page-toolbar .btn.orders-btn.picture-btn{flex-shrink:0;margin-right:28px;background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;box-shadow:0 4px 12px #eaa1084d}.orders-page-toolbar .btn.orders-btn.picture-btn:hover{background:linear-gradient(135deg,#ce8604,#a66a05)}.orders-page-toolbar .btn.orders-btn.picture-btn.active{background:linear-gradient(135deg,#a66a05,#85540c);box-shadow:0 0 0 3px #eaa10859,0 6px 18px #eaa10866}.orders-picture-btn__icon{width:18px;height:18px;flex-shrink:0;display:block}.home-dashboard.orders-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:0;height:100%;grid-template-rows:none}.home-dashboard.orders-page .card{min-width:0;max-width:100%;box-sizing:border-box}.orders-page .orders-table-scroll{width:100%;max-width:100%;min-width:0;flex:0 1 auto;min-height:0;max-height:none!important;height:auto;overflow:visible;box-sizing:border-box}.orders-table-scroll .orders-table{width:100%;min-width:720px}.orders-picture-grid.cards-grid{grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch}@media(min-width:640px){.orders-picture-grid.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(min-width:1024px){.orders-picture-grid.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media(min-width:1440px){.orders-picture-grid.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.orders-sort-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0;box-sizing:border-box}@media(max-width:1023px){.orders-sort-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.orders-sort-kanban{grid-template-columns:1fr}}.orders-sort-column{display:flex;flex-direction:column;gap:10px;min-width:0}.orders-sort-column-header{padding:12px 16px;border-radius:8px;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;flex-wrap:wrap}.orders-sort-column-header--preparing{background-color:#fef3c7;border:2px solid #f59e0b;color:#92400e}.orders-sort-column-header--cooking{background-color:#fdecc2;border:2px solid #EAA108;color:#85540c}.orders-sort-column-header--ready{background-color:#dcfce7;border:2px solid #22c55e;color:#166534}.dark .orders-sort-column-header--preparing{background-color:#f59e0b26;border-color:#d97706;color:#fcd34d}.dark .orders-sort-column-header--cooking{background-color:#eaa10826;border-color:#eaa108;color:#f8c74e}.dark .orders-sort-column-header--ready{background-color:#22c55e26;border-color:#22c55e;color:#86efac}.order-card-v2.orders-picture-card.order-card{--orders-picture-card-height: 316px;box-sizing:border-box;height:var(--orders-picture-card-height);min-height:var(--orders-picture-card-height);max-height:var(--orders-picture-card-height);display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;padding:14px 16px}.order-card-v2__header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px;flex-shrink:0}.order-card-v2__header.order-card-v2__header--row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px}.order-card-v2__header-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.order-card-v2__status-corner{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;max-width:46%}.order-card-v2 .orders-picture-token--lg{font-size:1.15rem;margin-bottom:6px}.order-card-v2__badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%}.order-card-v2__source{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;line-height:1.2}.order-card-v2__source--counter{background:#eaa108;color:var(--brand-ink)}.order-card-v2__source--app{background:#6b7280;color:#fff}.order-card-v2__type{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--muted-bg);color:var(--text);border:1px solid var(--border)}.order-card-v2__body{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.order-card-v2__body .pm-items{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.order-card-v2__body--single{flex:1 1 0;min-height:0;justify-content:flex-start}.order-card-v2__single-row{display:flex;align-items:flex-start;gap:12px;width:100%;min-width:0}.order-card-v2__thumb-wrap{flex-shrink:0;width:66px;height:66px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--muted-bg)}.order-card-v2__thumb{width:100%;height:100%;object-fit:cover;display:block}.order-card-v2__single-info{flex:1;min-width:0}.order-card-v2__single-info .pm-item-name{font-size:14px;font-weight:600;line-height:1.35;word-break:break-word}.order-card-v2__footer{margin-top:auto;padding-top:10px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border)}.order-card-v2__status{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:28px}.order-card-v2__footer .order-card-v2__status:empty{display:none;min-height:0}.order-card-v2__actions{width:100%}.order-card-v2__action-row{display:flex;flex-direction:row;align-items:stretch;gap:8px;width:100%}.order-card-v2__action-row .btn:first-child{flex:1;min-width:0}.avatar{width:100px;height:100px;border-radius:12px;margin:0 auto 12px;background:var(--muted-bg);display:grid;place-items:center;font-weight:700;font-size:24px;border:1px solid var(--border);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.muted{color:#888}.pm-subcards-row{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}.pm-subcard{flex:1 1 calc(33.333% - 8px);display:flex;flex-direction:column;align-items:center;text-align:center;min-width:180px}.pm-subcard.v-sep{border-left:2px dotted var(--border);padding-left:12px;margin-left:12px}.pm-subcard:nth-child(3n+1){border-left:none;padding-left:0;margin-left:0}.dark .pm-subcard.v-sep{border-left-color:#374151}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filters .btn{height:38px;padding:8px 14px}.filters .grow{flex:1}.home-dashboard{display:flex;flex-direction:column;gap:16px;height:auto;min-height:0;width:100%}.home-dashboard>.card,.home-dashboard>.summary-cards,.home-dashboard>.dash-grid-2{flex:0 0 auto;min-width:0}.home-dashboard>.dash-grid-2--equal+.dash-grid-2{margin-top:22px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dash-grid-2--equal{align-items:stretch}.dash-grid-2--equal>.card,.dash-card--equal{display:flex;flex-direction:column;min-height:320px;height:100%}.dash-card--equal>.card-body,.dash-card--equal .dash-order-list,.dash-card--equal .dash-pop-list{flex:1 1 auto}.summary-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 4px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.summary-card:hover:before{left:100%}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.summary-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--muted-bg);border-radius:12px;border:1px solid var(--border);color:var(--text-color)}.summary-icon svg{color:inherit}.summary-card:nth-child(1) .summary-icon svg{color:#85540c!important}.summary-card:nth-child(2) .summary-icon svg{color:#ea580c!important}.summary-card:nth-child(3) .summary-icon svg{color:#16a34a!important}.summary-card:nth-child(4) .summary-icon svg{color:#7c3aed!important}.summary-content{flex:1}.summary-value{font-size:28px;font-weight:700;margin-bottom:4px;color:inherit;position:relative;z-index:1}.summary-label{color:inherit;font-size:14px;font-weight:500;opacity:.9;position:relative;z-index:1}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;font-weight:600;min-height:80px;text-align:center;box-shadow:0 2px 4px #0000000a}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.quick-action-btn:active{transform:translateY(0)}.btn-icon{font-size:24px;margin-bottom:8px;color:var(--text-color)}.btn-icon svg{color:inherit}.btn-text{font-size:12px;line-height:1.2}.pending-orders-btn:hover{background:linear-gradient(135deg,#ce8604,#a66a05)!important;color:#fff!important}.toggle-availability-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important}.revert-delivered-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;color:#fff!important}.chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background:var(--muted-bg);border-radius:8px;border:1px solid var(--border)}.chart-content{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.chart-bars{display:flex;align-items:end;justify-content:space-between;height:120px;gap:8px}.chart-bar{background:linear-gradient(to top,#4f46e5,#7c3aed);border-radius:4px 4px 0 0;min-width:20px;transition:all .3s ease}.chart-bar:hover{background:linear-gradient(to top,#3730a3,#6d28d9)}.chart-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:8px}.popular-items{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.popular-item{display:flex;flex-direction:column;gap:6px}.item-info{display:flex;justify-content:space-between;align-items:center}.item-name{font-weight:600;color:var(--text)}.item-orders{font-size:12px;color:#666}.item-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.item-progress{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.reports-section{min-height:0;grid-column:1 / -1}.inventory-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.inventory-controls-row{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(220px,1.8fr) auto;gap:16px;align-items:center;width:100%}.inventory-controls-slot{display:flex;flex-direction:column;gap:6px;min-width:0}.inventory-controls-slot .search-input{width:100%;max-width:100%}.inventory-controls-slot--manage .search-input{max-width:none;width:100%;min-width:0}.inventory-suggestions{position:absolute;top:100%;left:0;min-width:min(320px,70vw);width:max-content;max-width:min(420px,90vw);background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;margin-top:4px;max-height:240px;overflow-y:auto;box-shadow:var(--shadow-lg);z-index:1000}.inventory-suggestion{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border)}.inventory-suggestion:last-child{border-bottom:none}.inventory-suggestion.is-active{background:var(--muted-bg)}.inventory-suggestion__name{font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-suggestion__price{font-size:12px;color:var(--text-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.inventory-controls-slot--search .search-input{width:100%;max-width:none}.inventory-manage-wrap{display:flex;align-items:center;gap:8px;min-width:0}.inventory-manage-actions{display:flex;gap:8px;flex-shrink:0}.inventory-manage-action-btn{height:40px;padding:0 14px;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.inventory-manage-action-btn--edit{color:#2a1d00;background:#eaa108}.inventory-manage-action-btn--edit:hover{background:#ce8604}.inventory-manage-action-btn--remove{color:#fff;background:#ef4444}.inventory-manage-action-btn--remove:hover{background:#dc2626}.inventory-manage-action-btn--add{color:#fff;background:#10b981}.inventory-manage-action-btn--add:hover{background:#059669}.inventory-removed-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:44px;min-width:180px;padding:0 28px!important;white-space:nowrap}.inventory-controls-slot--remove{align-items:stretch}@media(max-width:900px){.inventory-controls-row{grid-template-columns:1fr;align-items:stretch}.inventory-controls-slot--remove{align-items:flex-start}}.inventory-controls-vertical{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}@media(max-width:768px){.inventory-controls{grid-template-columns:1fr;gap:16px}}.search-section,.add-section{padding:10px}.inventory-controls-vertical .search-section,.inventory-controls-vertical .add-section{display:flex;align-items:center}.inventory-controls-vertical .search-input,.inventory-controls-vertical .add-input{width:100%;max-width:280px;flex:1}.add-item-container{display:flex;align-items:center;gap:8px;width:100%;max-width:280px}.add-item-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;background:linear-gradient(135deg,#eaa108,#a66a05);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 4px 12px #eaa1081a;position:relative;overflow:hidden}.add-item-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f4b31c,#eaa108);border-radius:12px;opacity:0;animation:pulse-glow 2s ease-in-out infinite;z-index:-1}@keyframes pulse-glow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.15;transform:scale(1.02)}}.add-item-btn svg{color:inherit;fill:currentColor;stroke:currentColor;transition:all .3s ease}.add-item-btn:hover{background:linear-gradient(135deg,#ce8604,#85540c);transform:translateY(-2px);box-shadow:0 12px 30px #eaa10840}.add-item-btn:hover:before{animation-duration:1s;opacity:.2}.add-item-btn:active{transform:translateY(0) scale(.95);box-shadow:0 4px 15px #eaa10826}.dark .add-item-btn{background:linear-gradient(135deg,#85540c,#6e4610)}.dark .add-item-btn:hover{background:linear-gradient(135deg,#a66a05,#85540c)}.dark .add-item-btn:before{background:linear-gradient(135deg,#eaa108,#85540c)}.dynamic-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dynamic-btn:disabled{opacity:.5;cursor:not-allowed}.dynamic-btn.add-btn{background:linear-gradient(135deg,#eaa108,#a66a05);color:#fff}.dynamic-btn.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#ce8604,#85540c);transform:translateY(-2px);box-shadow:0 12px 30px #eaa10840}.dynamic-btn.remove-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.dynamic-btn.remove-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 12px 30px #ef444440}.dynamic-btn span{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;-webkit-user-select:none;user-select:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;text-align:center;position:relative;transform:translateY(-1px)}.dynamic-btn:active{transform:translateY(0) scale(.95)}.dark .dynamic-btn.add-btn{background:linear-gradient(135deg,#85540c,#6e4610)}.dark .dynamic-btn.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#a66a05,#85540c)}.dark .dynamic-btn.remove-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}.dark .dynamic-btn.remove-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b)}.search-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-input{width:320px;min-width:280px}.status-banner{border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .3s ease}.status-open{background:linear-gradient(135deg,#fff8e7,#fdecc2);border:1px solid #FBDC8F}.status-closed{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.status-content{display:flex;align-items:center;gap:12px}.status-icon{font-size:24px}.status-text{flex:1}.status-title{margin:0 0 4px;font-size:16px;font-weight:600}.status-open .status-title{color:#a66a05}.status-closed .status-title{color:#dc2626}.status-description{margin:0;font-size:14px}.status-open .status-description{color:#0c4a6e}.status-closed .status-description{color:#991b1b}.status-toggle-btn{padding:8px 16px;border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.toggle-open{background:linear-gradient(135deg,#10b981,#059669)}.toggle-open:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.toggle-closed{background:linear-gradient(135deg,#6b7280,#4b5563)}.toggle-closed:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:16px 0}.po-notice-toast{position:fixed;top:16px;left:0;right:0;margin:0 auto;z-index:10000;max-width:460px;width:calc(100% - 32px);padding:14px 20px;border-radius:14px;font-size:14px;font-weight:500;line-height:1.5;text-align:center;letter-spacing:.01em;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.po-notice-toast--warning{background:#fffbebf0;color:#78350f;border:1px solid rgba(251,191,36,.45);box-shadow:0 4px 24px #f59e0b1f,0 1px 3px #0000000f}.po-notice-toast--success{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 28px #10b98140;font-weight:600}.po-notice-toast--error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 28px #ef444438;font-weight:600}.dark .po-notice-toast--warning{background:#1c1917eb;color:#fde68a;border-color:#f59e0b59;box-shadow:0 8px 32px #0006,0 0 0 1px #f59e0b14}.place-order-item--focused.menu-item-card{outline:2px solid #4f46e5;outline-offset:3px;transform:scale(1.02);box-shadow:0 8px 24px #4f46e538;z-index:1}.menu-item-card.place-order-item--focused .btn-keyboard-add{width:100%;background:#4f46e51a;color:#4338ca;border:2px solid #4f46e5;box-shadow:none;font-weight:600}.dark .menu-item-card.place-order-item--focused .btn-keyboard-add{color:#c7d2fe;border-color:#6366f1;background:#6366f12e}.place-order-page button.place-order-item--focused{outline:2px solid #4f46e5;outline-offset:2px;transform:scale(1.03);box-shadow:0 4px 14px #4f46e559!important}.place-order-page>.card>.card-header{flex-wrap:nowrap}.place-order-page>.card>.card-header>h2{flex-shrink:0}.place-order-page>.card>.card-header>.card-title-action{flex:1 1 auto;min-width:0;width:auto}.menu-item-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel-bg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;height:100%}.menu-item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#eaa108}.menu-item-image{height:200px;background-size:cover;background-position:center;background-color:#fbf4e9;background-image:linear-gradient(145deg,#fbf4e9,#f4e4c3 45%,#eaa10833);position:relative}.menu-item-image--empty:after{content:"🍽";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px;opacity:.45;pointer-events:none}.price-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:var(--shadow-sm);z-index:1}.menu-item-content{padding:16px;display:flex;flex-direction:column;flex:1;background:linear-gradient(180deg,#fff,#fff9f0)}.menu-item-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.dark .menu-item-content{background:linear-gradient(180deg,#1f2937,#111827)}.dark .menu-item-title{color:#f9fafb}.dark .menu-item-image{background-color:#1f2937;background-image:linear-gradient(145deg,#1f2937,#374151 45%,#eaa10833)}.menu-item-qty{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px;border-radius:10px;background:linear-gradient(135deg,#eaa108,#ce8604);box-shadow:0 4px 12px #eaa10847}.menu-item-qty-btn{width:36px;height:36px;border:none;border-radius:8px;background:#fffffff2;color:#85540c;font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.menu-item-qty-btn:hover:not(:disabled){background:#fff;transform:scale(1.05)}.menu-item-qty-btn:disabled{opacity:.45;cursor:not-allowed}.menu-item-qty-btn--plus{background:#fff;color:#ce8604}.menu-item-qty-value{min-width:44px;text-align:center;font-weight:700;font-size:18px;color:#fff}.menu-item-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.4;min-height:40px;flex-grow:1}.order-btn{width:100%;padding:12px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-disabled{background:#9ca3af;color:#fff;cursor:not-allowed;opacity:.7}.success-message{margin-top:20px;padding:20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;text-align:center;box-shadow:var(--shadow-md)}.success-title{font-size:18px;font-weight:600;margin-bottom:8px}.token-number{font-size:24px;font-weight:700;font-family:monospace;margin-bottom:8px}.success-description{font-size:14px;opacity:.9}.instructions-section{margin-top:20px;padding:16px;background:var(--muted-bg);border-radius:8px;font-size:14px;color:var(--text-secondary);text-align:center}.btn-primary{background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg,#ce8604,#a66a05);transform:translateY(-1px);box-shadow:0 4px 12px #eaa1084d}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none}.btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}@media(max-width:768px){.home-dashboard{gap:12px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.menu-items-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.status-banner{flex-direction:column;align-items:flex-start;gap:12px}.status-content{width:100%}.status-toggle-btn{width:100%;justify-content:center}.search-input{width:100%;min-width:auto}.search-section{flex-direction:column;align-items:stretch;gap:12px}.btn{padding:10px 16px;font-size:14px}.card{padding:var(--space-4)}.table{font-size:14px}.table th,.table td{padding:var(--space-2) var(--space-3)}.table th:nth-child(1),.table td:nth-child(1){width:30%}.table th:nth-child(2),.table td:nth-child(2){width:15%}.table th:nth-child(3),.table td:nth-child(3){width:12%}.table th:nth-child(4),.table td:nth-child(4){width:18%}.table th:nth-child(5),.table td:nth-child(5){width:25%}.inventory-items-table th:nth-child(1),.inventory-items-table td:nth-child(1){width:48px}.inventory-items-table th:nth-child(2),.inventory-items-table td:nth-child(2){width:56px}.inventory-items-table th:nth-child(3),.inventory-items-table td:nth-child(3){width:24%;text-align:left}.inventory-items-table th:nth-child(4),.inventory-items-table td:nth-child(4){width:80px}.inventory-items-table th:nth-child(5),.inventory-items-table td:nth-child(5){width:16%}.inventory-items-table th:nth-child(6),.inventory-items-table td:nth-child(6){width:14%}.inventory-items-table th:nth-child(7),.inventory-items-table td:nth-child(7){width:18%}.actions .btn{min-width:65px;font-size:11px;padding:6px 8px;max-width:none}}@media(max-width:480px){.summary-cards,.menu-items-grid,.charts-section{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.inventory-value-edit{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;min-height:32px}.inventory-value-edit--center{justify-content:center}.inventory-value-edit--price{justify-content:flex-end}.inventory-edit-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border, #efe7d8);border-radius:8px;background:#fff;color:#374151;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.inventory-edit-icon-btn:hover{background:#fbf4e9;border-color:#eaa108;color:#85540c}.inventory-edit-text-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;min-height:32px;border:1.5px solid #EAA108;border-radius:8px;background:#fff;color:#85540c;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0;text-decoration:none;box-shadow:0 1px 3px #eaa10826;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.inventory-edit-text-btn:hover{color:#2a1d00;background:#fff6e4;border-color:#ce8604;box-shadow:0 2px 6px #eaa10840}.dark .inventory-edit-text-btn{color:#f4b31c;background:#1f2937;border-color:#eaa108}.dark .inventory-edit-text-btn:hover{color:#ffe08a;background:#374151;border-color:#f4b31c}.btn.inventory-mark-btn{padding:10px 16px;font-size:14px;min-width:100px;white-space:nowrap;font-weight:600;border-radius:10px;transition:filter .15s ease,transform .12s ease;box-shadow:none!important}.btn.inventory-mark-btn--in,.dark .btn.inventory-mark-btn--in,html.dark .btn.inventory-mark-btn--in,[data-theme=dark] .btn.inventory-mark-btn--in{background:linear-gradient(135deg,#d1fae5,#a7f3d0 55%,#86efac)!important;color:#166534!important;border:1px solid rgba(34,197,94,.4)!important}.btn.inventory-mark-btn--in:hover,.dark .btn.inventory-mark-btn--in:hover,html.dark .btn.inventory-mark-btn--in:hover,[data-theme=dark] .btn.inventory-mark-btn--in:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)!important;filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 2px 8px #22c55e2e!important}.btn.inventory-mark-btn--out,.dark .btn.inventory-mark-btn--out,html.dark .btn.inventory-mark-btn--out,[data-theme=dark] .btn.inventory-mark-btn--out{background:linear-gradient(135deg,#fee2e2,#fecaca 55%,#fca5a5)!important;color:#991b1b!important;border:1px solid rgba(239,68,68,.4)!important}.btn.inventory-mark-btn--out:hover,.dark .btn.inventory-mark-btn--out:hover,html.dark .btn.inventory-mark-btn--out:hover,[data-theme=dark] .btn.inventory-mark-btn--out:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)!important;filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 2px 8px #ef44442e!important}html.dark .btn.inventory-mark-btn--in,[data-theme=dark] .btn.inventory-mark-btn--in{background:linear-gradient(135deg,#22c55e38,#16a34a29)!important;color:#bbf7d0!important;border-color:#4ade8059!important}html.dark .btn.inventory-mark-btn--in:hover,[data-theme=dark] .btn.inventory-mark-btn--in:hover{background:linear-gradient(135deg,#22c55e52,#16a34a3d)!important;box-shadow:0 2px 8px #22c55e1f!important}html.dark .btn.inventory-mark-btn--out,[data-theme=dark] .btn.inventory-mark-btn--out{background:linear-gradient(135deg,#f8717138,#ef444429)!important;color:#fecaca!important;border-color:#f8717159!important}html.dark .btn.inventory-mark-btn--out:hover,[data-theme=dark] .btn.inventory-mark-btn--out:hover{background:linear-gradient(135deg,#f8717152,#ef44443d)!important;box-shadow:0 2px 8px #ef44441f!important}.receipt-preview-overlay{position:fixed;inset:0;z-index:100000;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.receipt-preview-modal{background:var(--panel-bg, #f3f4f6);color:var(--text, #111827);border:1px solid var(--border, #e5e7eb);border-radius:12px;max-width:min(420px,100%);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000059;overflow:hidden}.receipt-preview-header{padding:12px 16px;border-bottom:1px solid var(--border, #e5e7eb);display:flex;align-items:center;justify-content:space-between;background:var(--panel-bg, #fff);color:var(--text, #111827)}.receipt-preview-header strong{font-size:15px}.receipt-preview-close{padding:4px 8px}.receipt-preview-body{overflow:auto;padding:16px;background:var(--muted-bg, #e5e7eb)}.receipt-preview-footer{padding:12px;border-top:1px solid var(--border, #e5e7eb);display:flex;gap:8px;justify-content:flex-end;background:var(--panel-bg, #fff)}.receipt-preview-print-btn{display:inline-flex;align-items:center;gap:6px}html.dark .receipt-preview-body,[data-theme=dark] .receipt-preview-body{background:#0a0a0a}.price-cell{cursor:default;padding:4px 4px 4px 8px;border-radius:4px;display:inline-block;min-width:48px;font-weight:600;color:var(--text);text-align:right}.price-input{width:80px;font-size:12px;padding:4px 6px;border:1px solid var(--primary-500);border-radius:4px;background:var(--panel-bg);color:var(--text);transition:all .2s ease;appearance:textfield;-moz-appearance:textfield}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 2px #eaa1081a}.dark .price-input:focus{box-shadow:0 0 0 2px #eaa10833}.quantity-input{width:80px;font-size:12px;padding:4px 6px;border:1px solid var(--primary-500);border-radius:4px;background:var(--panel-bg);color:var(--text);transition:all .2s ease;text-align:center;appearance:textfield;-moz-appearance:textfield}.quantity-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 2px #eaa1081a}.dark .quantity-input:focus{box-shadow:0 0 0 2px #eaa10833}.stock-status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:100px}.inventory-auto-ready-toggle{vertical-align:middle}.inventory-items-table td .inventory-auto-ready-toggle{display:inline-block}.table td{vertical-align:middle}.table td strong{display:block;word-break:break-word}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-cell{cursor:default;padding:4px;border-radius:4px;display:inline-block;min-width:28px;text-align:center;font-size:14px;font-weight:600}.food-items-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;grid-auto-rows:min-content}@media(max-width:1200px){.food-items-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media(max-width:1024px){.food-items-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media(max-width:768px){.food-items-grid{grid-template-columns:repeat(2,1fr);gap:6px}}@media(max-width:480px){.food-items-grid{grid-template-columns:1fr;gap:6px}}.compact-card{padding:10px!important;min-height:auto!important;max-width:200px;background:#fff;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.compact-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #eaa10826;border-color:#eaa108;background:linear-gradient(135deg,#fff,#fff8e7)}.dark .compact-card{background:var(--gray-800);border-color:var(--gray-600)}.dark .compact-card:hover{background:linear-gradient(135deg,#1f2937,#6e4610);border-color:#eaa108;box-shadow:0 8px 25px #eaa10840}.compact-card .mb-4{margin-bottom:8px!important}.compact-card .space-y-3>*+*{margin-top:6px!important}.compact-card h3{font-size:15px!important;line-height:1.3!important;margin-bottom:4px!important}.compact-card .text-2xl{font-size:18px!important}.compact-card .text-sm{font-size:11px!important}.compact-card .space-y-3{display:flex;flex-direction:column}.compact-card .flex.items-center.justify-between{align-items:flex-start}.compact-card .flex.items-center.gap-2{gap:6px!important}.compact-card .bg-accent\/10{padding:4px!important}.compact-card .card-header{margin-bottom:8px!important}.compact-card .food-item-name{font-size:16px!important}.compact-card .pending-badge{font-size:12px!important;padding:4px 8px!important}.compact-card .flex.gap-2{gap:6px!important}.compact-card label{font-size:12px!important}.compact-card .input{height:32px!important;font-size:14px!important}.compact-card .btn{height:32px!important;padding:0 12px!important;font-size:13px!important}.mo-item-card--focused{outline:2px solid #4f46e5;outline-offset:3px;transform:scale(1.02);box-shadow:0 8px 24px #4f46e538;z-index:1}.mo-page-hint-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:0;min-height:40px}.mo-keyboard-hint{margin:8px 0 0;font-size:12px;color:#111827;font-weight:500}.mo-keyboard-hint--page{margin:0;grid-column:2;justify-self:center;font-size:14px;font-weight:600;color:#000;text-align:center;padding:0;border:none;border-radius:0;background:transparent}.mo-page-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}.mo-page-refresh-btn,.mo-page-picture-btn{position:static;transform:none;padding:8px;min-width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:opacity .2s,box-shadow .2s,background .2s,border-color .2s}.mo-page-refresh-btn:hover,.mo-page-refresh-btn:active,.mo-page-picture-btn:hover,.mo-page-picture-btn:active{transform:none}.mo-page-picture-btn.active{background:var(--brand-gradient);color:var(--brand-ink, #2A1D00)}.mo-picture-card{display:flex;flex-direction:column;overflow:hidden;padding:0!important;min-height:0!important}.mo-picture-card .mo-picture-media{width:100%;aspect-ratio:1 / 1;max-height:120px;background:#f3f4f6;overflow:hidden}.mo-picture-card .mo-picture-media img{width:100%;height:100%;object-fit:cover;display:block}.mo-picture-card .mo-item-card-header,.mo-picture-card .mo-item-body{padding:8px 10px}.mo-picture-card .mo-item-card-header{margin-bottom:4px!important;gap:4px}.mo-picture-card .mo-item-title{font-size:.92rem!important;margin:0!important}.food-items-grid.mo-picture-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.mo-ready-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mo-ready-label-row--picture{margin-bottom:6px}.mo-status-chip--inline{flex-shrink:0;font-size:.72rem;padding:2px 8px}.dark .mo-picture-card .mo-picture-media{background:#1f2937}.dark .mo-keyboard-hint--page{color:#f9fafb}.dark .mo-keyboard-hint,.dark .mo-keyboard-hint--page{color:#f9fafb;background:transparent;border:none}.mo-item-card{border-radius:22px!important;padding:16px!important;max-width:none;min-height:200px;background:var(--panel-bg)!important;border:1px solid var(--border)!important;box-shadow:0 4px 16px #0f172a14;display:flex!important;flex-direction:column;align-items:stretch;height:100%;box-sizing:border-box;overflow:hidden}.mo-item-card:hover{transform:translateY(-1px);border-color:var(--gray-300, #cbd5e1)!important;box-shadow:0 8px 24px #0f172a1f}.mo-item-card-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;margin-bottom:14px!important;min-width:0;width:100%;flex:0 0 auto;flex-wrap:nowrap}.mo-item-title{margin:0!important;font-size:38px;font-weight:900;color:var(--text);line-height:1.15;letter-spacing:.1px;flex:0 1 auto;width:100%;min-width:0;overflow-wrap:break-word;word-break:normal}.mo-status-chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:12px;border:1px solid var(--border);padding:4px 10px;font-size:12px;font-weight:800;color:var(--text-secondary);background:var(--muted-bg, #f1f5f9);flex:0 0 auto}.mo-status-chip--preparing{border-color:#f59e0b;background:#fef3c7;color:#92400e}.mo-item-body{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:auto;flex:0 0 auto}.mo-ready-block{width:100%}.mo-ready-block label{display:block;font-size:16px!important;font-weight:800!important;color:var(--text)!important;margin-bottom:10px!important}.mo-ready-row{display:flex;align-items:center;gap:10px;min-width:0;width:100%}.mo-ready-input{height:44px!important;border-radius:12px!important;border:1px solid var(--border)!important;background:var(--panel-bg)!important;color:var(--text)!important;font-size:30px!important;font-weight:700;padding:0 14px!important;min-width:0}.mo-ready-input::placeholder{color:var(--text-secondary);opacity:.7}.mo-ready-btn{width:58px;height:44px!important;border-radius:14px!important;display:inline-flex!important;align-items:center;justify-content:center;background:var(--brand-gradient)!important;border:1px solid transparent!important;color:var(--brand-ink)!important}.mo-ready-btn:hover:not(:disabled){background:var(--brand-gradient-hover)!important}.mo-takeaway-footer{display:flex;align-items:center;gap:10px;margin:14px -16px -16px;padding:11px 16px;background:#f3eee4;border-top:1px solid #e8dfd0;color:#3f3a32;font-size:14px;font-weight:800;line-height:1}.mo-takeaway-footer-left{display:inline-flex;align-items:center;gap:8px;min-width:0}.mo-takeaway-footer-label{font-weight:800;letter-spacing:.01em}.mo-takeaway-footer-sep{color:#b7ae9f;font-weight:500}.mo-takeaway-footer-count{font-weight:900;font-variant-numeric:tabular-nums}.mo-picture-card .mo-takeaway-footer{margin-top:12px}.dark .mo-item-card{background:linear-gradient(180deg,#1f2a3f,#202b3e)!important;border:1px solid #4b5d79!important;box-shadow:0 8px 24px #040a1c59}.dark .mo-item-card:hover{border-color:#5f7597!important;box-shadow:0 10px 30px #070e2273;background:linear-gradient(180deg,#24324a,#212c40)!important}.dark .mo-item-title{color:#f4f7fb}.dark .mo-status-chip{border-color:#52627d;color:#cdd6e4;background:#2a3448}.dark .mo-status-chip--preparing{border-color:#d28a00;background:#5d3f00;color:#ffd877}.dark .mo-ready-input{border:1px solid #4c5d78!important;background:#1f2a3b!important;color:#e7edf8!important}.dark .mo-ready-input::placeholder{color:#8ea0be;opacity:1}.dark .mo-ready-btn{background:#2e62cb!important;border:1px solid #3b72dc!important;color:#b8d3ff!important}.dark .mo-ready-btn:hover:not(:disabled){background:#3c73de!important}.dark .mo-takeaway-footer{background:#2a3346;border-top-color:#3d4b63;color:#e7edf8}.dark .mo-takeaway-footer-sep{color:#7b8aa5}.coming-soon-card{text-align:center;padding:2rem!important;overflow:visible;min-height:auto;box-sizing:border-box}.coming-soon-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%;max-width:100%;text-align:left}.coming-soon-icon{font-size:4rem;margin-bottom:.5rem;align-self:center}.coming-soon-title{font-size:2rem;font-weight:700;color:var(--primary);margin:0;align-self:center}.coming-soon-description{font-size:1rem;color:var(--muted);line-height:1.6;max-width:500px;margin:0;word-wrap:break-word;overflow-wrap:break-word;align-self:center;text-align:center}.coming-soon-status{display:flex;justify-content:center;margin:1rem 0;width:100%}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--primary-rgb),.1);border-radius:1rem;color:var(--primary);font-weight:500;justify-content:center}.features-preview{width:100%;max-width:500px;margin-top:1rem;overflow:visible;text-align:left}.features-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:1rem;text-align:left}.features-list{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--panel-bg);border-radius:.5rem;border:1px solid rgba(var(--primary-rgb),.1);transition:all .2s ease;text-align:left}.feature-item:hover{border-color:rgba(var(--primary-rgb),.2);transform:translateY(-1px)}.feature-item span{color:var(--text);font-weight:500;flex:1}.planner-grid{display:flex;flex-direction:column;gap:24px}.planner-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.planner-stat-card{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--panel-bg);box-shadow:0 8px 24px #0f172a0d}.planner-stat-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.planner-stat-body{display:flex;flex-direction:column;gap:2px}.planner-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.planner-stat-value{font-size:24px;font-weight:700;color:var(--text)}.planner-stat-sublabel{font-size:13px;color:var(--text-secondary)}.planner-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px}.planner-filter-group{display:flex;flex-wrap:wrap;gap:8px}.planner-filter-chip{border:1px solid var(--border);border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:500;background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.planner-filter-chip.active{background:#ce86041f;color:var(--primary);border-color:#ce860466}.planner-control-right{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.planner-search{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:12px;padding:6px 12px;background:var(--panel-bg)}.planner-search input{border:none;outline:none;background:transparent;font-size:14px;color:var(--text);min-width:160px}.planner-select{border:1px solid var(--border);border-radius:12px;padding:7px 12px;background:var(--panel-bg);color:var(--text);font-size:14px}.planner-updated{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.planner-error{padding:12px 14px;border-radius:12px;background:#ef44441f;color:#b91c1c;font-size:14px;margin-bottom:12px}.planner-loading{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.planner-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:8px}.planner-column{border:1px solid var(--border);border-radius:16px;padding:16px;min-height:220px;background:var(--panel-bg);display:flex;flex-direction:column}.planner-column-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:12px}.planner-column-count{font-size:12px;font-weight:600;color:var(--text-secondary)}.planner-column-body{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;padding-right:4px}.planner-card{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#fff;box-shadow:0 10px 30px #0f172a14}.dark .planner-card{background:#0f172ab3}.planner-card-title{display:flex;align-items:baseline;justify-content:space-between;font-size:14px;gap:8px}.planner-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-secondary);margin-top:6px}.planner-card-meta.secondary{color:var(--text);font-weight:500}.planner-progress{background:#94a3b840;height:6px;border-radius:9999px;margin-top:10px}.planner-progress-bar{height:100%;border-radius:9999px;transition:width .2s ease}.planner-empty{border:1px dashed var(--border);border-radius:12px;padding:20px 12px;text-align:center;font-size:13px;color:var(--text-secondary)}.planner-worklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.planner-worklist-header h3{margin:0;font-size:18px}.planner-worklist-header p{margin:2px 0 0;font-size:13px;color:var(--text-secondary)}.planner-list{display:flex;flex-direction:column;gap:12px}.planner-row{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:14px;padding:12px 16px;align-items:center}.planner-row-title{font-weight:600;font-size:15px;display:flex;align-items:baseline;gap:8px}.planner-row-qty{font-size:13px;color:var(--text-secondary)}.planner-row-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-secondary);margin-top:6px}.planner-row-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.planner-row-outstanding{font-size:12px;color:var(--text-secondary)}.planner-backlog-list{display:flex;flex-direction:column;gap:12px}.planner-backlog-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:14px;padding:12px 16px}.planner-backlog-serial{font-size:12px;margin-left:8px;color:var(--text-secondary)}.planner-backlog-bars{display:flex;gap:8px;font-size:12px;flex-wrap:wrap}.pending-chip,.preparing-chip,.ready-chip{border-radius:9999px;padding:4px 10px;font-weight:600}.pending-chip{background:#f973161f;color:#c2410c}.preparing-chip{background:#ce86041f;color:#a66a05}.ready-chip{background:#22c55e1f;color:#15803d}@media(max-width:640px){.planner-control-right{width:100%;justify-content:space-between}.planner-search input{min-width:0;width:120px}.planner-row{flex-direction:column;align-items:flex-start}.planner-row-status{width:100%;align-items:flex-start}}@media(max-width:768px){.coming-soon-card{padding:1.5rem}.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:1.75rem}.coming-soon-description{font-size:.9rem}}@media(max-width:480px){.coming-soon-card{padding:1rem}.coming-soon-icon{font-size:2.5rem}.coming-soon-title{font-size:1.5rem}.features-preview{max-width:100%}}.add-item-panel-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;align-items:stretch}.add-item-panel{width:480px;max-width:90vw;background:#fff;border-left:1px solid var(--border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.dark .add-item-panel{background:var(--gray-800);border-color:var(--gray-600)}.add-item-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border);background:var(--gray-50)}.dark .add-item-panel-header{background:var(--gray-700);border-color:var(--gray-600)}.add-item-panel-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text)}.add-item-panel-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease}.add-item-panel-close:hover{background:var(--gray-200);color:var(--text)}.dark .add-item-panel-close:hover{background:var(--gray-600)}.add-item-form{padding:var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:14px;font-weight:500;color:var(--text)}.form-input{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:var(--text);font-size:14px;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #eaa1081a}.dark .form-input{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}.dark .form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #eaa10833}.form-textarea{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:var(--text);font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #eaa1081a}.dark .form-textarea{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}.dark .form-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #eaa10833}.image-upload-container{position:relative}.upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--gray-50);position:relative;min-height:120px;display:flex;align-items:center;justify-content:center}.upload-area:hover{border-color:var(--primary-500);background:var(--primary-50)}.upload-area.drag-active{border-color:var(--primary-500);background:var(--primary-100);transform:scale(1.02)}.upload-area.disabled{opacity:.5;cursor:not-allowed}.dark .upload-area{background:var(--gray-700);border-color:var(--gray-600)}.dark .upload-area:hover{border-color:var(--primary-400);background:var(--primary-900)}.dark .upload-area.drag-active{border-color:var(--primary-400);background:var(--primary-800)}.upload-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-secondary)}.upload-icon{color:var(--text-secondary);opacity:.7}.upload-text{display:flex;flex-direction:column;gap:var(--space-1)}.upload-title{font-weight:500;font-size:14px;color:var(--text)}.upload-subtitle{font-size:12px;color:var(--text-secondary)}.upload-arrow{opacity:.5;transition:transform .2s ease}.upload-area:hover .upload-arrow{transform:translateY(2px)}.file-selected{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.dark .file-selected{background:var(--gray-700);border-color:var(--gray-600)}.file-preview{flex-shrink:0}.preview-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.file-info{flex:1;text-align:left}.file-name{font-weight:500;font-size:14px;color:var(--text);margin-bottom:2px;word-break:break-word}.file-size{font-size:12px;color:var(--text-secondary)}.remove-file-btn{flex-shrink:0;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;border:none;background:#ef4444;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #ef444459}.remove-file-btn svg,.remove-file-btn__icon{display:block;flex-shrink:0;width:18px;height:18px;color:#fff!important;stroke:#fff!important;fill:none!important;overflow:visible;pointer-events:none}.remove-file-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05);box-shadow:0 4px 12px #dc262673}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark .remove-file-btn{background:#ef4444;color:#fff;box-shadow:0 2px 10px #00000059}.dark .remove-file-btn:hover:not(:disabled){background:#f87171;color:#fff}.upload-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:14px}.dark .upload-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.image-upload-input{position:absolute;opacity:0;width:0;height:0}.image-upload-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--gray-50);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:center;justify-content:center}.image-upload-label:hover{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.dark .image-upload-label{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-300)}.dark .image-upload-label:hover{border-color:var(--primary-400);background:var(--primary-900);color:var(--primary-300)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;font-size:14px}.dark .form-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.form-actions{display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.btn-secondary{background:var(--gray-100);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-300)}.dark .btn-secondary{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}.dark .btn-secondary:hover{background:var(--gray-600);border-color:var(--gray-500)}.btn-primary{background:var(--primary-500);color:#fff;border:1px solid var(--primary-500)}.btn-primary:hover,.dark .btn-primary{background:var(--primary-600);border-color:var(--primary-600)}.dark .btn-primary:hover{background:var(--primary-500);border-color:var(--primary-500)}.search-input{width:100%;max-width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 4px #0000000d;height:44px;box-sizing:border-box}.search-input:hover{border-color:#eaa108;box-shadow:0 4px 12px #eaa10826;transform:translateY(-2px)}.search-input:focus{border-color:#eaa108;box-shadow:0 0 0 3px #eaa1081a,0 4px 12px #eaa10826;transform:translateY(-2px)}.search-input::placeholder{color:#4b5563;opacity:1;font-style:normal}.add-input{width:100%;max-width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 4px #0000000d;height:44px;box-sizing:border-box}.add-input:hover{border-color:#eaa108;box-shadow:0 4px 12px #eaa10826;transform:translateY(-2px)}.add-input:focus{border-color:#eaa108;box-shadow:0 0 0 3px #eaa1081a,0 4px 12px #eaa10826;transform:translateY(-2px)}.add-input::placeholder{color:#9ca3af;font-style:italic}.dark .search-input{background:#374151;border-color:#4b5563;color:#fff}.dark .search-input:hover{border-color:#f4b31c;box-shadow:0 4px 12px #60a5fa26}.dark .search-input:focus{border-color:#f4b31c;box-shadow:0 0 0 3px #60a5fa1a,0 4px 12px #60a5fa26}.dark .search-input::placeholder{color:#d1d5db;opacity:1}.dark .add-input{background:#374151;border-color:#4b5563;color:#fff}.dark .add-input:hover{border-color:#f4b31c;box-shadow:0 4px 12px #60a5fa26}.dark .add-input:focus{border-color:#f4b31c;box-shadow:0 0 0 3px #60a5fa1a,0 4px 12px #60a5fa26}.dark .add-input::placeholder{color:#9ca3af}.reports-preview{display:flex;flex-direction:column;gap:10px;padding:4px 0 0}.reports-buttons{display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:flex-start;flex-wrap:wrap}.reports-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat-item{text-align:center;padding:32px 24px;background:var(--muted-bg);border:1px solid var(--border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent);transition:left .5s}.stat-item:hover:before{left:100%}.stat-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.summary-card:nth-child(1){background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;border:none}.summary-card:nth-child(1):hover{background:linear-gradient(135deg,#ce8604,#a66a05);transform:translateY(-3px);box-shadow:0 12px 30px #eaa1084d}.summary-card:nth-child(2){background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.summary-card:nth-child(2):hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-3px);box-shadow:0 12px 30px #f59e0b4d}.summary-card:nth-child(3){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.summary-card:nth-child(3):hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 12px 30px #10b9814d}.summary-card:nth-child(4){background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.summary-card:nth-child(4):hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-3px);box-shadow:0 12px 30px #8b5cf64d}.stat-item:nth-child(1){background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;border:none}.stat-item:nth-child(1):hover{background:linear-gradient(135deg,#ce8604,#a66a05);transform:translateY(-3px);box-shadow:0 12px 30px #eaa1084d}.stat-item:nth-child(2){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.stat-item:nth-child(2):hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 12px 30px #10b9814d}.stat-item:nth-child(3){background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.stat-item:nth-child(3):hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-3px);box-shadow:0 12px 30px #f59e0b4d}.stat-item:nth-child(4){background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.stat-item:nth-child(4):hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-3px);box-shadow:0 12px 30px #8b5cf64d}.stat-number{font-size:36px;font-weight:700;margin-bottom:12px;color:inherit;position:relative;z-index:1}.stat-label{font-size:16px;color:inherit;font-weight:500;opacity:.9;position:relative;z-index:1}.reports-btn{background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;border:none;padding:12px 22px;border-radius:12px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;flex:0 1 auto;position:relative;overflow:hidden}.reports-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent);transition:left .5s}.reports-btn:hover:before{left:100%}.reports-btn:hover{background:linear-gradient(135deg,#ce8604,#a66a05);transform:translateY(-3px);box-shadow:0 12px 30px #eaa1084d}.export-csv-btn{background:linear-gradient(135deg,#10b981,#059669)}.export-csv-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 30px #10b9814d}.export-excel-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.export-excel-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 12px 30px #f59e0b4d}.reports-shortcut-btn{background:linear-gradient(135deg,#eaa108,#ce8604);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}.reports-shortcut-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent);transition:left .5s}.reports-shortcut-btn:hover:before{left:100%}.reports-shortcut-btn:hover{background:linear-gradient(135deg,#ce8604,#a66a05);transform:translateY(-2px);box-shadow:0 8px 20px #eaa1084d}.no-scrollbar::-webkit-scrollbar{display:none}.lucide-icon,[class*=lucide-]{color:inherit}svg{color:inherit}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.reports-modal{max-width:1400px!important;width:92%!important;max-height:95vh!important;overflow-y:auto;overflow-x:hidden;min-height:80vh}.modal-content.reports-modal{max-width:1400px!important;width:92%!important;max-height:95vh!important;min-height:80vh!important;overflow-y:auto!important;overflow-x:hidden!important}.modal-content.reports-modal .modal-body{overflow-y:auto!important;overflow-x:hidden!important;max-height:none!important;padding:0!important}.reports-modal-content{display:flex;flex-direction:column;gap:24px;padding:24px;width:100%;max-width:100%;box-sizing:border-box}.reports-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:20px;background:var(--muted-bg);border-radius:16px;border:1px solid var(--border)}.reports-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;background:var(--muted-bg);border-radius:16px;border:1px solid var(--border)}.reports-table{overflow-x:hidden;overflow-y:visible;padding:20px;background:var(--muted-bg);border-radius:16px;border:1px solid var(--border);width:100%;box-sizing:border-box}.reports-table-scroll{max-height:min(55vh,520px);overflow:auto}.reports-table-scroll .table td:nth-child(2),.reports-table-scroll .table th:nth-child(2){white-space:normal;overflow:visible;text-overflow:unset;vertical-align:top}.reports-table .table{width:100%;table-layout:fixed}.reports-table .table th,.reports-table .table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px 8px}.reports-table .table th:nth-child(1),.reports-table .table td:nth-child(1){width:15%}.reports-table .table th:nth-child(2),.reports-table .table td:nth-child(2){width:25%}.reports-table .table th:nth-child(3),.reports-table .table td:nth-child(3){width:15%;text-align:right}.reports-table .table th:nth-child(4),.reports-table .table td:nth-child(4){width:22.5%;font-size:13px}.reports-table .table th:nth-child(5),.reports-table .table td:nth-child(5){width:22.5%;font-size:13px}.table-note{text-align:center;padding:12px;color:#666;font-size:14px;background:var(--muted-bg);border-radius:8px;margin-top:12px}@media(max-width:768px){.reports-stats,.reports-summary{grid-template-columns:1fr}.reports-filters{flex-direction:column;align-items:stretch}.reports-filters>div:last-child{margin-left:0;justify-content:center}.reports-modal{width:95%!important;margin:10px;max-height:95vh}.reports-modal-content{padding:12px;gap:12px}.reports-filters,.reports-summary,.reports-table{padding:12px}.reports-table .table th,.reports-table .table td{font-size:12px;padding:8px 4px}.reports-table .table th:nth-child(4),.reports-table .table td:nth-child(4),.reports-table .table th:nth-child(5),.reports-table .table td:nth-child(5){font-size:11px}.reports-buttons{flex-direction:row;align-items:stretch;justify-content:flex-start}.reports-btn{min-width:0;flex:1 1 calc(50% - 6px);max-width:none;width:auto}}@media(max-width:1200px){.charts-section{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.summary-cards{grid-template-columns:1fr}.summary-card{padding:16px}.summary-icon{width:50px;height:50px;font-size:24px}.summary-value{font-size:24px}.chart-placeholder{height:150px}.chart-bars{height:80px}.home-dashboard{gap:16px}.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-action-btn{min-height:60px;padding:12px 8px}.btn-icon{font-size:20px;margin-bottom:6px}.btn-text{font-size:11px}.theme-toggle-btn{width:40px;height:40px}}@media(max-width:480px){.summary-card{flex-direction:column;text-align:center;gap:12px}.summary-icon{width:40px;height:40px;font-size:20px}.chart-content{padding:12px}.chart-bars{gap:4px}.chart-bar{min-width:16px}.quick-action-btn{min-height:50px;padding:8px 6px}.btn-icon{font-size:18px;margin-bottom:4px}.btn-text{font-size:10px}.theme-toggle-btn{width:36px;height:36px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--panel-bg);border:1px solid var(--border);border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:var(--text);transition:background-color .2s ease}.modal-close:hover{background:var(--hover-bg)}.modal-close svg{color:inherit}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.bulk-close-btn{height:56px!important;padding:16px 24px!important;font-size:16px!important;font-weight:600!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important}.loading{text-align:center;padding:40px;color:#666}.items-list{display:flex;flex-direction:column;gap:12px}.item-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--muted-bg);border:1px solid var(--border);border-radius:8px}.item-name{font-weight:500;color:var(--text)}.availability-toggle{display:inline-flex;align-items:center;gap:10px}.availability-badge{min-width:36px;text-align:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--muted-bg);color:var(--text-secondary)}.availability-badge.on{background:#10b9811f;color:#065f46;border-color:#10b98159}.availability-badge.off{background:#ef44441f;color:#7f1d1d;border-color:#ef444459}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.2s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:50%;bottom:auto;transform:translateY(-50%);background-color:#fff;border:1px solid rgba(0,0,0,.1);box-sizing:border-box;transition:left .2s ease,transform .2s ease,background-color .2s ease;border-radius:50%;box-shadow:0 1px 2px #0000001f}.toggle-switch input:checked+.slider{background-color:#10b981}.toggle-switch input:checked+.slider:before{left:calc(100% - 21px);transform:translateY(-50%)}.availability-modal{background:#fff;border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000026;max-width:520px}.dark .availability-modal{background:#282c34;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000073,0 0 0 1px #ffffff0f}.availability-modal-header{padding:18px 20px;border-bottom:1px solid var(--border)}.dark .availability-modal-header{border-bottom-color:#ffffff14}.availability-modal-header h3{color:var(--text);font-size:17px;font-weight:600;letter-spacing:.01em}.dark .availability-modal-header h3{color:#f3f4f6}.availability-modal-close{color:var(--text-secondary);border-radius:8px}.dark .availability-modal-close{color:#e5e7eb}.availability-modal-close:hover{background:var(--gray-100);color:var(--text)}.dark .availability-modal-close:hover{background:#ffffff14;color:#fff}.availability-modal-body{padding:16px 8px 20px 20px;max-height:min(420px,58vh);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-inverse-thumb) var(--scrollbar-inverse-track)}.availability-modal-body::-webkit-scrollbar{width:8px}.availability-modal-body::-webkit-scrollbar-track{background:var(--scrollbar-inverse-track);border-radius:6px;margin:4px 0}.availability-modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-inverse-thumb);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.availability-modal-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-inverse-thumb-hover);background-clip:padding-box}.availability-modal-loading{color:var(--text-secondary);padding:32px 16px}.dark .availability-modal-loading{color:#9ca3af}.availability-items-list{gap:10px;padding-right:6px}.availability-item-row{padding:12px 14px;background:var(--gray-50);border:1px solid var(--border);border-radius:8px;gap:12px}.dark .availability-item-row{background:#323742;border-color:#ffffff0f}.availability-item-name{color:var(--text);font-weight:500;flex:1;min-width:0;padding-right:8px;line-height:1.35}.dark .availability-item-name{color:#f3f4f6}.availability-item-actions{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.item-qty-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 8px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:6px}.dark .item-qty-badge{color:#f9fafb;background:#1e2229;border-color:#ffffff1a}.availability-item-actions .item-qty-badge{width:2.75rem;min-width:2.5rem;max-width:3.85rem;flex:0 0 auto;padding:4px 5px;box-sizing:border-box;text-align:center;appearance:textfield;-moz-appearance:textfield}.availability-item-actions .item-qty-badge::-webkit-outer-spin-button,.availability-item-actions .item-qty-badge::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.availability-modal .availability-toggle-switch input:checked+.slider{background-color:#22c55e;box-shadow:inset 0 1px #ffffff1f}.availability-modal .availability-toggle-switch.is-disabled{opacity:.85;cursor:not-allowed}.availability-modal .availability-toggle-switch.is-disabled .slider{cursor:not-allowed;background-color:#4b5563!important;box-shadow:none}.availability-modal .availability-toggle-switch.is-disabled input:checked+.slider{background-color:#4b5563!important}.availability-modal .availability-toggle-switch.is-disabled .slider:before{background-color:#d1d5db}.orders-list{display:flex;flex-direction:column;gap:12px}.no-orders,.orders-empty{display:flex;align-items:flex-start;gap:14px;text-align:left;padding:40px 28px;margin:8px 0;border-radius:12px;border:1px dashed var(--border, #d1d5db);color:#6b7280;font-size:14px}.dark .orders-empty{border-color:#4b5563;color:#9ca3af}.orders-empty-icon{width:44px;height:44px;flex-shrink:0;opacity:.55}.orders-empty-title{margin:0 0 6px;font-weight:600;font-size:16px;color:var(--text, #374151)}.dark .orders-empty-title{color:#e5e7eb}.orders-empty-hint{margin:0;font-size:13px;line-height:1.5;color:#6b7280}.dark .orders-empty-hint{color:#9ca3af}.inventory-stock-empty{display:flex;align-items:flex-start;gap:12px;padding:28px 20px;border-radius:12px;border:1px dashed var(--border, #d1d5db);color:#6b7280;font-size:14px;margin:8px 0}.dark .inventory-stock-empty{border-color:#4b5563;color:#9ca3af}.inventory-stock-empty-title{margin:0 0 4px;font-weight:600;color:var(--text, #374151)}.dark .inventory-stock-empty-title{color:#e5e7eb}.inventory-stock-empty-hint{margin:0;font-size:13px;line-height:1.45}.category-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--muted-bg, #f9fafb);max-height:160px;overflow-y:auto}.dark .category-checkbox-grid{border-color:#374151;background:#111827}.category-checkbox-option{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:capitalize}.order-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--muted-bg);border:1px solid var(--border);border-radius:8px}.order-info{flex:1}.order-id{font-weight:600;color:var(--text);margin-bottom:4px}.order-item{color:#666;margin-bottom:4px}.order-time{font-size:12px;color:#888}.revert-btn{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.revert-btn:hover{background:#d97706}@media(max-width:768px){.modal-content{width:95%;margin:20px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.item-row,.order-row{flex-direction:column;align-items:flex-start;gap:12px}.revert-btn{align-self:flex-end}}.place-order-cart{--po-bg: #ffffff;--po-surface: #f9fafb;--po-row: #f3f4f6;--po-border: var(--border);--po-text: var(--text);--po-muted: var(--text-secondary);--po-input: #ffffff;--po-qty-btn-bg: #e5e7eb;--po-qty-btn-hover: #d1d5db;--po-qty-span-bg: #ffffff;--po-type-inactive-bg: #f3f4f6;--po-type-inactive-text: var(--text);--po-type-inactive-border: var(--border);--po-clear-bg: #fef2f2;--po-clear-text: #b91c1c;--po-clear-border: #fecaca;--po-clear-icon: #dc2626;background:var(--po-bg);border:1px solid var(--po-border);border-radius:16px;color:var(--po-text);display:flex;flex-direction:column;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow:hidden;box-shadow:var(--shadow-md)}.dark .place-order-cart{--po-bg: #161b22;--po-surface: #1e2430;--po-row: #2a3142;--po-border: rgba(255, 255, 255, .1);--po-text: #f3f4f6;--po-muted: #94a3b8;--po-input: #1a1f2e;--po-qty-btn-bg: #252b3a;--po-qty-btn-hover: #2f3750;--po-qty-span-bg: #1e2533;--po-type-inactive-bg: #252b3a;--po-type-inactive-text: #e2e8f0;--po-type-inactive-border: rgba(255, 255, 255, .12);--po-clear-bg: rgba(0, 0, 0, .25);--po-clear-text: #fecaca;--po-clear-border: rgba(248, 113, 113, .55);--po-clear-icon: #fca5a5;box-shadow:0 16px 48px #0006}.place-order-cart.po-cart-drawer{max-height:none;height:100%;border-radius:16px 0 0 16px;border:none;border-left:1px solid var(--po-border);box-shadow:-8px 0 40px #00000080}.cart-side-panel.place-order-cart{background-color:var(--po-bg)!important;border-left:1px solid var(--po-border)!important;box-shadow:-8px 0 40px #00000080!important}.po-cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--po-border);background:var(--po-surface)}.po-cart-header h3{margin:0;font-size:18px;font-weight:700;color:var(--po-text);display:flex;align-items:center;gap:10px}.po-cart-header h3 svg{color:var(--po-text);stroke:var(--po-text)}.po-cart-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--po-border);background:var(--po-row);color:var(--po-text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.po-cart-close:hover{background:var(--po-qty-btn-bg)}.po-cart-body{flex:1;padding:14px 16px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-inverse-thumb) var(--scrollbar-inverse-track)}.po-cart-body::-webkit-scrollbar{width:8px}.po-cart-body::-webkit-scrollbar-track{background:var(--scrollbar-inverse-track);border-radius:6px}.po-cart-body::-webkit-scrollbar-thumb{background:var(--scrollbar-inverse-thumb);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.po-cart-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-inverse-thumb-hover);background-clip:padding-box}.po-cart-item{background:var(--po-row);border:1px solid var(--po-border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.po-cart-item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.po-cart-item-name{font-weight:600;font-size:14px;color:var(--po-text);line-height:1.35;word-break:break-word}.po-cart-item-line{font-weight:700;font-size:15px;color:var(--po-text);white-space:nowrap}.po-cart-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.po-cart-unit{font-size:13px;color:var(--po-muted);flex:0 0 auto}.po-cart-qty-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.po-cart-qty{display:inline-flex;align-items:stretch;border-radius:10px;overflow:hidden;border:1px solid var(--po-border);flex:0 0 auto;justify-content:flex-start;min-width:0;max-width:none;box-shadow:inset 0 1px #ffffff0a}.po-cart-qty button{width:32px;min-width:32px;min-height:34px;border:none;background:var(--po-qty-btn-bg);color:var(--po-text);cursor:pointer;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;border-radius:0;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.po-cart-qty button:hover:not(:disabled){background:var(--po-qty-btn-hover)}.po-cart-qty button:focus:not(:focus-visible){outline:none;box-shadow:none}.po-cart-qty button:focus-visible{outline:2px solid rgba(96,165,250,.65);outline-offset:2px}.po-cart-qty button:disabled{opacity:.4;cursor:not-allowed}.po-cart-qty span{min-width:26px;padding:0 4px;text-align:center;font-weight:700;font-size:14px;background:var(--po-qty-span-bg);border-left:1px solid var(--po-border);border-right:1px solid var(--po-border);line-height:34px;font-variant-numeric:tabular-nums;color:var(--po-text);box-sizing:border-box}.po-cart-delete{width:34px;height:34px;border-radius:50%;border:none;background:#dc2626;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.po-cart-delete:hover{background:#b91c1c}.po-cart-delete svg{color:#fff;stroke:#fff}.place-order-cart--button-mode .po-cart-delete svg{width:17px;height:17px;display:block;flex-shrink:0;stroke:#fff;color:#fff;fill:none}.po-cart-empty{text-align:center;padding:40px 16px;color:var(--po-muted)}.po-cart-footer{padding:16px 18px 18px;border-top:1px solid var(--po-border);background:var(--po-surface)}.po-cart-calc{font-size:12px;color:var(--po-muted);margin-bottom:6px}.po-cart-total-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.po-cart-total-main{font-size:22px;font-weight:700;color:var(--po-text);line-height:1.2}.po-cart-item-count{font-size:13px;color:var(--po-muted);white-space:nowrap}.po-cart-surcharge-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#ffefbf;color:#823f21;font-size:13px;font-weight:700;margin-bottom:14px;border:1px solid #f0d27a;line-height:1.4;box-shadow:inset 0 1px #ffffff59}.po-cart-surcharge-banner .po-surcharge-bag-icon{flex-shrink:0;display:block;color:#7a4b12}.po-cart-surcharge-banner .po-surcharge-bag-icon path{fill:currentColor}.place-order-cart .po-cart-surcharge-banner,.place-order-cart .po-cart-surcharge-banner span{color:#7a4b12!important}.dark .cart-side-panel .po-cart-surcharge-banner{background:#ffefbf!important;border-color:#f0d27a!important}.dark .cart-side-panel .po-cart-surcharge-banner .po-surcharge-bag-icon,.dark .cart-side-panel.place-order-cart .po-cart-surcharge-banner span{color:#7a4b12!important}.po-cart-order-type-label{font-size:13px;font-weight:600;color:var(--po-text);margin-bottom:8px}.po-cart-type-grid{display:flex;gap:10px;margin-bottom:14px}.po-cart-type-btn{flex:1;padding:10px 12px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,border-color .2s,color .2s;transform:none}.place-order-cart .po-cart-type-btn--inactive:hover{background:var(--po-qty-btn-hover);color:var(--po-type-inactive-text);border-color:var(--po-type-inactive-border)}.po-cart-type-btn--inactive{background:var(--po-type-inactive-bg);color:var(--po-type-inactive-text);border-color:var(--po-type-inactive-border)}.po-cart-type-btn--inactive svg{color:#7c3aed;stroke:#7c3aed}.dark .po-cart-type-btn--inactive svg{color:#a78bfa;stroke:#a78bfa}.po-cart-type-btn--inactive:hover{background:var(--po-qty-btn-hover)}.po-cart-type-btn--active{background:var(--brand-gradient);color:var(--brand-ink);border-color:transparent;box-shadow:0 0 0 1px #ce860466}.po-cart-type-btn--active svg{color:#fff;stroke:#fff}.po-cart-type-btn--active:hover{background:#fff;color:#111;border-color:#ce8604}.po-cart-type-btn--active:hover svg{color:#111;stroke:#111}.dark .po-cart-type-btn--active:hover{background:#e5e7eb;color:#111}.dark .po-cart-type-btn--active:hover svg{color:#111;stroke:#111}.po-cart-actions{display:flex;flex-direction:column;gap:10px}.po-cart-clear{width:100%;padding:11px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--po-clear-bg);color:var(--po-clear-text);border:1px solid var(--po-clear-border);transition:background .2s}.po-cart-clear:hover:not(:disabled){background:var(--po-clear-border)}.po-cart-clear:disabled{opacity:.45;cursor:not-allowed}.po-cart-clear svg{color:var(--po-clear-icon);stroke:var(--po-clear-icon)}.po-cart-checkout{width:100%;padding:14px 16px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;border:none;background:#059669;color:#fff;transition:background .2s,opacity .2s}.po-cart-checkout:hover:not(:disabled){background:#047857}.po-cart-checkout:disabled{opacity:.5;cursor:not-allowed}.po-cart-checkout-hint{display:block;text-align:center;font-size:11px;line-height:1.3;color:#ffffffd9;margin-top:2px}.dark .po-cart-checkout-hint{color:#ffffffd9}.floating-cart-icon{position:fixed!important;bottom:20px!important;right:40px!important;z-index:9999!important}.cart-icon-button{width:70px!important;height:70px!important;border-radius:50%!important;background-color:#eaa108!important;border:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #00000026!important;transition:all .3s ease!important;position:relative!important}.cart-icon-button:hover{transform:scale(1.1)!important;box-shadow:0 6px 20px #00000040!important;background-color:#ce8604!important}.cart-icon-button svg{color:#fff!important;stroke:#fff!important;fill:#fff!important;display:block!important;visibility:visible!important;opacity:1!important}.cart-badge{position:absolute!important;top:-8px!important;right:-8px!important;background-color:#ef4444!important;color:#fff!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important;border:2px solid white!important}.cart-backdrop{position:fixed!important;inset:0!important;background-color:#00000080!important;z-index:9998!important}.cart-side-panel{position:fixed!important;top:0!important;right:0!important;width:400px!important;height:100vh!important;background-color:#fff!important;border-left:1px solid #e5e7eb!important;z-index:9999!important;display:flex!important;flex-direction:column!important;box-shadow:-4px 0 20px #00000026!important;overflow-x:hidden!important}.dark .cart-side-panel{background-color:#1f2937!important;border-left:1px solid #374151!important;box-shadow:-4px 0 20px #00000080!important}.cart-header{padding:20px!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background-color:#f9fafb!important}.dark .cart-header{background-color:#111827!important;border-bottom:1px solid #374151!important}.dark .cart-header h2{color:#f9fafb!important}.cart-content{flex:1!important;padding:16px!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;background-color:#fff!important;width:100%!important;box-sizing:border-box!important}.dark .cart-content{background-color:#1f2937!important}.cart-empty-state{text-align:center!important;color:#6b7280!important;padding:40px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.dark .cart-empty-state{color:#9ca3af!important}.cart-item{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;background-color:#f9fafb!important;border-radius:12px!important;margin-bottom:12px!important;border:1px solid #e5e7eb!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.cart-item>div:first-child{flex:1 1 auto!important;min-width:0!important;max-width:100%!important}.cart-item>div:first-child h3{font-size:14px!important;font-weight:600!important;margin:0 0 4px!important;color:#1f2937!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important}.dark .cart-item{background-color:#374151!important;border:1px solid #4b5563!important}.dark .cart-item>div:first-child h3{color:#f9fafb!important}.cart-item>div:first-child p{font-size:13px!important;margin:0!important;color:#6b7280!important}.dark .cart-item>div:first-child p{color:#d1d5db!important}.cart-item>div:last-child{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.remove-btn{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;border-radius:50%!important;background-color:#ef4444!important;color:#fff!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;flex-shrink:0!important;box-sizing:border-box!important}.dark .remove-btn{background-color:#dc2626!important;color:#fff!important}.dark .remove-btn:hover{background-color:#b91c1c!important}.remove-btn svg{width:14px!important;height:14px!important;color:#fff!important;stroke:#fff!important}.dark .remove-btn svg{color:#fff!important;stroke:#fff!important}.quantity-btn{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;border-radius:6px!important;border:1px solid #d1d5db!important;background-color:#fff!important;color:#374151!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;font-size:16px!important;font-weight:700!important;flex-shrink:0!important;box-sizing:border-box!important}.quantity-btn:hover{background-color:#f3f4f6!important;border-color:#9ca3af!important;color:#1f2937!important}.dark .quantity-btn{background-color:#1f2937!important;border:1px solid #4b5563!important;color:#f9fafb!important}.dark .quantity-btn:hover{background-color:#374151!important;border-color:#6b7280!important;color:#f9fafb!important}.dark .quantity-btn span{color:#f9fafb!important}.quantity-btn svg{width:16px!important;height:16px!important;stroke-width:2.5!important;color:#374151!important;fill:none!important;stroke:#374151!important;display:block!important;visibility:visible!important;opacity:1!important}.dark .quantity-btn svg{color:#f9fafb!important;stroke:#f9fafb!important}.remove-btn{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;border-radius:50%!important;background-color:#ef4444!important;color:#fff!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;flex-shrink:0!important}.remove-btn:hover{background-color:#dc2626!important}.remove-btn svg{width:14px!important;height:14px!important;color:#fff!important;fill:none!important;stroke:#fff!important;stroke-width:2!important;display:block!important;visibility:visible!important;opacity:1!important}.cart-footer{border-top:1px solid #e5e7eb!important;padding:20px!important;margin-top:auto!important;background-color:#fff!important;flex-shrink:0!important}.dark .cart-footer{background-color:#1f2937!important;border-top:1px solid #374151!important}.dark .cart-footer p,.dark .cart-footer h3{color:#f9fafb!important}.checkout-btn{width:100%!important;padding:12px 16px!important;font-size:16px!important;font-weight:600!important;background-color:#eaa108!important;color:#fff!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .2s ease!important}.checkout-btn:hover{background-color:#ce8604!important}.checkout-btn svg{color:#fff!important;stroke:#fff!important;fill:none!important}.cart-close-btn{width:32px!important;height:32px!important;border-radius:50%!important;border:1px solid #d1d5db!important;background-color:#fff!important;color:#374151!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.cart-close-btn:hover{background-color:#f3f4f6!important;border-color:#9ca3af!important}.dark .cart-close-btn{background-color:#374151!important;border:1px solid #4b5563!important;color:#f9fafb!important}.dark .cart-close-btn:hover{background-color:#4b5563!important;border-color:#6b7280!important}.cart-close-btn svg{width:16px!important;height:16px!important;color:#374151!important;fill:none!important;stroke:#374151!important;stroke-width:2!important;display:block!important;visibility:visible!important;opacity:1!important}.dark .cart-close-btn svg{color:#f9fafb!important;stroke:#f9fafb!important}.cart-side-panel svg{display:block!important;visibility:visible!important;opacity:1!important;min-width:16px!important;min-height:16px!important}.cart-side-panel h2,.cart-side-panel h3,.cart-side-panel p,.cart-side-panel span,.cart-side-panel button{visibility:visible!important;opacity:1!important}.dark .cart-side-panel h2,.dark .cart-side-panel h3,.dark .cart-side-panel h4,.dark .cart-side-panel h5,.dark .cart-side-panel h6{color:#f9fafb!important}.dark .cart-side-panel p,.dark .cart-side-panel span:not(.cart-badge){color:#d1d5db!important}.dark .cart-side-panel strong{color:#f9fafb!important}.dark .cart-side-panel div,.dark .cart-side-panel label{color:#d1d5db!important}.dark .cart-side-panel button{color:inherit!important}.dark .checkout-btn,.dark .checkout-btn span{color:#fff!important}.cart-item input[type=number]{width:45px!important;min-width:45px!important;max-width:45px!important;height:32px!important;text-align:center!important;font-weight:500!important;color:#1f2937!important;font-size:14px!important;border:1px solid #d1d5db!important;border-radius:6px!important;background-color:#fff!important;outline:none!important;padding:0 2px!important;box-sizing:border-box!important}.cart-item input[type=number]:focus{border-color:#eaa108!important;box-shadow:0 0 0 2px #eaa1081a!important}.dark .cart-item input[type=number]{background-color:#1f2937!important;border:1px solid #4b5563!important;color:#f9fafb!important;-webkit-text-fill-color:#f9fafb!important}.dark .cart-item input[type=number]:focus{border-color:#eaa108!important;box-shadow:0 0 0 2px #eaa10833!important;color:#f9fafb!important;-webkit-text-fill-color:#f9fafb!important}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.qr-grid{grid-template-columns:1fr}}.video-container{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.video-container:before{content:"";display:block;padding-top:56.25%}.qr-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.removed-items-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;padding:24px;border-left:1px solid #e5e7eb}.removed-items-panel.open{transform:translate(0)}.dark-mode .removed-items-panel{background:#1a1a1a!important;border-left:1px solid #374151!important;box-shadow:-2px 0 10px #0000004d!important}.removed-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.dark-mode .removed-items-header{border-bottom:1px solid #374151!important}.removed-items-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.dark-mode .removed-items-header h2{color:#f9fafb!important}.removed-items-count{font-size:14px;color:#6b7280;margin-bottom:8px}.dark-mode .removed-items-count{color:#9ca3af!important}.removed-items-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s}.removed-items-close-btn:hover{background:#f3f4f6;color:#374151}.dark-mode .removed-items-close-btn{color:#9ca3af!important}.dark-mode .removed-items-close-btn:hover{background:#374151!important;color:#f9fafb!important}.removed-items-close-btn svg{width:20px;height:20px}.removed-items-empty{text-align:center;padding:40px 20px}.removed-items-empty-icon{width:64px;height:64px;margin:0 auto 16px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.dark-mode .removed-items-empty-icon{background:#374151!important;color:#6b7280!important}.removed-items-empty h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.dark-mode .removed-items-empty h3{color:#f9fafb!important}.removed-items-empty p{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.dark-mode .removed-items-empty p{color:#9ca3af!important}.removed-items-refresh-btn{width:100%;background:var(--brand-gradient);color:var(--brand-ink);border:none;padding:12px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.removed-items-refresh-btn:hover{background:#ce8604;transform:translateY(-1px)}.dark-mode .removed-items-refresh-btn{background:#a66a05!important;color:#f9fafb!important}.dark-mode .removed-items-refresh-btn:hover{background:#85540c!important}.removed-items-refresh-btn svg{width:16px;height:16px;color:#fff}.dark-mode .removed-items-refresh-btn svg{color:#f9fafb!important}.removed-items-list{max-height:calc(100vh - 200px);overflow-y:auto}.removed-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;background:#f9fafb}.dark-mode .removed-item{background:#374151!important;border:1px solid #4b5563!important}.removed-item-image{width:48px;height:48px;border-radius:6px;object-fit:cover;background:#f3f4f6}.dark-mode .removed-item-image{background:#4b5563!important}.removed-item-details{flex:1}.removed-item-name{font-weight:500;color:#111827;margin-bottom:4px}.dark-mode .removed-item-name{color:#f9fafb!important}.removed-item-price{font-size:14px;color:#6b7280}.dark-mode .removed-item-price{color:#9ca3af!important}.removed-item-actions{display:flex;gap:8px}.restore-btn{background:#10b981;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.restore-btn:hover{background:#059669}.dark-mode .restore-btn{background:#047857!important;color:#f9fafb!important}.dark-mode .restore-btn:hover{background:#065f46!important}.delete-permanent-btn{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.delete-permanent-btn:hover{background:#dc2626}.dark-mode .delete-permanent-btn{background:#dc2626!important;color:#f9fafb!important}.dark-mode .delete-permanent-btn:hover{background:#b91c1c!important}.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:7%!important;text-align:left;padding-right:8px}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:20%!important;padding-left:16px!important;text-align:left}.orders-table thead th:nth-child(2){padding-left:16px!important;text-align:left}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:10%!important;text-align:center}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:6%!important;text-align:left}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:8%!important}.orders-table th:nth-child(6),.orders-table td:nth-child(6){width:11%!important;text-align:center}.orders-table th:nth-child(7),.orders-table td:nth-child(7){width:7%!important;text-align:center}.orders-table th:nth-child(8),.orders-table td:nth-child(8){width:31%!important;text-align:center;padding-left:4px!important;padding-right:4px!important}.orders-row-actions{justify-content:center;width:100%}.orders-row-actions__inner{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px;width:100%}.orders-action-btn{min-width:90px!important;padding:6px 8px!important;font-size:12px!important;height:32px!important;line-height:1!important;white-space:nowrap}.orders-action-btn--sm{min-width:72px!important;padding:6px!important}.orders-cancel-btn{background:#ef4444!important;color:#fff!important;border:none!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;margin-left:0;display:inline-flex!important;align-items:center;justify-content:center;border-radius:8px!important;box-shadow:0 2px 8px #ef444447;flex-shrink:0}.orders-cancel-btn--sm{width:32px!important;height:32px!important;min-width:32px!important}.orders-reprint-btn{flex-shrink:0}.orders-sort-select{height:36px;padding:4px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;min-width:140px}.orders-sort-select:focus{outline:2px solid #EAA108;outline-offset:2px}@media(max-width:1200px){.orders-row-actions__inner{gap:4px}.orders-action-btn{min-width:78px!important;font-size:11px!important}}@media(max-width:980px){.orders-row-actions__inner{flex-wrap:wrap}}.orders-cancel-btn:hover{background:#dc2626!important;transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.past-table th:nth-child(1),.past-table td:nth-child(1){width:12%;text-align:center}.past-table th:nth-child(2),.past-table td:nth-child(2){width:20%}.past-table th:nth-child(3),.past-table td:nth-child(3){width:10%;text-align:right}.past-table th:nth-child(4),.past-table td:nth-child(4){width:10%;text-align:center}.past-table th:nth-child(5),.past-table td:nth-child(5){width:24%;text-align:center}.past-table th:nth-child(6),.past-table td:nth-child(6){width:12%;text-align:center}.past-table th:nth-child(7),.past-table td:nth-child(7){width:12%;text-align:center}.table th:first-child,.table td:first-child{padding-right:8px}.table th:nth-child(2),.table td:nth-child(2){padding-left:8px}.canteen-status-toggles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.canteen-status-toggle-loading{display:flex;align-items:center;gap:12px;padding:10px 16px}.canteen-status-toggle-loading .spinner{width:16px;height:16px;border:2px solid var(--border, #e5e7eb);border-top:2px solid var(--primary-600, #CE8604);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canteen-status-toggle{display:flex;align-items:center;gap:12px;padding:10px 16px;border:1px solid var(--border, #e5e7eb);border-radius:22px;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000a;position:relative;overflow:hidden}.canteen-status-toggle:hover{box-shadow:0 4px 12px #0000001f;border-color:var(--text, #111827)}.canteen-status-toggle:active{transform:scale(.95)}.canteen-status-toggle.open{border-color:#10b9814d;background:linear-gradient(135deg,#ecfdf580,#d1fae580)}.canteen-status-toggle.closed{border-color:#ef44444d;background:linear-gradient(135deg,#fef2f280,#fee2e280)}.canteen-status-toggle.app-on{border-color:#3b82f659;background:linear-gradient(135deg,#eff6ffb3,#dbeafe8c)}.canteen-status-toggle.app-off{border-color:#f59e0b66;background:linear-gradient(135deg,#fffbebb3,#fef3c780)}.canteen-status-toggle.disabled{opacity:.6;cursor:not-allowed}.canteen-status-toggle .icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;transition:all .2s ease}.canteen-status-toggle .icon-wrapper svg{width:20px;height:20px;color:var(--text, #111827)}.canteen-status-toggle .text-content{display:flex;flex-direction:column;gap:2px}.canteen-status-toggle .status-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #6b7280);line-height:1}.canteen-status-toggle .status-text{font-size:14px;font-weight:700;color:var(--text, #111827);line-height:1}.canteen-status-toggle .indicator{width:8px;height:8px;border-radius:50%}.canteen-status-toggle .indicator.open{background:#10b981;box-shadow:0 0 8px #10b98199}.canteen-status-toggle .indicator.closed{background:#ef4444;box-shadow:0 0 8px #ef444499}.dark .canteen-status-toggle{background:var(--gray-800, #1f2937);border-color:var(--gray-600, #4b5563)}.dark .canteen-status-toggle.open{border-color:#10b98166;background:linear-gradient(135deg,#10b9811a,#0596691a)}.dark .canteen-status-toggle.closed{border-color:#ef444466;background:linear-gradient(135deg,#ef44441a,#dc26261a)}.dark .canteen-status-toggle.app-on{border-color:#60a5fa73;background:linear-gradient(135deg,#2563eb1f,#1d4ed81a)}.dark .canteen-status-toggle.app-off{border-color:#f59e0b73;background:linear-gradient(135deg,#f59e0b1f,#d977061a)}.dark .canteen-status-toggle .icon-wrapper svg{color:var(--text, #f9fafb)}.dark .canteen-status-toggle .status-label{color:var(--text-secondary, #9ca3af)}.dark .canteen-status-toggle .status-text{color:var(--text, #f9fafb)}.canteen-close-confirm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#17110673;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.canteen-close-confirm-modal{width:min(440px,100%);background:var(--ht-surface, #fff);color:var(--ht-text, #1d1809);border:1px solid var(--ht-border, #ece4d2);border-radius:16px;box-shadow:0 20px 48px #17110638;padding:22px 22px 18px}.canteen-close-confirm-modal--danger{border-color:color-mix(in srgb,#ef4444 55%,var(--ht-border, #ece4d2));box-shadow:0 20px 48px #b91c1c2e}.canteen-close-confirm-modal--blocked{border-color:#b91c1c;border-width:2px}.canteen-close-confirm-modal h3{margin:0 0 8px;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.canteen-close-confirm-modal--blocked h3{color:#b91c1c}.canteen-close-confirm-modal p{margin:0 0 18px;font-size:.95rem;line-height:1.45;color:var(--ht-text-2, #7a7160)}.canteen-close-confirm-body{margin:0 0 18px}.canteen-close-confirm-body>p{margin:0 0 10px}.canteen-close-confirm-body--hard .canteen-close-confirm-banner{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#ef4444 14%,transparent);border:1px solid color-mix(in srgb,#ef4444 35%,transparent);color:#991b1b;font-weight:800;font-size:.92rem}.canteen-close-confirm-modal--blocked .canteen-close-confirm-banner{background:color-mix(in srgb,#ef4444 22%,transparent);border-color:#b91c1c;color:#7f1d1d}.canteen-close-impact-list{margin:0 0 12px;padding:0 0 0 1.1rem;color:var(--ht-text, #1d1809);font-size:.95rem;line-height:1.55}.canteen-close-impact-list li{margin:0 0 6px}.canteen-close-confirm-hint{margin:0!important;font-size:.88rem!important;color:var(--ht-text-2, #7a7160)!important}.canteen-close-confirm-body mark.ht-hl{font-weight:800;padding:.05em .28em;border-radius:4px;color:inherit}.ht-hl--ready{background:color-mix(in srgb,#22c55e 28%,transparent);color:#15803d}.ht-hl--partial{background:color-mix(in srgb,#06b6d4 28%,transparent);color:#0e7490}.ht-hl--preparing{background:color-mix(in srgb,#f59e0b 30%,transparent);color:#b45309}.ht-hl--cancel{background:color-mix(in srgb,#ef4444 28%,transparent);color:#b91c1c}.ht-hl--refund{background:color-mix(in srgb,#3b82f6 28%,transparent);color:#1d4ed8}.dark .ht-hl--ready{background:color-mix(in srgb,#22c55e 35%,transparent);color:#86efac}.dark .ht-hl--partial{background:color-mix(in srgb,#06b6d4 35%,transparent);color:#67e8f9}.dark .ht-hl--preparing{background:color-mix(in srgb,#f59e0b 35%,transparent);color:#fcd34d}.dark .ht-hl--cancel{background:color-mix(in srgb,#ef4444 35%,transparent);color:#fca5a5}.dark .ht-hl--refund{background:color-mix(in srgb,#3b82f6 35%,transparent);color:#93c5fd}.canteen-close-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dark .canteen-close-confirm-modal{background:var(--ht-surface, #16120a);border-color:var(--ht-border, #2b2312)}.dark .canteen-close-confirm-modal--danger{border-color:color-mix(in srgb,#ef4444 50%,#2b2312)}.dark .canteen-close-confirm-modal--blocked{border-color:#f87171}.dark .canteen-close-confirm-modal--blocked h3{color:#fca5a5}.dark .canteen-close-confirm-body--hard .canteen-close-confirm-banner{background:color-mix(in srgb,#ef4444 22%,transparent);border-color:color-mix(in srgb,#ef4444 45%,transparent);color:#fecaca}.canteen-setting-confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17110685}.canteen-setting-confirm-modal{width:min(420px,100%);background:#faf4ee;color:#3b2a1f;border:1px solid #dccbb5;border-radius:18px;box-shadow:0 24px 56px #3b2a1f38;padding:28px 28px 22px;text-align:center}.canteen-setting-confirm-icon{width:52px;height:52px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff0e0;color:#b87843;border:1px solid #e5b88a}.canteen-setting-confirm-modal h3{margin:0 0 12px;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#3b2a1f}.canteen-setting-confirm-intro{margin:0 0 10px;font-size:.95rem;line-height:1.5;color:#6f6258}.canteen-setting-confirm-changes{margin:0 0 12px}.canteen-setting-confirm-line{margin:0;font-size:1rem;line-height:1.45}.canteen-setting-confirm-line strong{color:#b87843;font-weight:800}.canteen-setting-confirm-proceed{margin:0 0 22px;font-size:.95rem;color:#6f6258}.canteen-setting-confirm-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.canteen-setting-confirm-cancel{min-width:120px;padding:10px 22px;border-radius:999px;border:1.5px solid #c98f5c!important;background:transparent!important;color:#b87843!important;font-weight:700}.canteen-setting-confirm-cancel:hover:not(:disabled){background:#fff3e6!important}.canteen-setting-confirm-ok{min-width:120px;padding:10px 22px;border-radius:999px;border:none!important;background:linear-gradient(135deg,#e5b88a,#c98f5c)!important;color:#fff!important;font-weight:700;box-shadow:0 4px 14px #b8784359}.canteen-setting-confirm-ok:hover:not(:disabled){filter:brightness(1.05)}.dark .canteen-setting-confirm-modal{background:#241c16;border-color:#4a3d32;color:#f4ece3}.dark .canteen-setting-confirm-icon{background:#c98f5c26;border-color:#6f6258;color:#e5b88a}.dark .canteen-setting-confirm-modal h3{color:#f4ece3}.dark .canteen-setting-confirm-intro,.dark .canteen-setting-confirm-proceed{color:#b8a99a}.dark .canteen-setting-confirm-line strong{color:#e5b88a}.dark .canteen-setting-confirm-cancel{border-color:#c98f5c!important;color:#e5b88a!important}.dark .canteen-setting-confirm-cancel:hover:not(:disabled){background:#c98f5c1f!important}@media print{*{color:#000!important;background:transparent!important;text-shadow:none!important;box-shadow:none!important}body,html{font-weight:500!important;color:#000!important}.sidebar,.main,.card,.btn,.nav a,.nav a span{color:#000!important;font-weight:500!important}.brand{color:#000!important;font-weight:600!important}.table th,.table td,.btn{color:#000!important;font-weight:500!important}}@keyframes qr-scan-sweep{0%{top:12%;opacity:.85}50%{top:52%;opacity:1}to{top:88%;opacity:.85}}.qr-scan-frame,.qr-scan-line{display:none!important}.qr-scan-page{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;width:100%}.qr-scan-controls,.scan-window{display:flex;min-width:0}.qr-scan-controls-card,.scan-window-card{width:100%;display:flex;flex-direction:column}.scan-window-card .card-header+*,.scan-window-card>div{flex:1}.qr-scan-page .scan-window video{width:100%;aspect-ratio:4 / 3;min-height:280px;max-height:min(70vh,520px);object-fit:cover;background:#000;border-radius:12px;display:block}.qr-scan-page .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}@media(max-width:900px){.qr-scan-page{flex-direction:column}.scan-window,.qr-scan-controls{flex:1 1 auto!important;width:100%;min-width:0!important}}.past-orders-merged{display:flex;flex-direction:column;gap:8px}.past-orders-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:4px;border-bottom:1px solid var(--border, #e5e7eb)}.past-orders-header--no-refresh{justify-content:flex-start;padding-bottom:12px}.dark .past-orders-header{border-bottom-color:#374151}.past-orders-header-text{flex:1;min-width:min(100%,280px)}.past-orders-heading{margin:0 0 6px;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--text, #111827)}.dark .past-orders-heading{color:#f9fafb}.past-orders-meta{margin:0;font-size:13px;line-height:1.5;color:#6b7280;max-width:42rem}.dark .past-orders-meta{color:#9ca3af}.past-orders-header--compact{padding-bottom:0;border-bottom:none;margin-bottom:0}.past-orders-meta--compact{margin:0;font-size:12px;line-height:1.35}.past-orders-last-loaded{margin:4px 0 0;font-size:12px;color:#9ca3af}.dark .past-orders-last-loaded{color:#6b7280}.past-orders-refresh-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 16px;font-weight:600;border-radius:10px;border:1px solid #22c55e;background:#22c55e1f;color:#15803d}.past-orders-refresh-btn:hover:not(:disabled){background:#22c55e38}.past-orders-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.dark .past-orders-refresh-btn{border-color:#4ade80;color:#86efac;background:#4ade801f}.dark .past-orders-refresh-btn:hover:not(:disabled){background:#4ade8033}.past-orders-refresh-icon{width:18px;height:18px}.past-orders-alerts{display:flex;flex-direction:column;gap:8px}.past-orders-alert{margin:0;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.45}.past-orders-alert--warn{background:#eab3081f;color:#a16207;border:1px solid rgba(234,179,8,.35)}.dark .past-orders-alert--warn{color:#fbbf24;background:#eab3081a;border-color:#eab30840}.past-orders-alert--muted{background:var(--panel-bg, #f3f4f6);color:#6b7280;border:1px solid var(--border, #e5e7eb)}.dark .past-orders-alert--muted{background:#1f2937;color:#9ca3af;border-color:#374151}.past-orders-alert--error{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.35)}.dark .past-orders-alert--error{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.past-orders-section-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:700;color:var(--text, #111827)}.past-orders-section-icon{width:18px;height:18px;opacity:.85}.dark .past-orders-section-title{color:#f3f4f6}.past-orders-meta--compact{margin:0 0 8px;max-width:720px}.past-orders-by-date{display:flex;flex-direction:column;gap:28px}.past-date-section{display:flex;flex-direction:column;gap:14px}.past-date-heading{display:flex;align-items:center;gap:10px;margin:0;padding:8px 4px 12px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text, #111827);border-bottom:2px solid var(--border, #e5e7eb)}.past-date-heading-icon{width:22px;height:22px;opacity:.88;flex-shrink:0}.dark .past-date-heading{color:#f9fafb;border-bottom-color:#333}.past-orders-cards-grid.cards-grid{width:100%}.past-order-card-v2.order-card-v2{min-height:0}.past-order-card-v2__footer{gap:12px}.past-order-v2-footer-left{display:flex;flex-direction:column;gap:8px;width:100%}.past-order-v2-total{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text, #111827)}.dark .past-order-v2-total{color:#f9fafb}.past-order-v2-delivered{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.35}.past-order-v2-delivered-label{font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #6b7280);font-size:11px}.past-order-v2-delivered-value{font-size:13px;color:var(--text, #374151)}.dark .past-order-v2-delivered-value{color:#d1d5db}.past-order-v2-revert{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px}.past-orders-table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;background:transparent;padding:8px 0 10px!important;border-bottom:1px solid var(--border, #e5e7eb)}.dark .past-orders-table-toolbar{border-bottom-color:#374151}.past-orders-toolbar-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.past-orders-toolbar-field{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin:0}.past-orders-toolbar-label{color:var(--ht-text-2, #64748b);font-weight:500;white-space:nowrap}.past-orders-toolbar-input{padding:6px 10px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:var(--ht-surface, #fff);color:var(--ht-ink, #111827);font-size:13px;min-height:34px}.dark .past-orders-toolbar-input{border-color:#374151;background:#111;color:#f9fafb}.past-orders-toolbar-clear{padding:6px 10px!important;font-size:13px!important;min-height:34px}.past-orders-toolbar-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;flex-shrink:0}.past-orders-toolbar-updated{font-size:11px;line-height:1.3;color:#9ca3af;white-space:nowrap}.dark .past-orders-toolbar-updated{color:#6b7280}.past-orders-today-counts{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ht-text-2, #64748b)}.past-orders-today-count{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;border:1px solid var(--border, #e5e7eb);background:var(--ht-surface, #fff);white-space:nowrap}.past-orders-today-count strong{font-weight:700;color:var(--ht-ink, #0f172a)}.past-orders-today-count--delivered{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.past-orders-today-count--pickup-failed{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.past-orders-today-count--cancelled{border-color:#fecaca;background:#fef2f2;color:#991b1b}.dark .past-orders-today-count{background:#111827;border-color:#374151;color:#9ca3af}.dark .past-orders-today-count strong{color:#f9fafb}.dark .past-orders-today-count--delivered{background:#10b9811f;border-color:#10b98159;color:#6ee7b7}.dark .past-orders-today-count--pickup-failed{background:#f973161f;border-color:#f9731659;color:#fdba74}.dark .past-orders-today-count--cancelled{background:#ef44441f;border-color:#ef444459;color:#fca5a5}.past-orders-table-scroll.orders-table-scroll{border-radius:0 0 12px 12px}.orders-table.past-orders-table tbody tr.past-orders-date-heading-row{height:auto!important}.orders-table.past-orders-table tbody tr.past-orders-date-heading-row td{height:auto!important;padding:14px 16px!important;vertical-align:middle;font-size:15px;font-weight:700;letter-spacing:-.02em;color:#0f172a;background:#e2e8f0;border-bottom:1px solid #cbd5e1}.dark .orders-table.past-orders-table tbody tr.past-orders-date-heading-row td{background:#0f172a;border-bottom-color:#1e293b;color:#f1f5f9}.past-orders-loading,.past-orders-empty{display:flex;align-items:flex-start;gap:14px;padding:28px 20px;border-radius:12px;border:1px dashed var(--border, #d1d5db);color:#6b7280;font-size:14px}.dark .past-orders-loading,.dark .past-orders-empty{border-color:#4b5563;color:#9ca3af}.past-orders-empty-icon{width:40px;height:40px;flex-shrink:0;opacity:.5}.past-orders-empty-title{margin:0 0 4px;font-weight:600;color:var(--text, #374151)}.dark .past-orders-empty-title{color:#e5e7eb}.past-orders-empty-hint{margin:0;font-size:13px;line-height:1.45}.past-order-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.past-order-row-card{display:flex;flex-direction:column;padding:0;border:1px solid var(--border, #e5e7eb);border-radius:14px;background:var(--panel-bg, #fafafa);box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.past-order-row-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #00000012}.dark .past-order-row-card{background:#111827;border-color:#374151}.dark .past-order-row-card:hover{border-color:#4b5563;box-shadow:0 4px 20px #00000059}.past-order-card-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 10px;background:#00000005}.dark .past-order-card-top{background:#ffffff08}.past-order-card-headline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.past-order-id.mono{font-family:ui-monospace,ui-sans-serif,monospace;font-weight:800;font-size:15px;letter-spacing:-.02em}.past-order-type-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.past-order-type-pill--dine{background:#e0e7ff;color:#3730a3}.dark .past-order-type-pill--dine{background:#312e81;color:#c7d2fe}.past-order-type-pill--away{background:#ffedd5;color:#9a3412}.dark .past-order-type-pill--away{background:#7c2d12;color:#fed7aa}.past-order-line-count{font-size:12px;font-weight:600;color:#9ca3af}.dark .past-order-line-count{color:#6b7280}.past-order-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.past-order-badge--archive{background:#ede9fe;color:#5b21b6}.dark .past-order-badge--archive{background:#4c1d95;color:#e9d5ff}.past-order-lines{list-style:none;margin:0;padding:4px 16px 12px}.past-order-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.dark .past-order-line{border-bottom-color:#ffffff12}.past-order-line:last-child{border-bottom:none}.past-order-line-name{flex:1;min-width:0;font-weight:500;line-height:1.35}.past-order-line-meta{display:flex;align-items:baseline;gap:10px;flex-shrink:0;font-variant-numeric:tabular-nums}.past-order-line-qty{color:#6b7280;font-size:13px}.dark .past-order-line-qty{color:#9ca3af}.past-order-line-price{font-weight:700;min-width:3.25rem;text-align:right}.past-order-card-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 14px;border-top:1px solid var(--border, #e5e7eb);background:#00000005}.dark .past-order-card-bar{border-top-color:#374151;background:#0003}.past-order-card-bar-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 20px;min-width:0;flex:1}.past-order-total{font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--text, #111827)}.dark .past-order-total{color:#f9fafb}.past-order-delivered-block{display:flex;flex-direction:column;gap:2px;font-size:12px}.past-order-delivered-label{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:10px;color:#9ca3af}.past-order-delivered-value{font-weight:500;color:#4b5563}.dark .past-order-delivered-value{color:#d1d5db}.past-order-delivered-hint{font-size:11px;color:#9ca3af;font-style:italic}.past-order-revert-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.past-order-revert-countdown{font-size:11px;color:#64748b;font-weight:500;white-space:nowrap}.past-order-revert-working{font-size:13px;font-weight:600;color:#64748b;padding:9px 0;white-space:nowrap}.dark .past-order-revert-countdown,.dark .past-order-revert-working{color:#94a3b8}.past-order-revert-btn{flex-shrink:0;padding:9px 16px;font-weight:600;font-size:13px;border-radius:10px;border:1px solid #94a3b8;background:transparent;color:#475569}.past-order-revert-btn:disabled{cursor:not-allowed;opacity:.65;border-color:#cbd5e1;color:#94a3b8}.dark .past-order-revert-btn:disabled{border-color:#475569;color:#64748b}.past-order-revert-btn:hover:not(:disabled){background:#94a3b826;border-color:#64748b}.dark .past-order-revert-btn{border-color:#64748b;color:#e2e8f0}.dark .past-order-revert-btn:hover:not(:disabled){background:#64748b40}.past-orders-load-more{margin-top:12px;display:flex;justify-content:center}.past-orders-load-more-btn{min-width:10rem}.past-cancelled-wrap{overflow-x:auto}.badge-counter,.badge-app{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.badge-counter{background:#eaa108;color:var(--brand-ink)}.badge-app{background:#6b7280;color:#fff}.cancelled-badge{background:#fee2e2;color:#991b1b}@media(max-width:640px){.past-orders-header{flex-direction:column}.past-orders-refresh-btn{width:100%;justify-content:center}.past-order-card-bar{flex-direction:column;align-items:stretch}.past-order-revert-wrap{width:100%;align-items:stretch}.past-order-revert-btn{width:100%;justify-content:center}}:root{--ht-gold-300: #F8C74E;--ht-gold-400: #F4B31C;--ht-gold-500: #EAA108;--ht-gold-600: #CE8604;--ht-ink: #2A1D00;--ht-grad: linear-gradient(135deg, #F7BE1C 0%, #EAA10A 100%);--ht-grad-hover: linear-gradient(135deg, #F8C63A 0%, #F1AE12 100%);--ht-espresso-900: #171106;--ht-espresso-800: #201808;--ht-espresso-700: #2c210c;--ht-espresso-text: #cbbfa4;--ht-espresso-text-dim: #8d8168;--ht-bg: #F7F1E5;--ht-surface: #FFFFFF;--ht-surface-2: #FBF7EE;--ht-border: #ece4d2;--ht-text: #1d1809;--ht-text-2: #7a7160;--ht-radius: 18px;--ht-radius-sm: 12px;--ht-shadow-sm: 0 1px 2px rgba(105, 80, 20, .06);--ht-shadow: 0 10px 28px -10px rgba(105, 80, 20, .16), 0 3px 8px -4px rgba(105, 80, 20, .08);--ht-shadow-gold: 0 10px 24px -8px rgba(234, 161, 8, .5)}.dark{--ht-bg: #0c0a05;--ht-surface: #16120a;--ht-surface-2: #1c170d;--ht-border: #2b2312;--ht-text: #f4eee0;--ht-text-2: #a2977d;--ht-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ht-shadow: 0 10px 28px -10px rgba(0, 0, 0, .55)}.app{background:var(--ht-bg)!important;--sidebar-collapsed-width: 96px;--sidebar-expanded-width: 260px;transition:background-color .28s ease}.dark .app{background:var(--ht-bg)!important}.main{background:transparent!important;padding:0!important}.main-body{padding:12px 20px 20px!important}.main:has(.orders-page) .main-body,.main.main--orders .main-body,.main--place-order .main-body{padding-bottom:20px!important}.main.main--analytics .main-body{scroll-behavior:smooth;overscroll-behavior-y:contain;scroll-padding-bottom:24px;background:var(--an-bg)}.main.main--analytics .an-page{gap:18px;padding-bottom:8px}.main.main--analytics .an-items-table-wrap{max-height:none;overflow:visible}.main.main--analytics{--an-primary: #C27B49;--an-primary-light: rgba(194, 123, 73, .14);--an-secondary: #D98A52;--an-secondary-light: rgba(217, 138, 82, .12);--an-accent: #E3964A;--an-accent-light: rgba(227, 150, 74, .12);--an-accent-2: #A96232;--an-accent-2-light: rgba(169, 98, 50, .12);--an-warning: #E3964A;--an-warning-light: rgba(227, 150, 74, .12);--an-neutral: #efe7d8;--an-neutral-light: #f4efe4;--an-text: #171410;--an-text-secondary: #6b5d52;--an-bg: #FBF4E9;--an-card: #ffffff;--an-success: #22A06B;--an-error: #D9534F;--an-chart-1: #C27B49;--an-chart-2: #E3964A;--an-chart-3: #D98A52;--an-chart-4: #A96232;--an-chart-5: #F4B31C;--an-chart-6: #8C6B52;--an-chart-bar-top: #E3964A;--an-chart-bar: #C27B49;--an-chart-bar-bottom: #8C4B21;--an-chart-plot-bg: rgba(194, 123, 73, .06);--an-chart-grid: #efe7d8;--an-grad: linear-gradient(135deg, #C27B49 0%, #A96232 100%);--an-grad-bar: linear-gradient( 180deg, var(--an-chart-bar-top) 0%, var(--an-chart-bar) 55%, var(--an-chart-bar-bottom) 100% );--an-shadow-bar: 0 4px 12px rgba(194, 123, 73, .2);--an-shadow-bar-hot: 0 6px 16px rgba(227, 150, 74, .28);--an-shadow-range: 0 2px 8px rgba(194, 123, 73, .22)}.dark .main.main--analytics{--an-primary-light: rgba(194, 123, 73, .22);--an-secondary-light: rgba(217, 138, 82, .16);--an-accent-light: rgba(227, 150, 74, .18);--an-accent-2-light: rgba(169, 98, 50, .2);--an-warning-light: rgba(227, 150, 74, .18);--an-neutral: #3D2E27;--an-neutral-light: #2A201B;--an-text: #F4ECE3;--an-text-secondary: #CBBFA4;--an-bg: #140F0D;--an-card: #221A16;--an-chart-6: #E8D8C8;--an-chart-plot-bg: rgba(194, 123, 73, .05);--an-chart-grid: #3D2E27;--an-shadow-bar: 0 4px 12px rgba(194, 123, 73, .25);--an-shadow-bar-hot: 0 6px 16px rgba(227, 150, 74, .35);--an-shadow-range: 0 2px 8px rgba(194, 123, 73, .3)}.main.main--analytics .card{background:var(--an-card)!important;border-color:var(--an-neutral)!important;box-shadow:0 1px 3px #3b2a1f0a!important}.main.main--analytics .card h2,.main.main--analytics .card h3,.main.main--analytics .card-header h2,.main.main--analytics .card-header h3{color:var(--an-text)!important}.main.main--analytics .summary-card{background:var(--an-card)!important;border-color:var(--an-neutral)!important;box-shadow:0 1px 3px #3b2a1f0a!important}.main.main--analytics .summary-value{color:var(--an-text)!important}.main.main--analytics .summary-label{color:var(--an-text-secondary)!important;opacity:1!important}.main.main--analytics .summary-card .summary-icon svg{color:inherit!important}.main.main--analytics .summary-icon.an-icon-rev{background:var(--an-primary-light);border-color:var(--an-neutral);color:var(--an-primary)}.main.main--analytics .summary-icon.an-icon-ord{background:var(--an-secondary-light);border-color:var(--an-neutral);color:var(--an-accent-2)}.main.main--analytics .summary-icon.an-icon-aov{background:var(--an-accent-light);border-color:var(--an-neutral);color:var(--an-accent)}.main.main--analytics .summary-icon.an-icon-items{background:var(--an-warning-light);border-color:var(--an-neutral);color:var(--an-warning)}.sidebar,.topbar,.card,.summary-card,.btn,.input,.search-input,.form-input,.form-textarea,.form-select,.theme-toggle-btn,.user-menu summary,.an-range,.an-cat-card,.place-order-cart,.ht-toast{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}.sidebar{background:linear-gradient(180deg,#fffdf8,#f7f1e5)!important;border-right:1px solid var(--ht-border)!important;box-shadow:4px 0 24px #69501414;height:100%!important;min-height:100%!important;align-self:stretch;width:100%!important;overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.dark .sidebar{background:linear-gradient(180deg,var(--ht-espresso-800) 0%,var(--ht-espresso-900) 100%)!important;border-right:none!important;box-shadow:4px 0 24px #1711062e}.sidebar::-webkit-scrollbar,.sidebar .nav::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sidebar,.sidebar .nav{overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.sidebar .brand{color:var(--ht-ink);font-size:1.1rem;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:12px;padding:6px 8px;margin:6px 0 10px;height:52px;min-height:52px;max-height:52px;box-sizing:border-box;border-radius:14px;background:transparent;border:none;white-space:nowrap;overflow:hidden;min-width:0;cursor:pointer;flex-shrink:0;transition:padding .28s cubic-bezier(.22,1,.36,1),gap .28s cubic-bezier(.22,1,.36,1),background-color .2s ease}.dark .sidebar .brand{color:#fff}.sidebar .brand:hover{background:#eaa1081a}.dark .sidebar .brand:hover{background:#ffffff0f}.sidebar .brand:focus-visible{outline:2px solid var(--ht-gold-400);outline-offset:2px}.sidebar .brand-logo{flex:0 0 40px;width:40px;height:40px;border-radius:11px;object-fit:cover;object-position:center;background:transparent;display:block;pointer-events:none}.sidebar .brand-label{color:inherit;line-height:1.2;opacity:1;max-width:140px;overflow:hidden;flex:1 1 auto;min-width:0;letter-spacing:-.02em;transition:opacity .22s ease,max-width .28s cubic-bezier(.22,1,.36,1);pointer-events:none}.sidebar.collapsed .brand{justify-content:center;padding:6px 2px;gap:0;margin:6px 0 10px;height:52px;min-height:52px;max-height:52px}.sidebar.collapsed .brand-label{opacity:0;max-width:0}.nav a{color:#2a2218!important;font-weight:600;border-radius:13px}.nav a span{color:#2a2218!important}.nav a svg{color:#3d3428;transition:color .2s ease}.dark .nav a,.dark .nav a span{color:#f3e9d1!important}.dark .nav a svg{color:#e6d9b4}.nav a:hover{background:#eaa1081f!important;color:var(--ht-ink)!important}.nav a:hover span{color:var(--ht-ink)!important}.nav a:hover svg{color:var(--ht-gold-600)}.dark .nav a:hover{background:#ffffff0f!important;color:#fff!important}.dark .nav a:hover span{color:#fff!important}.dark .nav a:hover svg{color:var(--ht-gold-400)}.nav a.active,.dark .nav a.active,.dark .sidebar .nav a.active{background:var(--ht-grad)!important;color:var(--ht-ink)!important;font-weight:800;box-shadow:var(--ht-shadow-gold)}.nav a.active span,.dark .nav a.active span{color:var(--ht-ink)!important}.nav a.active svg{color:var(--ht-ink)!important}.sidebar.collapsed .nav a,.sidebar.collapsed .nav a span{color:#2a2218!important}.dark .sidebar.collapsed .nav a,.dark .sidebar.collapsed .nav a span{color:#f3e9d1!important}.sidebar{scrollbar-width:none!important}.topbar{position:relative;top:auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;margin:0!important;background:var(--ht-surface)!important;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-bottom:1px solid var(--ht-border);border-radius:0!important;box-shadow:none;flex-shrink:0;width:100%;box-sizing:border-box;transition:background-color .28s ease,border-color .28s ease,color .28s ease}.topbar h1{font-size:1.35rem!important;font-weight:800;letter-spacing:-.02em;color:var(--ht-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px}.sidebar-menu-btn{border-color:var(--ht-border)!important;background:var(--ht-surface)!important;color:var(--ht-text)!important}.sidebar-menu-btn:hover{border-color:var(--ht-gold-400)!important;color:var(--ht-gold-600)!important}.card,.dark .card{background:var(--ht-surface)!important;border:1px solid var(--ht-border)!important;border-radius:var(--ht-radius)!important;box-shadow:var(--ht-shadow-sm)}.card:hover{box-shadow:var(--ht-shadow);border-color:color-mix(in srgb,var(--ht-gold-400) 35%,var(--ht-border))!important}.card h2,.card h3{color:var(--ht-text);letter-spacing:-.02em}.muted,.stat-label,.summary-label{color:var(--ht-text-2)!important}.btn,.dark .btn{background:var(--ht-grad)!important;color:var(--ht-ink)!important;border:none!important;border-radius:var(--ht-radius-sm)!important;font-weight:700;box-shadow:0 2px 8px #eaa10847}.btn:hover,.dark .btn:hover{background:var(--ht-grad-hover)!important;box-shadow:var(--ht-shadow-gold);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.btn-secondary,.dark .btn.btn-secondary{background:var(--ht-surface)!important;color:var(--ht-text)!important;border:1px solid var(--ht-border)!important;box-shadow:var(--ht-shadow-sm)}.btn.btn-secondary:hover,.dark .btn.btn-secondary:hover{border-color:var(--ht-gold-400)!important;color:var(--ht-gold-600)!important;box-shadow:var(--ht-shadow-sm)}.input,.search-input,.form-input,.form-textarea,.form-select,input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],select,textarea{border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-surface);color:var(--ht-text);transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.search-input:focus,.form-input:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ht-gold-400);box-shadow:0 0 0 3px #eaa1082e}.table{border:1px solid var(--ht-border);border-radius:var(--ht-radius)!important;overflow:hidden;background:var(--ht-surface)}.table th{background:var(--ht-surface-2)!important;color:var(--ht-text-2)!important;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--ht-border)!important}.table td{border-bottom:1px solid var(--ht-border)!important;color:var(--ht-text)}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:color-mix(in srgb,var(--ht-gold-300) 8%,var(--ht-surface))}.table tbody tr:last-child td{border-bottom:none!important}.badge{border-radius:999px!important;font-weight:700!important;letter-spacing:.01em}.badge.pending{background:#fdf0cd!important;color:#8a6205!important}.badge.preparing{background:#fde7c0!important;color:#99570a!important}.badge.partially-ready{background:#e8f0fe!important;color:#1a56db!important}.badge.ready{background:#d9f3e1!important;color:#14713b!important}.badge.cancelled{background:#fee2e2!important;color:#991b1b!important}.badge.counter,.badge.staff{background:var(--ht-grad)!important;color:var(--ht-ink)!important;border-radius:8px!important}.badge.app,.badge.student{background:#efe9dc!important;color:#5a5240!important;border-radius:8px!important}.dark .badge.pending{background:#3a2c05!important;color:#f5c94d!important}.dark .badge.preparing{background:#3d2708!important;color:#f3a94f!important}.dark .badge.partially-ready{background:#1e3a5f!important;color:#93c5fd!important}.dark .badge.ready{background:#0b3320!important;color:#5fdc95!important}.dark .badge.cancelled{background:#3f1515!important;color:#fca5a5!important}.dark .badge.app,.dark .badge.student{background:#2a2515!important;color:#b7ac8f!important}.modal-overlay{background:#1711068c!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-overlay>div,.modal-content{border-radius:22px!important;border:1px solid var(--ht-border)!important;box-shadow:0 32px 80px -20px #17110673!important}.modal-header{border-bottom:1px solid var(--ht-border)!important}.modal-close{border-radius:10px!important}.summary-card{background:var(--ht-surface)!important;border:1px solid var(--ht-border)!important;border-radius:var(--ht-radius)!important;box-shadow:var(--ht-shadow-sm)!important;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--ht-shadow)!important}.summary-value{color:var(--ht-text)!important;font-weight:800!important;letter-spacing:-.02em}.order-card-v2{border-radius:var(--ht-radius)!important;border:1px solid var(--ht-border)!important;box-shadow:var(--ht-shadow-sm)!important;transition:transform .2s ease,box-shadow .2s ease}.order-card-v2:hover{transform:translateY(-2px);box-shadow:var(--ht-shadow)!important}.order-card-v2__source--counter{background:var(--ht-grad)!important;color:var(--ht-ink)!important}:root{--scrollbar-track: rgba(120, 95, 30, .06);--scrollbar-thumb: rgba(150, 120, 55, .3);--scrollbar-thumb-hover: rgba(150, 120, 55, .48)}h1,h2,h3,.dark h1,.dark h2,.dark h3{color:var(--ht-text)}::selection{background:#f4b31c59}.orders-table{table-layout:fixed}.order-items-cell{min-width:0!important;max-width:none!important}.order-items-cell div{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:24px;margin-bottom:4px!important}.order-items-cell div:last-child{margin-bottom:0!important}.orders-table td:nth-child(2){text-align:left!important}.orders-table td:nth-child(2) strong{font-weight:600}.orders-table td:first-child span{display:inline-block;background:color-mix(in srgb,var(--ht-gold-300) 28%,var(--ht-surface));border:1px solid color-mix(in srgb,var(--ht-gold-500) 55%,var(--ht-border));color:#1f2937!important;padding:4px 10px;border-radius:8px;font-size:14px;font-weight:800}.dark .orders-table td:first-child span{color:#f9fafb!important;background:color-mix(in srgb,var(--ht-gold-500) 28%,#1f2937);border-color:color-mix(in srgb,var(--ht-gold-400) 50%,#374151)}.orders-table-scroll{max-height:calc(100vh - 240px);overflow:auto;border-radius:var(--ht-radius)}.home-dashboard.orders-page .orders-table-scroll{max-height:none}.orders-table thead th{position:sticky;top:0;z-index:5;background:var(--ht-surface-2)!important}.orders-table .badge{line-height:16px}.orders-table td>div>div{line-height:24px}.orders-table td{padding-top:14px!important;padding-bottom:14px!important}.btn{white-space:nowrap;min-height:36px;justify-content:center}.actions .btn{min-width:0!important}.modal-close,.header-actions button{min-width:38px;min-height:38px}.orders-table-scroll~* input[placeholder*=Token],input[placeholder*=Token]{min-height:40px;min-width:260px;font-size:14px;padding:8px 14px}.topbar{flex-wrap:wrap;row-gap:8px}.po-menu-grid button,.menu-item-btn{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.po-menu-grid button:hover,.menu-item-btn:hover{transform:translateY(-2px);border-color:var(--ht-gold-400)!important;box-shadow:0 6px 16px -6px #eaa10859}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ht-gold-500)!important;outline-offset:2px}.orders-table td,.summary-value,.stat-value,.table td{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dark input[placeholder*=Token],.dark .search-input,.dark .form-input,.dark .form-textarea,.dark select{background:var(--ht-surface-2)!important;border-color:var(--ht-border)!important;color:var(--ht-text)!important}.orders-table-scroll{border:1px solid var(--ht-border);background:var(--ht-surface)}.table.orders-table{overflow:visible;border:none;border-radius:0!important}.orders-table{min-width:980px}.orders-table td:first-child span{white-space:nowrap}.orders-table-scroll .orders-table{min-width:980px}.topbar{justify-content:flex-start}.topbar .header-actions{margin-left:auto;flex-wrap:nowrap;order:99}.topbar-left{flex:0 1 auto}.summary-cards{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.summary-cards{grid-template-columns:1fr}}.summary-card{align-items:center}.summary-icon{flex:0 0 auto}.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch}.reports-buttons{flex-direction:row!important;justify-content:flex-start;align-items:center;gap:12px}.reports-preview{text-align:left;gap:10px!important;padding:4px 0 0!important}.reports-section{min-height:0!important}.card-header{align-items:center!important;gap:12px}.card-title-action{margin-left:auto}.orders-table .actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.orders-table .actions>div{justify-content:center}.orders-table .actions .btn{width:auto}.form-group{gap:6px}.form-group label{margin-bottom:0}.modal-body>div:last-child:has(>button+button){display:flex;justify-content:flex-end;gap:10px}.header-actions>button,.header-actions .login-theme-toggle{display:inline-flex;align-items:center;justify-content:center}.btn.btn-danger,.dark .btn.btn-danger{background:linear-gradient(135deg,#f4574d,#dc2626)!important;color:#fff!important;box-shadow:0 2px 8px #dc26264d}.btn.btn-danger:hover,.dark .btn.btn-danger:hover{background:linear-gradient(135deg,#f66c63,#e53535)!important;box-shadow:0 10px 22px -6px #dc262673}.an-page{display:flex;flex-direction:column;gap:var(--space-4)}.an-footer{margin-top:8px;padding:18px 20px;border-radius:14px;border:1px solid var(--an-neutral);background:linear-gradient(135deg,var(--an-accent-2-light),var(--an-secondary-light));text-align:center}.an-footer-text{margin:0;font-size:14px;line-height:1.55;color:var(--an-text-secondary);font-weight:500;max-width:52rem;margin-inline:auto}.an-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.an-range{display:inline-flex;background:var(--an-card);border:1px solid var(--an-neutral);border-radius:12px;padding:4px;gap:4px}.an-range-btn{border:none;background:transparent;color:var(--an-text-secondary);font-weight:700;font-size:13px;padding:7px 16px;border-radius:9px;cursor:pointer}.an-range-btn--active{background:var(--an-grad);color:var(--an-text);box-shadow:var(--an-shadow-range)}.an-refresh{min-height:38px}.an-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.an-date-controls{display:inline-flex;align-items:center;gap:6px;background:var(--an-card);border:1px solid var(--an-neutral);border-radius:12px;padding:4px 6px}.an-date-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--an-text-secondary);border-radius:8px;cursor:pointer;transition:all .15s ease}.an-date-nav-btn:hover:not(:disabled){background:var(--an-neutral-light);color:var(--an-text)}.an-date-nav-btn:disabled{opacity:.35;cursor:not-allowed}.an-date-picker-wrap{display:inline-flex;align-items:center;gap:6px;background:var(--an-neutral-light);border-radius:8px;padding:4px 10px;color:var(--an-text);font-size:13px;font-weight:600}.an-date-icon{color:var(--an-primary);flex-shrink:0}.an-date-input{border:none;background:transparent;color:inherit;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;outline:none;color-scheme:light dark}.an-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.75);transition:filter .15s ease}.an-date-input::-webkit-calendar-picker-indicator:hover{filter:opacity(1)}.an-today-btn{border:none;background:var(--an-primary);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;transition:opacity .15s ease}.an-today-btn:hover{opacity:.9}.an-kpis{margin:0}.an-delta{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}.an-delta--up{background:#22a06b1f;color:var(--an-success)}.an-delta--down{background:#d9534f1f;color:var(--an-error)}.an-delta--flat{background:var(--an-neutral-light);color:var(--an-text-secondary)}.dark .an-delta--up{background:#22a06b33;color:var(--an-success)}.dark .an-delta--down{background:#d9534f33;color:var(--an-error)}.an-icon-rev,.an-icon-ord,.an-icon-aov,.an-icon-items{border-radius:14px}.an-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:1000px){.an-grid-2{grid-template-columns:1fr}}.an-sub{font-size:12px;color:var(--an-text-secondary)}.an-h-icon{vertical-align:-3px;margin-right:6px;color:var(--an-primary)}.an-chart-wrap{position:relative}.an-bars{width:100%;display:block}.an-bar{fill:var(--an-chart-2);opacity:.88;transition:opacity .15s ease;cursor:pointer}.an-bar--hot{fill:var(--an-chart-4);opacity:1}.an-line-svg{width:100%;display:block;overflow:visible}.an-line-wrap{padding:4px 0 8px}.an-trend{display:flex;flex-direction:column;gap:16px}.an-trend-summary{display:flex;flex-wrap:wrap;gap:20px 32px;padding:4px 2px 0}.an-trend-stat{display:flex;flex-direction:column;gap:2px;min-width:120px}.an-trend-stat-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--an-text-secondary)}.an-trend-stat-value{font-size:1.35rem;font-weight:800;color:var(--an-text);font-variant-numeric:tabular-nums}.an-trend-stat-meta{font-size:12px;color:var(--an-text-secondary)}.an-trend-chart{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:stretch}.an-trend-ylabels{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:28px 0 36px;font-size:11px;color:var(--an-text-secondary);font-variant-numeric:tabular-nums}.an-trend-plot{position:relative;min-height:220px;display:flex;flex-direction:column;background:var(--an-chart-plot-bg);border-radius:12px}.an-trend-grid{position:absolute;inset:28px 0 36px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.an-trend-grid>i{display:block;height:0;border-top:1px dashed var(--an-chart-grid);opacity:.85}.an-trend-bars{position:relative;z-index:1;flex:1;display:flex;align-items:stretch;gap:6px;min-height:220px;padding:0 4px}.an-trend-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:0;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit}.an-trend-val{font-size:11px;font-weight:700;color:var(--an-text);font-variant-numeric:tabular-nums;line-height:1.2;min-height:28px;display:flex;align-items:flex-end;justify-content:center;text-align:center;opacity:.85}.an-trend-col--hot .an-trend-val{opacity:1;color:var(--an-accent-2)}.an-trend-bar-track{width:100%;max-width:48px;height:160px;display:flex;align-items:flex-end;justify-content:center}.an-trend-bar{width:70%;min-width:10px;max-width:36px;border-radius:8px 8px 4px 4px;background:var(--an-grad-bar);box-shadow:var(--an-shadow-bar);transition:height .2s ease,filter .15s ease}.an-trend-col--hot .an-trend-bar{filter:brightness(1.06);box-shadow:var(--an-shadow-bar-hot);background:linear-gradient(180deg,var(--an-chart-3) 0%,var(--an-chart-4) 100%)}.an-trend-xlabel{font-size:11px;font-weight:600;color:var(--an-text-secondary);text-align:center;line-height:1.25;min-height:28px;padding:0 2px}.an-trend-col--hot .an-trend-xlabel{color:var(--an-text)}@media(max-width:720px){.an-trend-chart{grid-template-columns:48px 1fr}.an-trend-val{font-size:10px}.an-trend-bar-track{max-width:36px;height:140px}}.an-line-grid{stroke:var(--an-chart-grid);stroke-width:1;stroke-dasharray:4 4;opacity:.7}.an-line-path{fill:none;stroke:var(--an-chart-4);stroke-width:2.75;stroke-linejoin:round;stroke-linecap:round}.an-line-area{fill:var(--an-chart-1);opacity:.14}.an-line-dot{fill:var(--an-chart-4);stroke:var(--an-card);stroke-width:2;cursor:pointer}.an-line-dot--hot{fill:var(--an-chart-1)}.an-line-ylab,.an-line-xlab{fill:var(--an-text-secondary);font-size:11px}.an-line-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:12px;font-size:12px;color:var(--an-text-secondary)}.an-line-legend span{display:inline-flex;align-items:center;gap:6px}.an-items-table-wrap{overflow-x:auto;max-height:420px;overflow-y:auto}.an-items-table{width:100%;border-collapse:collapse;font-size:14px}.an-items-table th,.an-items-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--an-neutral)}.an-items-table th{position:sticky;top:0;background:var(--an-card);color:var(--an-text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;z-index:1}.an-items-table td{color:var(--an-text)}.an-items-table td:nth-child(3),.an-items-table th:nth-child(3),.an-items-table td:nth-child(4),.an-items-table th:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.an-chart-tip{display:flex;flex-direction:column;gap:2px;position:absolute;top:-6px;right:0;z-index:2;background:var(--an-card);border:1px solid var(--an-neutral);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--an-text);pointer-events:none}.an-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--an-text-secondary)}.an-ranklist{display:flex;flex-direction:column;gap:14px}.an-rank{display:flex;gap:12px;align-items:flex-start}.an-rank-no{flex:0 0 26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--an-neutral-light);color:var(--an-text-secondary);font-weight:800;font-size:13px;margin-top:2px}.an-rank-no--gold{background:var(--an-grad);color:var(--an-text)}.an-rank-main{flex:1;min-width:0}.an-rank-top{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--an-text)}.an-rank-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-rank-bar{height:6px;border-radius:999px;background:var(--an-neutral-light);margin:6px 0 4px;overflow:hidden}.an-rank-bar>div{height:100%;border-radius:999px;background:var(--an-chart-2)}.an-rank:nth-child(1) .an-rank-bar>div{background:var(--an-chart-4)}.an-rank:nth-child(2) .an-rank-bar>div{background:var(--an-chart-1)}.an-rank:nth-child(3) .an-rank-bar>div{background:var(--an-chart-2)}.an-rank:nth-child(4) .an-rank-bar>div{background:var(--an-neutral)}.an-rank:nth-child(5) .an-rank-bar>div{background:var(--an-chart-5)}.an-rank:nth-child(n+6) .an-rank-bar>div{background:var(--an-chart-6)}.an-rank-meta{font-size:12px;color:var(--an-text-secondary)}.an-split-track{height:14px;border-radius:999px;background:var(--an-neutral-light);overflow:hidden}.an-split-a{height:100%;background:var(--an-grad);border-radius:999px 0 0 999px}.an-split-legend{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--an-text)}.an-split-legend svg{vertical-align:-2px;margin-right:5px;color:var(--an-accent-2)}.an-split-rev{margin-top:10px;font-size:12px;color:var(--an-text-secondary)}.an-insights{border-left:4px solid var(--an-primary)!important}.an-insight-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}.an-insight-list li{line-height:1.55;color:var(--an-text)}.an-empty{padding:24px 0;text-align:center;color:var(--an-text-secondary);font-size:14px}.an-loading{display:flex;align-items:center;gap:10px;justify-content:center;padding:40px 0;color:var(--an-text-secondary)}.an-loading .spinner{border-color:transparent;border-top-color:var(--an-primary);width:20px;height:20px}.an-error-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.ht-toast-stack{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:11000;width:min(480px,calc(100vw - 32px));pointer-events:none}.ht-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--ht-espresso-800);color:#f4eee0;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px -12px #17110680;font-size:14px;line-height:1.45;animation:ht-toast-in .25s cubic-bezier(.22,1,.36,1);pointer-events:auto}.ht-toast>svg{flex:0 0 auto;margin-top:1px}.ht-toast--success>svg:first-child{color:#5fdc95}.ht-toast--error>svg:first-child{color:#ff8a80}.ht-toast--info>svg:first-child{color:var(--ht-gold-300)}.ht-toast__msg{flex:1;white-space:pre-line;word-break:break-word}.ht-toast--action{cursor:pointer;outline:none}.ht-toast--action:hover{filter:brightness(1.08)}.ht-toast--action:focus-visible{box-shadow:0 0 0 2px #ff8a808c}.ht-toast__close{flex:0 0 auto;background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;padding:6px;margin:-6px -6px -6px 0;border-radius:8px;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.ht-toast__close:hover{opacity:1;background:#ffffff14}@keyframes ht-toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.order-notify{position:fixed;top:20px;right:20px;z-index:10000;width:min(100vw - 1.5rem,22rem);pointer-events:none}.order-notify__card{pointer-events:auto;overflow:hidden;border-radius:16px;background:#fffdf8;border:1px solid rgba(23,17,6,.08);border-left:4px solid #10b981;box-shadow:0 18px 40px -14px #17110659,0 0 0 1px #10b98114}.order-notify--error .order-notify__card{border-left-color:#ef4444;box-shadow:0 18px 40px -14px #17110659,0 0 0 1px #ef44441a}.order-notify--info .order-notify__card{border-left-color:var(--ht-gold-400, #eaa108);box-shadow:0 18px 40px -14px #17110659,0 0 0 1px #eaa1081f}.order-notify--partial .order-notify__card{border-left-color:#10b981}.order-notify__header{display:flex;align-items:center;gap:12px;padding:14px 14px 10px;background:#10b98114}.order-notify--error .order-notify__header{background:#ef444414}.order-notify--info .order-notify__header{background:#eaa1081a}.order-notify__icon{flex:0 0 auto;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#10b981;color:#fff}.order-notify--error .order-notify__icon{background:#ef4444}.order-notify--info .order-notify__icon{background:var(--ht-gold-400, #eaa108);color:#1a1408}.order-notify__titles{flex:1 1 auto;min-width:0}.order-notify__title{margin:0;font-size:.95rem;font-weight:800;color:#1a1408;line-height:1.25}.order-notify__time{margin:2px 0 0;font-size:.75rem;color:#1a14088c;font-weight:500}.order-notify__close{flex:0 0 auto;width:32px;height:32px;border:none;border-radius:10px;background:#fff;color:#1a1408;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #1711061f}.order-notify__close svg{display:block;width:18px;height:18px;stroke:#1a1408;color:#1a1408;flex-shrink:0}.order-notify__close:hover{background:#f3efe6}.order-notify__body{padding:12px 14px 14px}.order-notify__message{margin:0;font-size:.9rem;line-height:1.45;color:#2a2214;font-weight:600;white-space:pre-line;word-break:break-word}.order-notify__hint{margin:8px 0 0;font-size:12px;font-weight:700;color:var(--ht-gold-600, #CE8604)}.order-notify--clickable{cursor:pointer}.order-notify--clickable:hover .order-notify__card{box-shadow:0 12px 30px #17110638}.order-card--focus-flash{outline:2px solid var(--ht-gold-500, #EAA108);outline-offset:3px;box-shadow:0 0 0 6px #eaa10840;transition:box-shadow .2s ease,outline-color .2s ease}.order-notify__meta{margin-top:10px;padding:10px 12px;border-radius:12px;background:#1711060a;display:flex;flex-direction:column;gap:6px}.order-notify__meta-row{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;color:#1a140899}.order-notify__meta-row strong{color:#1a1408;font-weight:700}.order-notify__cap{text-transform:capitalize}.order-notify__progress-track{height:3px;background:#10b9812e}.order-notify--error .order-notify__progress-track{background:#ef44442e}.order-notify--info .order-notify__progress-track{background:#eaa10833}.order-notify__progress-bar{height:100%;background:#10b981}.order-notify--error .order-notify__progress-bar{background:#ef4444}.order-notify--info .order-notify__progress-bar{background:var(--ht-gold-400, #eaa108)}@media(max-width:560px){.order-notify{top:12px;right:12px;left:12px;width:auto}}.topbar-scan-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;min-height:38px}.btn:disabled,.dark .btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--ht-text-2);font-size:14px}.loading:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid transparent;border-top-color:var(--ht-gold-500);border-right-color:var(--ht-gold-500);animation:spin .8s linear infinite;flex:0 0 auto}.modal-close,.header-actions button,.theme-toggle-btn{min-width:44px;min-height:44px}.header-actions .theme-toggle-btn,.header-actions .theme-toggle-switch--app{display:inline-flex;align-items:center;justify-content:center;padding:0;width:auto;min-width:68px;height:44px;border-radius:999px;background:transparent!important;border:none!important;box-shadow:none!important}.user-menu summary{min-height:44px}.user-menu.user-menu--plain summary{background:transparent!important;border:none!important;box-shadow:none!important}.user-menu.user-menu--plain summary:hover{background:transparent!important}.user-menu.user-menu--plain summary::-webkit-details-marker{display:none}.user-menu.user-menu--plain summary::marker{content:""}.password-toggle{min-width:40px;min-height:40px}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:1000px){.dash-grid-2{grid-template-columns:1fr}}.dash-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-mini-stat{background:var(--ht-surface-2);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);padding:14px 16px;text-align:center}.dash-mini-value{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ht-text);font-variant-numeric:tabular-nums;line-height:1.2}.dash-mini-value--hot{color:#b3261e}.dark .dash-mini-value--hot{color:#ff8a80}.dash-mini-label{font-size:12px;font-weight:600;color:var(--ht-text-2);margin-top:2px}.dash-empty{display:flex;align-items:center;gap:8px;padding:18px 4px;color:var(--ht-text-2);font-size:14px}.dash-empty svg{color:var(--ht-gold-500);flex:0 0 auto}.dash-chip-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dash-stock-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2;vertical-align:middle}.dash-stock-chip__name{display:inline-flex;align-items:center;line-height:1.2;font-size:inherit;font-weight:inherit}.dash-stock-chip em,.dash-stock-chip__status{display:inline-flex;align-items:center;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.dash-stock-chip--out{background:var(--crit-bg, #fde3e1);background:#fde3e1;color:#b3261e}.dash-stock-chip--low{background:#fdf0cd;color:#8a6205}.dark .dash-stock-chip--out{background:#3c1210;color:#ff8a80}.dark .dash-stock-chip--low{background:#3a2c05;color:#f5c94d}.dash-stock-more{font-size:12px;color:var(--ht-text-2);font-weight:600}.dash-order-list{display:flex;flex-direction:column}.dash-order-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--ht-border)}.dash-order-row:last-child{border-bottom:none}.dash-order-token{flex:0 0 auto;background:color-mix(in srgb,var(--ht-gold-300) 28%,var(--ht-surface));border:1px solid color-mix(in srgb,var(--ht-gold-500) 55%,var(--ht-border));color:var(--ht-text);padding:2px 9px;border-radius:8px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.dash-order-name{flex:1 1 auto;min-width:0;font-weight:600;color:var(--ht-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-order-time{flex:0 0 auto;font-size:12px;color:var(--ht-text-2);font-variant-numeric:tabular-nums}.dash-pop-list{display:flex;flex-direction:column;gap:14px}.dash-pop-top{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:6px}.dash-pop-name{font-weight:600;color:var(--ht-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-pop-count{color:var(--ht-text-2);font-size:12px;flex:0 0 auto}.dash-pop-bar{height:6px;border-radius:999px;background:var(--ht-surface-2);overflow:hidden}.dash-pop-bar>div{height:100%;border-radius:999px;background:var(--ht-grad)}.settings-account-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.settings-avatar{width:44px;height:44px;border-radius:999px;background:var(--ht-grad);color:var(--ht-ink);font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 6px 18px #eaa10859}.settings-account-info{min-width:0;flex:1 1 auto}.settings-account-name{font-weight:700;color:var(--ht-text)}.settings-account-email{font-size:13px;color:var(--ht-text-2);overflow:hidden;text-overflow:ellipsis}.settings-logout-btn{display:inline-flex;align-items:center;gap:6px}.settings-account-actions{display:inline-flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.settings-pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-pref-title{font-weight:600;color:var(--ht-text)}.settings-pref-hint{font-size:13px;color:var(--ht-text-2)}.settings-page{display:flex;flex-direction:column;gap:16px;height:auto!important;min-height:0;position:relative;z-index:0}.settings-page>.card{position:relative;z-index:0;overflow:visible;flex:0 0 auto}.settings-page>.card.settings-language-card{z-index:30}.settings-page>.card>h2{position:relative;z-index:1;isolation:isolate}.settings-password-form{display:flex;flex-direction:column;gap:0;width:100%;max-width:420px}.settings-password-form .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.settings-password-form .form-group label{font-weight:600;color:var(--ht-text);font-size:.85rem}.settings-password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.settings-password-input-wrap .input-icon{position:absolute;left:.85rem;color:var(--ht-text-2);pointer-events:none;z-index:1}.settings-password-input-wrap input{width:100%;padding:.8rem 1rem .8rem 2.55rem;border:1px solid var(--ht-border);border-radius:10px;font-size:.875rem;background:var(--ht-surface);color:var(--ht-text);-webkit-text-fill-color:var(--ht-text);caret-color:var(--ht-gold-400);transition:border-color .15s ease,box-shadow .15s ease}.settings-password-input-wrap input:focus{outline:none;border-color:var(--ht-gold-400);box-shadow:0 0 0 3px #f4b31c2e}.settings-password-input-wrap .password-toggle{position:absolute;right:.7rem;background:none;border:none;color:var(--ht-text-2);cursor:pointer;padding:.25rem;display:flex;align-items:center}html.dark .settings-password-input-wrap input,[data-theme=dark] .settings-password-input-wrap input{background:#1a1a1a!important;border-color:#333!important;color:#f3f5f7!important;-webkit-text-fill-color:#f3f5f7}html.dark .settings-password-input-wrap input:-webkit-autofill,html.dark .settings-password-input-wrap input:-webkit-autofill:focus,[data-theme=dark] .settings-password-input-wrap input:-webkit-autofill,[data-theme=dark] .settings-password-input-wrap input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1a1a1a inset!important;box-shadow:0 0 0 1000px #1a1a1a inset!important;-webkit-text-fill-color:#f3f5f7!important;transition:background-color 99999s ease-out 0s}.settings-password-otp-actions{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.settings-password-resend{font-size:13px}.settings-password-otp-ok{font-size:12px;color:#059669;font-weight:600}.settings-password-submit{margin-top:4px}.settings-password-cancel{margin-top:10px}.settings-reset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:4px 2px;margin:0;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit}.settings-reset-row:hover .settings-reset-row__title{color:var(--ht-gold-600, #ce8604)}.settings-reset-row__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-reset-row__title{font-weight:700;font-size:1.05rem;color:var(--ht-text);letter-spacing:-.01em}.settings-reset-row__hint{font-size:.875rem;color:var(--ht-text-2)}.settings-reset-row__chevron{flex:0 0 auto;font-size:1.5rem;line-height:1;color:var(--ht-text-2);font-weight:300}.orders-empty{border-color:color-mix(in srgb,var(--ht-gold-400) 30%,var(--ht-border));background:var(--ht-surface-2)}.orders-empty-icon{color:var(--ht-gold-500);opacity:.7}@media(max-width:960px){.app,.app.sidebar-expanded,.app.sidebar-collapsed{grid-template-columns:1fr!important}.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:min(280px,86vw)!important;max-width:280px;transform:translate(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1);z-index:80;box-shadow:8px 0 32px #17110659;padding:var(--space-5) var(--space-4)!important}.app.mobile-nav-open .sidebar{transform:translate(0)}.app.mobile-nav-open .sidebar .brand{justify-content:flex-start;gap:12px;padding:8px 10px}.app.mobile-nav-open .sidebar .brand-label,.app.mobile-nav-open .sidebar .nav a span{opacity:1!important;max-width:180px!important;pointer-events:auto}.app.mobile-nav-open .sidebar .nav a{justify-content:flex-start!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:var(--space-3) var(--space-4)!important;text-align:left!important;white-space:nowrap!important;flex:0 0 auto!important}.app.mobile-nav-open .sidebar .nav{justify-content:flex-start!important;gap:6px!important}.app.mobile-nav-open .sidebar .nav a span{font-size:inherit!important;display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;text-align:left!important}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:70;border:none;padding:0;margin:0;background:#17110673;cursor:pointer}.sidebar-menu-btn{display:inline-flex!important}.main-body{padding:12px 14px 16px!important}.topbar{padding:10px 14px!important}.topbar h1{font-size:1.15rem!important}}@media(max-width:640px){.header-actions .user-menu summary span{display:none}.main-body{padding:10px 12px 14px!important}.place-order-cart.place-order-cart--button-mode{width:100%!important;max-height:none;position:relative!important;top:auto!important}}.main--place-order .main-body{padding-bottom:72px!important}.place-order-cart--button-mode{position:sticky;top:0;align-self:flex-start}.an-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.an-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:1200px){.an-grid-4{grid-template-columns:repeat(2,1fr)}.an-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:700px){.an-grid-4,.an-grid-3{grid-template-columns:1fr}}.main.main--analytics .an-dist-grid{gap:16px}.main.main--analytics .an-dist-card{border:none!important;box-shadow:0 1px 4px #3b2a1f0f!important;padding:16px 18px!important;min-width:0}.main.main--analytics .an-dist-card .card-header{margin-bottom:10px}.main.main--analytics .an-dist-card .card-header h2{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--an-text)!important;display:flex;align-items:center;gap:2px}.main.main--analytics .an-dist-card .an-h-icon{color:var(--an-accent-2);opacity:.9}.an-kpi-sm .summary-value{font-size:1.25rem}.an-section-title{margin:4px 0 8px;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:var(--an-text-secondary);text-transform:uppercase}.an-pie-wrap{display:flex;align-items:center;flex-wrap:nowrap;gap:16px;min-width:0}.an-pie{width:112px;height:112px;flex:0 0 auto;border-radius:50%}.an-dist-card .an-pie{width:108px;height:108px}.an-pie-legend{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.35;color:var(--an-text);flex:1 1 0;min-width:0}.an-pie-legend span{display:flex;align-items:flex-start;gap:8px}.an-pie-legend strong{font-weight:700;color:var(--an-text)}.an-pie-swatch{width:10px;height:10px;border-radius:2px;flex:0 0 auto;margin-top:3px}@media(max-width:700px){.an-pie-wrap{flex-wrap:wrap;justify-content:center}.an-dist-card .an-pie-legend{flex:1 1 100%}}.an-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:900px){.an-cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.an-cat-grid{grid-template-columns:1fr}}.an-cat-card{background:var(--an-neutral-light);border:1px solid var(--an-neutral);border-radius:14px;padding:14px}.an-cat-card h3{margin:0 0 8px;font-size:14px;font-weight:800;color:var(--an-text)}.an-cat-stat{display:flex;justify-content:space-between;font-size:12px;color:var(--an-text-secondary);margin-top:4px}.an-cat-stat strong{color:var(--an-text)}.an-forecast-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.an-forecast-list li{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--an-neutral-light);border:1px solid var(--an-neutral)}.an-forecast-list li svg{color:var(--an-primary);flex:0 0 auto;margin-top:2px}.ht-page-footer{margin-top:28px;padding-bottom:28px;position:relative;z-index:1;clear:both;flex:0 0 auto;width:100%}.ht-page-footer__card{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:var(--ht-surface-2);border:1px solid var(--ht-border);box-shadow:0 1px 2px #2c210c0a}.ht-page-footer__icon{color:var(--ht-gold-500);flex:0 0 auto;margin-top:2px}.ht-page-footer__copy{min-width:0}.ht-page-footer__title{display:block;font-size:15px;font-weight:700;color:var(--ht-text);letter-spacing:-.01em;line-height:1.3}.ht-page-footer__body{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--ht-text-2);font-weight:500}.dark .ht-page-footer__card{background:var(--ht-surface-2);border-color:var(--ht-border);box-shadow:none}.place-order-button-layout{align-items:flex-start}@media(max-width:900px){.place-order-button-layout{flex-direction:column!important}.place-order-button-layout .place-order-cart--button-mode{width:100%!important;max-height:min(480px,55vh);position:relative!important;top:auto!important}}.vendor-canteen-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 12px;border-radius:12px;border:1px solid var(--ht-border);background:var(--ht-surface);max-width:220px;min-width:0}.vendor-canteen-chip__label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ht-text-2)}.vendor-canteen-chip__name{font-size:13px;font-weight:800;color:var(--ht-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:720px){.vendor-canteen-chip{display:none}}.settings-language-card{padding-top:14px;padding-bottom:14px;overflow:visible!important;position:relative;z-index:40}.settings-language-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;overflow:visible}.settings-language-row .language-switcher-container{flex:0 0 auto;z-index:50}.language-switcher-container{position:relative;z-index:100}.lang-switcher-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;border:1px solid var(--ht-border);background:var(--ht-surface);color:var(--ht-text);cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 2px 8px #0000000d}.lang-switcher-trigger .globe-icon{color:var(--ht-gold-600)}.lang-chevron{opacity:.7;transition:transform .2s}.lang-chevron--open{transform:rotate(180deg)}.lang-dropdown-panel{position:absolute;right:0;top:calc(100% + 8px);width:300px;background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:16px;box-shadow:0 12px 28px #17110629;padding:8px;display:flex;flex-direction:column;max-height:420px;overflow:hidden;z-index:200}.lang-dropdown-panel--rtl{right:auto;left:0}.lang-search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--ht-border);margin-bottom:4px}.lang-search-box input{border:none;outline:none;background:transparent;color:var(--ht-text);font-size:13px;width:100%}.lang-list{overflow-y:auto;flex:1;padding-right:2px}.lang-group{margin-bottom:6px}.lang-group-label{position:sticky;top:0;z-index:1;padding:6px 10px 4px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ht-text-2);background:var(--ht-surface)}.lang-item-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--ht-text);border-radius:10px;cursor:pointer;font-size:13px;text-align:left;font-weight:500}.lang-item-btn--selected{background:color-mix(in srgb,var(--ht-gold-400) 16%,transparent);color:var(--ht-gold-700);font-weight:700}.lang-item-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.lang-item-native{font-size:13px}.lang-item-meta{font-size:11px;opacity:.65}.lang-empty{padding:12px;text-align:center;font-size:12px;opacity:.5}.spin{animation:ht-spin .8s linear infinite}@keyframes ht-spin{to{transform:rotate(360deg)}}.main-body{padding:12px 18px 18px!important}.card,.dark .card{padding:12px 16px!important}.summary-card{padding:12px 14px!important}.an-kpis{margin:0!important}.an-section-title{margin:8px 0 0!important}