:root{--navy:#07182f;--blue:#0e4a86;--red:#d71f2b;--ink:#172033;--muted:#6d7788;--line:#e6eaf0;--bg:#f5f7fa;--card:#fff;--green:#167a4c;--amber:#a86400;--radius:18px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow:auto}.brand{color:#fff;border-bottom:1px solid #ffffff18;align-items:center;gap:12px;padding:2px 6px 20px;text-decoration:none;display:flex}.brandMark{background:var(--red);color:#fff;letter-spacing:-1px;width:42px;height:42px;box-shadow:0 0 0 3px var(--blue);border:3px solid #fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.brand span:last-child{display:grid}.brand small{color:#a8b7cb;margin-top:2px}.nav{gap:8px;padding:14px 0;display:grid}.navGroup{border-bottom:1px solid #ffffff12;padding-bottom:7px}.navGroup summary{cursor:pointer;justify-content:space-between;padding:9px 8px;font-weight:800;list-style:none;display:flex}.navGroup summary::-webkit-details-marker{display:none}.navGroup summary span{color:#9fb0c5;background:#ffffff10;border-radius:999px;padding:3px 7px;font-size:11px}.navItems{gap:2px;padding:2px 0 8px;display:grid}.navItems a{color:#aebbd0;border-radius:8px;padding:8px 10px;font-size:13px;text-decoration:none}.navItems a:hover,.navItems a.active{color:#fff;background:#ffffff12}.navItems a.active{box-shadow:inset 3px 0 var(--red)}.sidebarFoot{color:#c9d4e2;border-top:1px solid #ffffff18;grid-template-columns:auto 1fr;align-items:center;gap:5px 8px;margin-top:auto;padding:15px 8px 2px;font-size:12px;display:grid}.sidebarFoot small{color:#8495aa;grid-column:2}.liveDot{background:#42d685;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #42d68522}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar>div:first-child{display:grid}.topbar strong{font-size:16px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-size:10px;font-weight:900}.topActions{gap:8px;display:flex}.statusPill{border:1px solid var(--line);color:var(--muted);background:#f7f9fb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.statusPill.good{color:var(--green);background:#eaf8f0;border-color:#cfeede}.content{max-width:1500px;margin:0 auto;padding:28px}.pageHead{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.pageHead h1{letter-spacing:-.04em;margin:5px 0 4px;font-size:31px}.pageHead p{color:var(--muted);margin:0;font-size:14px}.routeTag{color:#5c6778;background:#e9edf3;border-radius:8px;padding:7px 10px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric,.panel,.ticket,.customerCard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 25px #17314d0a}.metric{gap:8px;padding:20px;display:grid}.metric span,.metric small{color:var(--muted);font-size:12px}.metric strong{letter-spacing:-.04em;font-size:27px}.twoCol{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.panel{padding:20px}.panelTitle{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.panelTitle h2{margin:0;font-size:16px}.panelTitle>span{color:var(--muted);font-size:11px}.orderList{display:grid}.orderRow{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.orderRow:last-child{border-bottom:0}.orderRow span{color:var(--muted);font-size:12px}.orderRow b{font-size:12px}.alertStack{gap:9px;display:grid}.alert{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;gap:4px;padding:12px;display:grid}.alert span{color:var(--muted);font-size:12px}.alert.warn{background:#fffaf1;border-left-color:#d88711}.alert.goodBox{border-left-color:var(--green);background:#f2fbf6}.posGrid{grid-template-columns:minmax(0,1.5fr) 390px;gap:14px;display:grid}.menuGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.menuCard{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;align-content:space-between;min-height:110px;padding:15px;transition:all .15s;display:grid}.menuCard:hover{border-color:#b8c5d4;transform:translateY(-2px);box-shadow:0 8px 18px #17314d10}.menuCard small{color:var(--blue);font-weight:800}.menuCard strong{font-size:14px}.menuCard span{font-weight:900}.cart{align-self:start;position:sticky;top:96px}.cartLines{border-bottom:1px solid var(--line);min-height:120px;margin-bottom:15px}.cartLine{justify-content:space-between;gap:10px;padding:9px 0;font-size:12px;display:flex}.empty{color:var(--muted);text-align:center;padding:30px 0;font-size:12px}.field{gap:6px;margin:12px 0;font-size:12px;font-weight:800;display:grid}.field select,.field input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:10px}.field small{color:var(--muted);font-weight:500}.totals{gap:8px;margin:16px 0;display:grid}.totals>div{justify-content:space-between;font-size:12px;display:flex}.totals .grand{border-top:1px solid var(--line);padding-top:12px;font-size:16px}.primaryButton{background:var(--navy);color:#fff;border:0;border-radius:11px;padding:11px 14px;font-weight:900}.primaryButton:disabled{opacity:.4;cursor:not-allowed}.micro{color:var(--muted);font-size:10px;line-height:1.5}.ticketGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ticket{grid-template-columns:1fr auto;gap:15px;padding:20px;display:grid}.ticket>div:first-child{gap:5px;display:grid}.ticket p{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px}.timer{width:64px;height:64px;color:var(--blue);background:#eef4fa;border-radius:50%;place-items:center;font-size:22px;font-weight:900;line-height:1;display:grid}.timer small{margin-top:-13px;font-size:8px;display:block}.timer.hot{color:var(--red);background:#fff0ef}.ticketActions{grid-column:1/-1;gap:8px;display:flex}.ticketActions button{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;padding:9px;font-weight:800}.ticketActions .primaryButton{background:var(--navy);color:#fff;border-color:var(--navy)}.resultBox{border:1px solid var(--line);border-radius:12px;gap:5px;margin-top:14px;padding:14px;display:grid}.resultBox strong{text-transform:capitalize}.resultBox span{color:var(--muted);font-size:12px}.resultBox b{font-size:12px}.resultBox.ok{border-left:4px solid var(--green);background:#f4fbf7}.resultBox.bad{border-left:4px solid var(--red);background:#fff5f5}.policyList{color:#505b6b;gap:12px;margin:0;padding-left:18px;font-size:13px;display:grid}.deliveryHero h2{margin:8px 0;font-size:25px}.deliveryHero p{color:var(--muted);font-size:13px;line-height:1.6}.timeline{grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0;display:grid}.timeline span{text-align:center;color:#707a89;background:#edf0f4;border-radius:9px;padding:9px 5px;font-size:10px}.timeline span.done{color:var(--green);background:#e7f6ee;font-weight:900}.bigKpi{text-align:center;place-content:center;gap:7px;min-height:210px;display:grid}.bigKpi strong{letter-spacing:-.05em;font-size:39px}.bigKpi span{color:var(--muted)}.bigKpi b{color:var(--green)}.featureGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.feature{border:1px solid var(--line);border-radius:12px;padding:14px}.feature>span{color:var(--red);font-size:10px;font-weight:900}.feature strong{margin:7px 0;font-size:13px;display:block}.feature p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.customerCard{max-width:760px;margin:0 auto;padding:28px}.customerBrand{align-items:center;gap:13px;margin-bottom:34px;display:flex}.customerBrand>div{display:grid}.customerBrand small{color:var(--muted)}.customerCard h1{letter-spacing:-.05em;margin:8px 0;font-size:34px}.customerCard>p{color:var(--muted)}.trackProgress{grid-template-columns:repeat(5,1fr);gap:5px;margin:26px 0;display:grid}.trackProgress div{text-align:center;color:#7b8390;background:#edf0f4;border-radius:8px;padding:10px 4px;font-size:10px}.trackProgress .complete{color:var(--green);background:#e9f7ef;font-weight:900}.mapMock{text-align:center;background:linear-gradient(135deg,#dfe7ef,#f1f4f7);border:1px solid #d6dee8;border-radius:16px;place-content:center;gap:6px;height:220px;display:grid}.mapMock span,.mapMock small{color:#657488;font-size:11px}.customerFoot{border-top:1px solid var(--line);justify-content:space-between;margin-top:20px;padding-top:16px;display:flex}.notFound{text-align:center;place-content:center;gap:10px;min-height:100vh;display:grid}.notFound .brandMark{margin:auto}.notFound h1{margin:10px 0 0}.notFound p{color:var(--muted)}.linkButton{margin:auto;text-decoration:none;display:inline-block}@media (max-width:1100px){.shell{grid-template-columns:220px 1fr}.metricGrid,.menuGrid{grid-template-columns:repeat(2,1fr)}.posGrid{grid-template-columns:1fr}.cart{position:static}.ticketGrid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.shell{display:block}.sidebar{height:auto;max-height:320px;position:relative}.topbar{padding:0 16px;position:relative}.topActions{display:none}.content{padding:18px}.pageHead{flex-direction:column;align-items:flex-start}.routeTag{display:none}.twoCol,.metricGrid,.ticketGrid{grid-template-columns:1fr}.menuGrid,.featureGrid{grid-template-columns:1fr 1fr}.trackProgress{grid-template-columns:1fr}.customerCard h1{font-size:27px}}