: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)}: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)}.dark{--panel-bg: var(--gray-800);--muted-bg: var(--gray-700);--text: var(--gray-100);--text-secondary: var(--gray-300);--border: var(--gray-600)}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;width:100%;background:var(--muted-bg)}.sidebar{background:#fff;border-right:1px solid var(--border);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .sidebar{background:var(--gray-800);border-color:var(--gray-600)}.brand{margin:0 0 12px;font-size:20px}.nav{display:flex;flex-direction:column;gap:6px}.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}.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)}.dark .main{background:var(--gray-900)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-actions{display:flex;align-items:center;gap:12px}.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}.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)}.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)}.actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;width:100%;padding:0 4px}.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}.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:12px;font-weight:600;min-width:100px;justify-content:center;padding:12px 16px;position:relative;overflow:hidden;border:none;box-shadow:0 4px 15px #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,#5b21b6,#4c1d95);box-shadow:0 6px 20px #7c3aed80}@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}.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)}}.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}.order-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.avatar{width:80px;height:80px;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}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.muted{color:#888}.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);cursor:pointer;position:relative;overflow:hidden}.summary-card: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}.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}.add-item-container{display:flex;align-items:center;gap:8px}.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}.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}.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}.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;-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;-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}.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{margin-top:6px!important}.compact-card .flex.items-center.justify-between{margin-bottom:6px!important}.compact-card .flex.items-center.gap-2{align-items:center}.compact-card .bg-accent\/10{background-color:rgba(var(--accent-rgb),.1)}.compact-card .card-header{display:flex;align-items:center;gap:4px;margin-bottom:8px}.compact-card .food-item-name{font-size:15px;font-weight:600;color:var(--primary);margin:0;line-height:1.3}.compact-card .pending-badge{font-size:12px;font-weight:500;color:var(--accent);background-color:rgba(var(--accent-rgb),.1);padding:3px 6px;border-radius:4px;white-space:nowrap}.compact-card .flex.gap-2{margin-top:4px!important}.compact-card label{font-size:12px!important;font-weight:500!important}.compact-card .input{padding:6px 8px!important;font-size:13px!important;width:60px!important}.compact-card .btn{padding:6px 8px!important;font-size:12px!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}@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:200px;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 4px #0000000d}.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:200px;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 4px #0000000d}.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:1600px!important;width:95%!important;max-height:95vh!important;overflow-y:auto;min-height:80vh}.modal-content.reports-modal{max-width:1600px!important;width:95%!important;max-height:95vh!important;min-height:80vh!important;overflow-y:auto!important}.modal-content.reports-modal .modal-body{overflow-y:auto!important;max-height:none!important;padding:0!important}.reports-modal-content{display:flex;flex-direction:column;gap:32px;padding:32px;width:100%!important;max-width:none!important}.reports-filters{display:flex;align-items:end;gap:24px;flex-wrap:wrap;padding:28px;background:var(--muted-bg);border-radius:16px;border:1px solid var(--border)}.reports-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:28px;background:var(--muted-bg);border-radius:16px;border:1px solid var(--border)}.reports-table{overflow-x:auto;padding:28px;background:var(--muted-bg);border-radius:16px;border:1px solid var(--border)}.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%;margin:20px;max-height:95vh}.reports-modal-content{padding:16px;gap:16px}.reports-filters,.reports-summary,.reports-table{padding:16px}.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}.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)}.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;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:#10b981}.toggle-switch input:checked+.slider:before{transform:translate(26px)}.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}}.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-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}.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}.cart-content{flex:1!important;padding:20px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;background-color:#fff!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}.cart-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:16px!important;background-color:#f9fafb!important;border-radius:12px!important;margin-bottom:12px!important;border:1px solid #e5e7eb!important}.quantity-btn{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}.quantity-btn:hover{background-color:#f3f4f6!important;border-color:#9ca3af!important;color:#1f2937!important}.quantity-btn svg{width:16px;height:16px;stroke-width:2.5;color:#374151;fill:none;stroke:#374151;display:block;visibility:visible;opacity:1}.remove-btn{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;margin-left:8px!important}.remove-btn:hover{background-color:#dc2626!important}.remove-btn svg{width:14px;height:14px;color:#fff;fill:none;stroke:#fff;stroke-width:2;display:block;visibility:visible;opacity:1}.cart-footer{border-top:1px solid #e5e7eb!important;padding-top:20px!important;margin-top:20px!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}.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}.cart-close-btn svg{width:16px;height:16px;color:#374151;fill:none;stroke:#374151;stroke-width:2;display:block;visibility:visible;opacity:1}.cart-side-panel svg{display:block!important;visibility:visible!important;opacity:1!important;min-width:16px!important;min-height:16px!important}.cart-item input[type=number]{width:50px!important;height:32px!important;text-align:center!important;font-weight:500!important;color:#1f2937!important;font-size:16px!important;border:1px solid #d1d5db!important;border-radius:6px!important;background-color:#fff!important;outline:none!important;padding:0 4px!important}.cart-item input[type=number]:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}