:root{--bg:#0f1117;--surface:#1a1d27;--surface2:#22263a;--border:#2e3350;--accent:#f5a623;--accent2:#e85d4a;--text:#f0f2ff;--text2:#8b91b5;--text3:#555b7e;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--info:#3b82f6;--radius:14px;--radius-sm:8px;--shadow:0 4px 24px #0006;--sidebar-w:240px}.light{--bg:#f4f5f9;--surface:#fff;--surface2:#eef0f7;--border:#dde0ef;--text:#1a1d2e;--text2:#5a5f7a;--shadow:0 4px 24px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Nunito,sans-serif;font-size:16px}.screen{min-height:100vh;display:none}.screen.active{display:flex}.login-wrap{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow);text-align:center;padding:36px 32px}.login-logo{margin-bottom:8px;font-size:44px}.login-title{margin-bottom:4px;font-size:20px;font-weight:800}.login-sub{color:var(--text2);margin-bottom:24px;font-size:13px}.pin-dots{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.pin-dot{border:2px solid var(--border);border-radius:50%;width:14px;height:14px;transition:all .2s}.pin-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.num-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;touch-action:manipulation;padding:15px;font-family:Nunito,sans-serif;font-size:20px;font-weight:700;transition:all .15s}.num-btn:hover,.num-btn:active{background:var(--accent);color:#fff;border-color:var(--accent)}.num-btn.del{color:var(--danger)}.login-role-tabs{gap:6px;margin-bottom:20px;display:flex}.role-tab{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);cursor:pointer;color:var(--text2);touch-action:manipulation;flex:1;padding:9px 6px;font-size:12px;font-weight:700;transition:all .2s}.role-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.login-err{color:var(--danger);min-height:18px;margin-top:10px;font-size:13px}.login-clock{color:var(--text2);background:var(--surface2);border-radius:var(--radius-sm);margin-bottom:16px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.app-wrap{flex:1;width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .3s;display:flex;position:relative}.sidebar-head{border-bottom:1px solid var(--border);padding:18px 16px 14px}.sidebar-logo{letter-spacing:-.5px;font-size:20px;font-weight:900}.sidebar-logo span{color:var(--accent)}.sidebar-role{color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px}.sidebar-clock{color:var(--accent);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text2);touch-action:manipulation;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff}.nav-item .ni{flex-shrink:0;font-size:17px}.sidebar-foot{border-top:1px solid var(--border);padding:10px 8px}.theme-toggle,.logout-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text2);touch-action:manipulation;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--surface2);color:var(--text)}.logout-btn{color:var(--danger);margin-top:2px}.logout-btn:hover{background:#ef44441a}.content{background:var(--bg);flex:1;height:100vh;overflow-y:auto}.page{padding:24px;display:none}.page.active{display:block}.page-title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:20px;font-weight:900;display:flex}.page-clock{color:var(--accent);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.mob-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;padding:12px 16px;display:none;position:sticky;top:0}.mob-logo{font-size:16px;font-weight:900}.mob-logo span{color:var(--accent)}.mob-clock{color:#f5a623;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.hamburger{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sidebar-overlay{z-index:9;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.cards-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.stat-val{font-family:JetBrains Mono,monospace;font-size:26px;font-weight:900}.stat-sub{color:var(--text2);margin-top:4px;font-size:11px}.stat-card.green .stat-val{color:var(--success)}.stat-card.orange .stat-val{color:var(--accent)}.stat-card.blue .stat-val{color:var(--info)}.stat-card.red .stat-val{color:var(--danger)}.stat-card.gray .stat-val{color:var(--text2)}.light .stat-card.green .stat-label{color:#166534}.light .stat-card.orange .stat-label{color:#92400e}.light .stat-card.blue .stat-label{color:#1e40af}.light .stat-card.red .stat-label{color:#991b1b}.light .nav-item.active{background:var(--accent);color:#fff}.light .table-wrap,.light .chart-wrap{box-shadow:0 2px 8px #0000000f}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:auto hidden}table{border-collapse:collapse;width:100%;min-width:480px}th{background:var(--surface2);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:700}td{border-top:1px solid var(--border);padding:11px 14px;font-size:14px}tr:hover td{background:var(--surface2)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.green{color:#22c55e;background:#22c55e26}.badge.red{color:#ef4444;background:#ef444426}.badge.orange{color:#f5a623;background:#f5a62326}.badge.blue{color:#60a5fa;background:#60a5fa26}.badge.gray{background:var(--surface2);color:var(--text2)}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.table-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;touch-action:manipulation;padding:14px 10px;transition:all .2s}.table-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.table-card.free{border-color:var(--success)}.table-card.busy{border-color:var(--accent2)}.table-card.check{border-color:var(--warning)}.table-num{margin-bottom:3px;font-size:20px;font-weight:900}.table-status{font-size:11px;font-weight:700}.table-card.free .table-status{color:var(--success)}.table-card.busy .table-status{color:var(--accent2)}.table-card.check .table-status{color:var(--warning)}.table-sum{color:var(--text2);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:12px}.table-waiter{color:var(--text3);margin-top:2px;font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-group{margin-bottom:14px}.form-label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:10px 14px;font-family:Nunito,sans-serif;font-size:14px;transition:border .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:80px}.btn{border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-info{background:var(--info);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border)}.btn-sm{padding:5px 12px;font-size:12px}.btns-row{flex-wrap:wrap;gap:8px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:92vh;box-shadow:var(--shadow);padding:24px;overflow-y:auto}.modal-title{margin-bottom:18px;font-size:17px;font-weight:800}.modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.food-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.food-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;transition:all .2s;overflow:hidden}.food-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.food-img{object-fit:cover;width:100%;height:160px}.food-img-placeholder{background:var(--surface2);justify-content:center;align-items:center;width:100%;height:160px;font-size:36px;display:flex}.food-info{padding:10px}.food-name{margin-bottom:3px;font-size:13px;font-weight:700}.food-desc{color:var(--text2);margin-bottom:4px;font-size:11px;line-height:1.4}.food-price{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.food-unit{color:var(--text2);font-size:11px}.img-upload-area{border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;margin-bottom:8px;padding:20px;transition:all .2s}.img-upload-area:hover{border-color:var(--accent);background:#f5a6230d}.img-upload-area input{display:none}.img-preview{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:120px;margin-top:8px}.chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.chart-title{margin-bottom:14px;font-size:14px;font-weight:700}.charts-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.search-wrap{margin-bottom:16px;position:relative}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:10px 14px 10px 38px;font-family:Nunito,sans-serif;font-size:14px}.search-input:focus{border-color:var(--accent)}.search-icon{color:var(--text2);font-size:15px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.zone-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.zone-tab{border:1px solid var(--border);cursor:pointer;color:var(--text2);background:var(--surface);touch-action:manipulation;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;transition:all .2s}.zone-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{background:var(--surface2);cursor:pointer;border:1px solid var(--border);color:var(--text2);touch-action:manipulation;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.order-items{flex-direction:column;gap:8px;margin:10px 0;display:flex}.order-item{background:var(--surface2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.order-item-name{font-size:14px;font-weight:600}.order-item-meta{color:var(--text2);font-size:11px}.order-item-price{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.qty-ctrl{align-items:center;gap:6px;display:flex}.qty-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:26px;height:26px;color:var(--text);touch-action:manipulation;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.qty-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.sec-title{font-size:15px;font-weight:800}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:inline-flex}.user-info{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.user-name{font-size:13px;font-weight:700}.user-role{color:var(--text2);font-size:11px}.lang-btns{flex-wrap:wrap;gap:8px;display:flex}.lang-btn{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;background:var(--surface2);color:var(--text2);touch-action:manipulation;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.toast-wrap{z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:8px;max-width:300px;padding:12px 16px;font-size:13px;font-weight:600;animation:.3s slideIn;display:flex}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.empty-state{text-align:center;color:var(--text2);padding:40px 20px}.empty-state .emoji{margin-bottom:10px;font-size:44px}.empty-state p{font-size:14px;font-weight:600}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}@media print{body *{display:none!important}#printArea,#printArea *{display:block!important}#printArea{padding:10px;font-family:JetBrains Mono,monospace;font-size:13px}}@media (max-width:768px){:root{--sidebar-w:260px}.sidebar{z-index:30;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mob-header{display:flex}.app-wrap{flex-direction:column;height:auto}.content{height:auto;min-height:calc(100vh - 56px)}.page{padding:16px}.page-title{font-size:17px}.page-clock{display:none}.cards-row{grid-template-columns:repeat(2,1fr);gap:10px}.charts-row,.form-row{grid-template-columns:1fr}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.food-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}table{min-width:560px}.num-btn{padding:16px;font-size:22px}}.light .stat-card{box-shadow:0 2px 12px #0000001a}.light .stat-card.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#34d399}.light .stat-card.green .stat-label{color:#065f46;font-weight:800}.light .stat-card.green .stat-val{color:#047857}.light .stat-card.orange{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b}.light .stat-card.orange .stat-label{color:#78350f;font-weight:800}.light .stat-card.orange .stat-val{color:#b45309}.light .stat-card.blue{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#3b82f6}.light .stat-card.blue .stat-label{color:#1e3a8a;font-weight:800}.light .stat-card.blue .stat-val{color:#1d4ed8}.light .stat-card.red{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444}.light .stat-card.red .stat-label{color:#7f1d1d;font-weight:800}.light .stat-card.red .stat-val{color:#b91c1c}.light .page-title{color:#1a1d2e;font-weight:900}.light .sidebar-logo{color:#1a1d2e}.light .sidebar-logo span{color:#d97706}.light .hamburger{color:#1a1d2e;background:#e5e7eb;border-color:#9ca3af;font-size:20px}.light .mob-header{background:#fff;border-bottom:2px solid #e5e7eb}.light .mob-logo{color:#1a1d2e;font-weight:900}.light .nav-item{color:#374151;font-weight:700}.light .nav-item:hover{color:#111827;background:#e5e7eb}.light .nav-item.active{color:#fff;background:#d97706}.light .sidebar{box-shadow:2px 0 16px #0000001f}.light .table-wrap,.light .chart-wrap{box-shadow:0 2px 8px #00000014}.light td{color:#1f2937;font-weight:600}.light th{color:#374151;background:#e5e7eb;font-weight:800}.light .sec-title,.light .chart-title,.light .user-name{color:#1a1d2e}.light .user-role{color:#4b5563}.light .theme-toggle{color:#374151;font-weight:700}.light .logout-btn{color:#dc2626;font-weight:700}.light .sidebar-role{color:#4b5563;font-weight:700}.light .sidebar-clock{color:#b45309;font-weight:700}