:root{--canvas:#090d1c;--surface:#11172a;--surface-raised:#171e34;--text:#f7f8fc;--text-muted:#aeb7cc;--brand-cyan:#16c7ff;--brand-violet:#8157ff;--success:#35d6a0;--warning:#ffb84d;--danger:#ff667a;--info:#4bb7ff;--focus:#ffdd7a;--canvas-soft:#f4f6fb;--surface-light:#fff;--text-dark:#12182b;--text-muted-dark:#5d6880;--border:#aeb7cc24;--shadow:0 24px 80px #00000047}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 80% 0%, #16c7ff14, transparent 30%), var(--canvas);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{color:inherit}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e1dd6;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:12px;padding:0 10px 36px;text-decoration:none;display:flex}.brand>span:last-child{gap:5px;line-height:1;display:grid}.brand strong{letter-spacing:-.04em;font-size:18px}.brand small{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.brand-mark{border:2px solid var(--brand-cyan);border-top-color:#0000;border-radius:50%;width:31px;height:31px;display:inline-block;position:relative;box-shadow:0 0 24px #16c7ff33}.brand-mark:before{content:"";background:linear-gradient(var(--brand-cyan), var(--brand-violet));border-radius:3px;width:3px;height:17px;position:absolute;top:-8px;left:12px}.brand-mark i{background:var(--brand-cyan);border-radius:50%;width:7px;height:7px;position:absolute;top:-12px;left:10px}.brand-mark b{background:var(--brand-violet);border-radius:50%;width:11px;height:11px;position:absolute;bottom:5px;left:8px}nav{gap:8px;display:grid}nav a{color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;min-height:44px;padding:0 13px;font-size:14px;font-weight:650;text-decoration:none;display:flex}nav a span{color:#77819a;text-align:center;width:22px;font-size:18px}nav a:hover,nav a:focus-visible{color:var(--text);background:#8157ff1c;outline:none}nav a.active{color:#fff;background:linear-gradient(110deg,#8157ff40,#16c7ff14);border:1px solid #8157ff3d}nav a.active span{color:var(--brand-cyan)}.sidebar-note{background:#35d6a012;border:1px solid #35d6a021;border-radius:14px;align-items:flex-start;gap:10px;margin-top:auto;padding:14px;display:flex}.sidebar-note div{gap:3px;display:grid}.sidebar-note strong{font-size:12px}.sidebar-note small{color:var(--text-muted);font-size:10px;line-height:1.4}.signal{background:var(--success);border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 5px #35d6a01a}.workspace{min-width:0;padding:38px clamp(24px,4vw,64px) 64px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:#8f9ab3;letter-spacing:.14em;font-size:10px;font-weight:800}h1{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(29px,3vw,42px);line-height:1}h2{letter-spacing:-.025em;margin:5px 0 0;font-size:19px}.top-actions{align-items:center;gap:12px;display:flex}.top-actions button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--warning);border-radius:50%}.avatar{background:linear-gradient(135deg, var(--brand-violet), var(--brand-cyan));border-radius:13px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:850;display:grid}.validation-banner{background:#16c7ff0e;border:1px solid #16c7ff29;border-radius:13px;align-items:center;gap:14px;margin:28px 0 20px;padding:13px 16px;display:flex}.validation-banner span{color:#06101c;background:var(--brand-cyan);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:900}.validation-banner p{color:var(--text-muted);margin:0;font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-grid article,.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#171e34f2,#0e1323f5)}.metric-grid article{border-radius:18px;align-content:space-between;min-height:139px;padding:21px;display:grid}.metric-grid small{color:var(--text-muted);font-size:12px}.metric-grid strong{letter-spacing:-.05em;margin:8px 0 5px;font-size:35px}.metric-grid strong em{color:var(--text-muted);letter-spacing:0;font-size:13px;font-style:normal}.trend{font-size:10px;font-weight:750}.trend.positive{color:var(--success)}.trend.live{color:var(--brand-cyan)}.trend.warning{color:var(--warning)}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);gap:16px;margin-top:16px;display:grid}.panel{border-radius:20px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:77px;padding:18px 20px;display:flex}.panel-heading button{color:var(--brand-cyan);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:750}.map-canvas{background-color:#0d1426;background-image:radial-gradient(circle at 55% 42%,#16c7ff17,#0000 28%),linear-gradient(#8997b409 1px,#0000 1px),linear-gradient(90deg,#8997b409 1px,#0000 1px);background-size:auto,28px 28px,28px 28px;height:385px;position:relative;overflow:hidden}.map-canvas svg{width:100%;height:100%;position:absolute;inset:0}.street{fill:none;stroke:#313b55;stroke-width:8px}.street.major{stroke:#3d4862;stroke-width:14px}.street.route{stroke:var(--brand-violet);stroke-width:4px;stroke-dasharray:7 8}.map-label{color:#68738c;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;position:absolute}.map-label.l1{top:20%;left:14%}.map-label.l2{top:25%;right:14%}.map-label.l3{bottom:15%;left:50%}.courier{cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex;position:absolute}.courier span{background:linear-gradient(135deg, var(--brand-cyan), var(--brand-violet));color:#fff;border-radius:12px 12px 12px 3px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:900;display:grid;transform:rotate(-45deg);box-shadow:0 8px 25px #16c7ff40}.courier span:first-letter{transform:rotate(45deg)}.courier i{color:#fff;border:1px solid var(--border);background:#090d1ce0;border-radius:7px;padding:6px 8px;font-size:9px;font-style:normal;font-weight:750}.c1{top:51%;left:24%}.c2{top:34%;right:19%}.c3{bottom:19%;left:53%}.map-legend{border:1px solid var(--border);color:var(--text-muted);background:#090d1cd9;border-radius:9px;gap:12px;padding:8px 10px;font-size:9px;display:flex;position:absolute;bottom:15px;left:16px}.map-legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:6px;height:6px}.live-dot{background:var(--brand-cyan)}.ready-dot{background:var(--success)}.order-list{padding:4px 18px}.order-list article{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:17px 0;display:grid}.order-list article>div{gap:4px;min-width:0;display:grid}.order-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.order-list small{color:var(--text-muted);font-size:10px}.order-icon{border-radius:10px;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.order-icon.live{color:var(--brand-cyan);background:#16c7ff1c}.order-icon.ready{color:var(--success);background:#35d6a01c}.order-icon.waiting{color:var(--warning);background:#ffb84d1c}.status{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:850}.status.live{color:var(--brand-cyan);background:#16c7ff17}.status.ready{color:var(--success);background:#35d6a017}.status.waiting{color:var(--warning);background:#ffb84d17}.primary-action{background:linear-gradient(105deg, var(--brand-violet), #6544da);cursor:pointer;width:calc(100% - 36px);min-height:43px;color:var(--text);border:0;border-radius:12px;justify-content:space-between;align-items:center;margin:18px;padding:0 14px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.primary-action:hover{filter:brightness(1.1)}button:focus-visible,a:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-shell{display:block}.sidebar{width:auto;height:auto;padding:18px;position:static}.sidebar .brand{padding-bottom:16px}.sidebar nav{padding-bottom:3px;display:flex;overflow-x:auto}.sidebar nav a{flex:none}.sidebar-note{display:none}.workspace{padding:24px 16px 48px}.topbar h1{font-size:28px}.validation-banner{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{min-height:125px;padding:16px}.dashboard-grid{display:block}.order-panel{margin-top:16px}.map-canvas{height:330px}.courier i{display:none}}@media (max-width:430px){.metric-grid{grid-template-columns:1fr}.top-actions button{display:none}.panel-heading{padding:16px}.map-canvas{height:290px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}