:root{--bg: #ffffff;--text: #111111;--panel-bg: #ffffff;--border: #eeeeee;--muted-bg: #f1f3f5;--hover-bg: #f3f3f3;--table-head: #fafafa;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;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}[data-theme=dark]{--bg: #0f1115;--text: #f3f5f7;--panel-bg: #161a20;--border: #262a32;--muted-bg: #1b2028;--hover-bg: #202634;--table-head: #1b2028}a{font-weight:500;color:var(--text);text-decoration:none}a:hover{color:#000}html,body,#root{height:100%;width:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}h1{font-size:3.2em;line-height:1.1}button{border-radius:4px;border:1px solid var(--text);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--panel-bg);color:var(--text);cursor:pointer}button:hover{background:var(--hover-bg)}button:focus,button:focus-visible{outline:2px solid var(--text)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:var(--space-4);position:relative}.login-theme-toggle{position:absolute;top:2rem;right:2rem;width:44px;height:44px;border-radius:22px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000000a;z-index:10}.login-theme-toggle:hover{background:#f3f4f6;box-shadow:0 4px 12px #0000001f;transform:scale(1.05)}.login-theme-toggle:active{transform:scale(.95)}.login-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2.5rem;width:100%;max-width:420px;border:1px solid #e5e7eb}.login-header{text-align:center;margin-bottom:2rem}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;margin-bottom:1.5rem;color:#fff;box-shadow:0 4px 12px #3b82f64d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.login-icon: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 .5s}.login-icon:hover:before{left:100%}.login-icon:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.login-header h1{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:#1f2937}.login-header p{margin:0;color:#6b7280;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:var(--space-6)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:500}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:600;color:#374151;font-size:.875rem;margin-bottom:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1f2937}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#374151;background:#f3f4f6}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f640;margin-top:.5rem;position:relative;overflow:hidden}.login-button: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 .5s}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f680;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{margin:0;color:#6b7280;font-size:.75rem;font-weight:500}.dark .login-container{background:linear-gradient(135deg,#1e3a8a,#1e293b)}.dark .login-card{background:#1f2937;border-color:#374151}.dark .login-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.dark .login-header h1{color:#f9fafb}.dark .login-header p{color:#d1d5db}.dark .form-group label{color:#e5e7eb}.dark .input-wrapper input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .input-wrapper input::placeholder{color:#9ca3af}.dark .input-wrapper input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f633}.dark .input-wrapper input:disabled{background:#1f2937;color:#6b7280}.dark .input-icon,.dark .password-toggle{color:#9ca3af}.dark .password-toggle:hover{color:#e5e7eb;background:#374151}.dark .login-footer p{color:#9ca3af}.dark .login-theme-toggle{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .login-theme-toggle:hover{background:#4b5563;box-shadow:0 4px 12px #0000004d}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-500: #10b981;--warning-500: #f59e0b;--error-500: #ef4444;--panel-bg: var(--gray-50);--muted-bg: var(--gray-100);--text: var(--gray-900);--text-secondary: var(--gray-600);--border: var(--gray-200);--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: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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: var(--gray-800);--muted-bg: var(--gray-700);--text: var(--gray-100);--text-secondary: var(--gray-300);--border: var(--gray-600);--scrollbar-track: rgba(0, 0, 0, .22);--scrollbar-thumb: rgba(148, 163, 184, .14);--scrollbar-thumb-hover: rgba(148, 163, 184, .28);--scrollbar-inverse-track: rgba(0, 0, 0, .3);--scrollbar-inverse-thumb: rgba(148, 163, 184, .16);--scrollbar-inverse-thumb-hover: rgba(148, 163, 184, .3)}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{display:grid;grid-template-columns:auto 1fr;height:100vh;width:100%;background:var(--muted-bg);min-width:0}.sidebar{background:#fff;border-right:1px solid var(--border);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:width .3s ease,padding .3s ease;width:280px;display:flex;flex-direction:column;box-sizing:border-box;min-height:0}.sidebar.collapsed{width:80px;padding:var(--space-4)}.dark .sidebar{background:var(--gray-800);border-color:var(--gray-600)}.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:0 0 12px;font-size:20px;transition:opacity .3s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .brand{opacity:0;width:0}.nav{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.nav a{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-weight:500;display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:visible;position:relative;min-width:0}.sidebar.collapsed .nav a{justify-content:center;padding:var(--space-3)}.sidebar.collapsed .nav a span{display:none}.nav a svg{flex-shrink:0;transition:transform .2s ease}.nav a:hover svg{transform:scale(1.1)}.nav a:hover{background:var(--gray-100);color:var(--text)}.nav a.active{background:var(--primary-500);color:#fff;font-weight:600}.dark .nav a:hover{background:var(--gray-700)}.dark .nav a.active{background:var(--primary-600)}.main{padding:var(--space-8);overflow:auto;background:var(--gray-50);min-width:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.dark .main{background:var(--gray-900)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px 16px;flex-wrap:wrap}.topbar--orders{align-items:flex-start}.topbar-left{flex:1 1 auto;min-width:0}.topbar-left--orders{flex-wrap:wrap;align-items:center;row-gap:10px;column-gap:12px}.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,#3b82f6,#2563eb);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,#2563eb,#1d4ed8)}.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{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{width:44px;height:44px;border-radius:22px;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000000a;color:var(--text-color)}.theme-toggle-btn svg{color:inherit}.theme-toggle-btn:hover{box-shadow:0 4px 12px #0000001f;border-color:var(--text)}.theme-toggle-btn:active{transform:scale(.95)}.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:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md)}.dark .card{background:var(--gray-800);border-color:var(--gray-600)}.card h2{margin:0 0 10px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.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.ready{background:#e7f7ed;color:#1d7f42}.badge.counter{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.app{background:#6b7280;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.staff{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.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}.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-3);border:1px solid var(--primary-500);border-radius:var(--radius-md);background:var(--primary-500);color:#fff;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s ease;font-weight:500;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn:hover{background:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.dark .btn{background:var(--primary-600);border-color:var(--primary-600)}.dark .btn:hover{background:var(--primary-500);border-color:var(--primary-500)}.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,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f666}.btn.orders-btn.recent-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f699}.btn.orders-btn.recent-btn.active{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #3b82f680}.btn.orders-btn.live-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b66;animation:pulse-glow-enhanced 2s infinite}.btn.orders-btn.live-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b99;animation:none}.btn.orders-btn.live-btn.active{background:linear-gradient(135deg,#b45309,#92400e);box-shadow:0 6px 20px #f59e0b80;animation:none}.btn.orders-btn.past-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.btn.orders-btn.past-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98199}.btn.orders-btn.past-btn.active{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 20px #10b98180}.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,#2563eb,#1d4ed8);box-shadow:0 4px 15px #3b82f699}.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 #3b82f61a}.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 #3b82f633}.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:16px;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 #3b82f633}.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:has(.orders-page){overflow-x:hidden}.home-dashboard.orders-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.home-dashboard.orders-page .card{min-width:0;max-width:100%;box-sizing:border-box}.orders-table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;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))}@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:#dbeafe;border:2px solid #3b82f6;color:#1e40af}.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:#3b82f626;border-color:#3b82f6;color:#93c5fd}.dark .orders-sort-column-header--ready{background-color:#22c55e26;border-color:#22c55e;color:#86efac}.order-card-v2.orders-picture-card.order-card{min-height:280px;display:flex;flex-direction:column;align-items:stretch;text-align:left}.order-card-v2__header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px;flex-shrink:0}.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:#3b82f6;color:#fff}.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 auto;min-height:0;display:flex;flex-direction:column}.order-card-v2__body .pm-items{flex:1 1 auto;max-height:220px;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 auto;min-height:0}.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:72px;height:72px;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:12px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;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__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:grid;grid-template-rows:auto auto 1fr;gap:24px;height:100%}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;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:#1e40af!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:1fr 1fr;gap:12px;padding:8px}.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,#2563eb,#1d4ed8)!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:300px;grid-column:1 / -1}.inventory-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.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,#3b82f6,#1d4ed8);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 4px 12px #3b82f61a;position:relative;overflow:hidden}.add-item-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#60a5fa,#3b82f6);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,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 12px 30px #3b82f640}.add-item-btn:hover:before{animation-duration:1s;opacity:.2}.add-item-btn:active{transform:translateY(0) scale(.95);box-shadow:0 4px 15px #3b82f626}.dark .add-item-btn{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.dark .add-item-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.dark .add-item-btn:before{background:linear-gradient(135deg,#3b82f6,#1e40af)}.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,#3b82f6,#1d4ed8);color:#fff}.dynamic-btn.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 12px 30px #3b82f640}.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,#1e40af,#1e3a8a)}.dark .dynamic-btn.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)}.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,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.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:#0369a1}.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}.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)}.menu-item-image{height:200px;background-size:cover;background-position:center;position:relative}.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)}.menu-item-content{padding:16px;display:flex;flex-direction:column;flex:1}.menu-item-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text)}.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,#3b82f6,#2563eb);color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.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%}.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,.quick-actions-grid{grid-template-columns:1fr}}.price-cell{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;display:inline-block;min-width:60px}.price-cell:hover{background-color:var(--gray-100)}.dark .price-cell:hover{background-color:var(--gray-700)}.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 #3b82f61a}.dark .price-input:focus{box-shadow:0 0 0 2px #3b82f633}.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 #3b82f61a}.dark .quantity-input:focus{box-shadow:0 0 0 2px #3b82f633}.stock-status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:100px}.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:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;display:inline-block;min-width:40px}.quantity-cell:hover{background-color:var(--gray-100)}.dark .quantity-cell:hover{background-color:var(--gray-700)}.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 #3b82f626;border-color:#3b82f6;background:linear-gradient(135deg,#fff,#f0f9ff)}.dark .compact-card{background:var(--gray-800);border-color:var(--gray-600)}.dark .compact-card:hover{background:linear-gradient(135deg,#1f2937,#1e3a8a);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f640}.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{border-radius:22px!important;padding:16px!important;max-width:none;min-height:200px;background:linear-gradient(180deg,#1f2a3f,#202b3e)!important;border:1px solid #4b5d79!important;box-shadow:0 8px 24px #040a1c59}.mo-item-card:hover{transform:translateY(-1px);border-color:#5f7597!important;box-shadow:0 10px 30px #070e2273;background:linear-gradient(180deg,#24324a,#212c40)!important}.mo-item-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px!important}.mo-item-title{margin:0!important;font-size:38px;font-weight:800;color:#f4f7fb;line-height:1.15;letter-spacing:.1px}.mo-status-chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:12px;border:1px solid #52627d;padding:4px 10px;font-size:12px;font-weight:700;color:#cdd6e4;background:#2a3448}.mo-status-chip--preparing{border-color:#d28a00;background:#5d3f00;color:#ffd877}.mo-item-body{gap:10px}.mo-ready-block label{font-size:16px!important;font-weight:700!important;color:#e5eaf3!important;margin-bottom:10px!important}.mo-ready-row{display:flex;align-items:center;gap:10px}.mo-ready-input{height:44px!important;border-radius:12px!important;border:1px solid #4c5d78!important;background:#1f2a3b!important;color:#e7edf8!important;font-size:30px!important;font-weight:600;padding:0 14px!important}.mo-ready-input::placeholder{color:#8ea0be}.mo-ready-btn{width:58px;height:44px!important;border-radius:14px!important;display:inline-flex!important;align-items:center;justify-content:center;background:#2e62cb!important;border:1px solid #3b72dc!important;color:#b8d3ff!important}.mo-ready-btn:hover:not(:disabled){background:#3c73de!important}.dark .mo-item-card{background:linear-gradient(180deg,#1f2a3f,#202b3e)!important;border:1px solid #4b5d79!important}.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:#2563eb1f;color:var(--primary);border-color:#2563eb66}.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:#2563eb1f;color:#1d4ed8}.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 #3b82f61a}.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 #3b82f633}.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 #3b82f61a}.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 #3b82f633}.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:32px;height:32px;border-radius:50%;border:none;background:#fee2e2;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-file-btn:hover{background:#fecaca;transform:scale(1.1)}.dark .remove-file-btn{background:#7f1d1d;color:#fca5a5}.dark .remove-file-btn:hover{background:#991b1b}.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:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-2px)}.search-input::placeholder{color:#9ca3af;font-style:italic}.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:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.add-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;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:#60a5fa;box-shadow:0 4px 12px #60a5fa26}.dark .search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a,0 4px 12px #60a5fa26}.dark .search-input::placeholder{color:#9ca3af}.dark .add-input{background:#374151;border-color:#4b5563;color:#fff}.dark .add-input:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa26}.dark .add-input:focus{border-color:#60a5fa;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:24px;padding:20px}.reports-buttons{display:flex;gap:16px;justify-content:center;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,#3b82f6,#2563eb);color:#fff;border:none}.summary-card:nth-child(1):hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 12px 30px #3b82f64d}.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,#3b82f6,#2563eb);color:#fff;border:none}.stat-item:nth-child(1):hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 12px 30px #3b82f64d}.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,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 32px;border-radius:12px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:180px;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,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 12px 30px #3b82f64d}.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,#3b82f6,#2563eb);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,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.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 .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:column;align-items:center}.reports-btn{min-width:200px;width:100%;max-width:250px}}@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: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:#282c34;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000073,0 0 0 1px #ffffff0f;max-width:520px}.availability-modal-header{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.availability-modal-header h3{color:#f3f4f6;font-size:17px;font-weight:600;letter-spacing:.01em}.availability-modal-close{color:#e5e7eb;border-radius:8px}.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:#9ca3af;padding:32px 16px}.availability-items-list{gap:10px;padding-right:6px}.availability-item-row{padding:12px 14px;background:#323742;border:1px solid rgba(255,255,255,.06);border-radius:8px;gap:12px}.availability-item-name{color:#f3f4f6;font-weight:500;flex:1;min-width:0;padding-right:8px;line-height:1.35}.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:#f9fafb;background:#1e2229;border:1px solid rgba(255,255,255,.1);border-radius:6px}.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{text-align:center;padding:40px;color:#666}.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: #161b22;--po-surface: #1e2430;--po-row: #2a3142;--po-border: rgba(255, 255, 255, .1);--po-text: #f3f4f6;--po-muted: #94a3b8;--po-input: #1a1f2e;background:var(--po-bg);border:1px solid var(--po-border);border-radius:16px;color:var(--po-text);display:flex;flex-direction:column;max-height:600px;overflow:hidden;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:#fff;display:flex;align-items:center;gap:10px}.po-cart-header h3 svg{color:#fff;stroke:#fff}.po-cart-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--po-border);background:#ffffff0f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.po-cart-close:hover{background:#ffffff1f}.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:#fff;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 rgba(255,255,255,.12);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:#252b3a;color:#fff;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:#2f3750}.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:#1e2533;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);line-height:34px;font-variant-numeric:tabular-nums;color:#fff;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:#fff;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:#fff;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}.po-cart-type-btn--inactive{background:#252b3a;color:#e2e8f0;border-color:#ffffff1f}.po-cart-type-btn--inactive svg{color:#a78bfa;stroke:#a78bfa}.po-cart-type-btn--inactive:hover{background:#2d3548}.po-cart-type-btn--active{background:#2563eb;color:#fff;border-color:#ffffff59;box-shadow:0 0 0 1px #2563eb66}.po-cart-type-btn--active svg{color:#fff;stroke:#fff}.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:#00000040;color:#fecaca;border:1px solid rgba(248,113,113,.55);transition:background .2s}.po-cart-clear:hover:not(:disabled){background:#ef444426}.po-cart-clear:disabled{opacity:.45;cursor:not-allowed}.po-cart-clear svg{color:#fca5a5;stroke:#fca5a5}.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}.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:#3b82f6!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:#2563eb!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:#3b82f6!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:#2563eb!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:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!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:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!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:#3b82f6;color:#fff;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:#2563eb;transform:translateY(-1px)}.dark-mode .removed-items-refresh-btn{background:#1d4ed8!important;color:#f9fafb!important}.dark-mode .removed-items-refresh-btn:hover{background:#1e40af!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{table-layout:fixed}.orders-table th:nth-child(1),.orders-table td:nth-child(1){width:8%!important;text-align:left;padding-right:8px}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:28%!important;padding-left:8px}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:10%!important}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:10%!important;text-align:center}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:18%!important}.orders-table th:nth-child(6),.orders-table td:nth-child(6){width:12%!important}.orders-table th:nth-child(7),.orders-table td:nth-child(7){width:22%!important;text-align:center}.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-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, #2563eb);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.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 .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)}@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{position:absolute;inset:6%;border:2px solid rgba(59,130,246,.65);border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #00000040}.qr-scan-line{position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.3),#60a5fa,rgba(96,165,250,.3),transparent);animation:qr-scan-sweep 2.4s ease-in-out infinite;border-radius:2px;pointer-events:none;box-shadow:0 0 12px #3b82f699}.past-orders-merged{display:flex;flex-direction:column;gap:20px}.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-last-loaded{margin:8px 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-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-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: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:#3b82f6;color:#fff}.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-btn{width:100%;justify-content:center}}