:root{color:#1b2522;font-synthesis:none;text-rendering:optimizelegibility;background:#edf1ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#f7f8f5;border-right:1px solid #d4ddd7;flex-direction:column;gap:28px;padding:24px 18px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px;font-size:20px;font-weight:750;display:flex}.brand svg{color:#22765b;width:28px;height:28px}.nav-list{gap:6px;display:grid}.nav-item{color:#53625c;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:620;display:flex}.nav-item svg{width:18px;height:18px}.nav-item.active,.nav-item:hover{color:#1f6c52;background:#e2eee7}.workspace{align-content:start;gap:22px;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{color:#68756f;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{font-size:32px;line-height:1.1}h2{font-size:17px}.status-pill{color:#53625c;background:#fff;border:1px solid #d1d9d2;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:700;display:inline-flex}.status-pill svg{width:18px;height:18px}.status-pill.online{color:#1d7658;border-color:#a8d6c5}.status-pill.degraded{color:#9b6018;border-color:#f2c785}.status-pill.offline{color:#a33d31;border-color:#efb0a8}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric,.phase,.queue-item{background:#fff;border:1px solid #d7dfd8;border-radius:8px}.metric{align-items:center;gap:14px;min-height:86px;padding:16px;display:flex}.metric svg{color:#2b7c61;width:24px;height:24px}.metric-value,.metric-label{display:block}.metric-value{font-size:17px;font-weight:780}.metric-label{color:#66746f;margin-top:3px;font-size:13px}.content-grid{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}.map-surface{background-color:#e5ebe3;background-image:linear-gradient(90deg,#274a3d14 1px,#0000 1px),linear-gradient(0deg,#274a3d14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #c9d4cd;border-radius:8px;min-height:560px;position:relative;overflow:hidden}.map-toolbar{z-index:1;color:#46544f;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex;position:absolute;top:14px;left:14px;right:14px}.route-preview{width:100%;height:100%;min-height:560px}.road{fill:none;stroke:#21795c;stroke-linecap:round;stroke-width:12px}.road.accent{stroke:#bd6f24}.road.muted{stroke:#abb8b1;stroke-width:7px}.warehouse{fill:#1d5d49;stroke:#fff;stroke-width:5px}.stop{fill:#fff;stroke:#21795c;stroke-width:5px}.stop.accent{stroke:#bd6f24}.side-stack{align-content:start;gap:16px;display:grid}.panel{gap:12px;display:grid}.panel-header{justify-content:space-between;align-items:center;display:flex}.phase-list,.queue-list{gap:8px;display:grid}.phase,.queue-item{grid-template-columns:74px minmax(0,1fr);gap:3px 8px;min-height:70px;padding:12px;display:grid}.phase span,.queue-item span{color:#66746f;text-transform:uppercase;font-size:12px;font-weight:800}.phase strong,.queue-item strong{overflow-wrap:anywhere}.phase em,.queue-item em{color:#2c7b61;grid-column:2;font-size:13px;font-style:normal;font-weight:700}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;border-bottom:1px solid #d4ddd7;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;position:sticky;top:0}.nav-list{display:flex;overflow-x:auto}.content-grid,.metrics{grid-template-columns:1fr}}@media (width<=640px){.workspace{padding:16px}.topbar{flex-direction:column;align-items:flex-start}h1{font-size:26px}.brand span,.nav-item span{display:none}.map-surface,.route-preview{min-height:390px}}