*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;background:#f4f5f9;color:#1f2330}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:14px}:root{--pri: #2a3454;--priAlt: #3a4870;--acc: #20b07a;--warn: #f59f00;--bad: #e03131}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--pri);color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{font-weight:800;font-size:18px;padding:8px 10px 14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.sidebar a{display:flex;align-items:center;gap:10px;color:#ffffffc7;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:14px;transition:background .15s}.sidebar a:hover{background:#ffffff14;color:#fff}.sidebar a.active{background:var(--acc);color:#fff}.sidebar .logout{margin-top:auto;color:#ffffffb3;padding:10px;font-size:13px;cursor:pointer;text-align:left}.main{flex:1;padding:22px 26px;overflow-y:auto}.main h1{margin:0 0 18px;font-size:22px}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 12px #0000000a;margin-bottom:16px}.grid{display:grid;gap:14px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}.sidebar{width:64px}.sidebar a span{display:none}.sidebar .brand{font-size:0}}.kpi{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 12px #0000000a}.kpi h4{margin:0;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.kpi .v{font-size:26px;font-weight:800;color:var(--pri);margin-top:6px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;background:var(--pri);color:#fff;font-weight:600;font-size:14px;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.98)}.btn.acc{background:var(--acc)}.btn.warn{background:var(--warn)}.btn.bad{background:var(--bad)}.btn.ghost{background:#fff;color:var(--pri);border:1px solid #e5e7eb}.btn:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px #2a34541a}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #f0f1f4}th{background:#fafafc;color:#666;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:#fafbfc}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pri),var(--priAlt))}.login-bg .card{width:380px;max-width:90%;padding:30px}.login-bg h2{text-align:center;margin:0 0 18px;color:var(--pri)}.kitchen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 1100px){.kitchen{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.kitchen{grid-template-columns:1fr}}.order-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 4px 14px #0000000d;border-left:5px solid var(--warn);cursor:pointer;transition:transform .15s}.order-card:hover{transform:translateY(-2px)}.order-card.new{animation:pulse 1.4s infinite;border-left-color:var(--bad)}@keyframes pulse{0%,to{box-shadow:0 0 #e0313199}50%{box-shadow:0 0 0 8px #e0313100}}.order-card h3{margin:0;font-size:18px}.order-card .meta{color:#6b7280;font-size:12px}.order-card ul{margin:8px 0;padding-left:18px;font-size:13px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:#fff;border-radius:12px;padding:22px;width:580px;max-width:100%;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 14px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}.status.s0{background:#fde9d2;color:#c4640c}.status.s1{background:#d8e6fe;color:#1b4ec7}.status.s2{background:#ffe4cc;color:#d56600}.status.s3{background:#d6f4dc;color:#226c33}.status.s4{background:#fcd5d5;color:#a51f1f}.image-preview{width:140px;height:140px;border-radius:12px;background:#f3f4f7;display:flex;align-items:center;justify-content:center;color:#aaa;overflow:hidden;border:2px dashed #ddd}.image-preview img{width:100%;height:100%;object-fit:cover}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.filters .field{margin:0}