@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink:#1b2029;--paper:#f6f4ee;--paper-dim:#edeae0;--paper-line:#e1ddcf;--amber:#e2a118;--tenant-primary:#e2a118;--green:#2e7d53;--red:#c1432a;--neutral:#8a8677}*{box-sizing:border-box}html,body,#admin-root{min-height:100%}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.login-screen{background:var(--ink);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--paper);border-radius:8px;width:min(360px,100%);padding:34px 30px;box-shadow:0 8px 22px #1b202914,0 1px 4px #1b20290d}.brand{align-items:center;gap:9px;margin-bottom:26px;font-family:Space Grotesk,sans-serif;font-weight:700;display:flex}.dot{background:var(--tenant-primary);border-radius:999px;width:9px;height:9px;display:inline-block}h1{letter-spacing:0;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:24px}.muted{color:#1b20297a;font-size:13px}.field{color:#1b2029b3;gap:5px;margin:14px 0;font-size:12px;display:grid}.input{background:#fff;border:1px solid #1b20292e;border-radius:7px;width:100%;padding:10px 12px}.input:focus{outline:2px solid var(--tenant-primary);outline-offset:1px}.primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:8px;padding:10px 14px;font-weight:600}.secondary{color:var(--ink);background:#fff;border:1px solid #1b20292e;border-radius:8px;padding:8px 12px;font-weight:500}.danger-text{color:var(--red);font-size:13px}.success-text{color:var(--green);font-size:13px}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);color:var(--paper);height:100vh;padding:18px 12px;position:sticky;top:0}.sidebar .brand{margin:6px 8px 20px;font-size:14px}.brand-logo{object-fit:cover;background:var(--paper-dim);border-radius:6px;width:24px;height:24px}.nav{gap:3px;display:grid}.nav button{color:#f6f4eea6;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.nav button.active{color:var(--paper);background:#f6f4ee17;font-weight:600}.main{min-width:0}.topbar{border-bottom:1px solid var(--paper-line);justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex}.role-badge,.badge{border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.role-badge{background:#1b202912;font-family:JetBrains Mono,monospace}.avatar{background:var(--tenant-primary);border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.content{padding:26px 28px 60px}.page-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.card,.table-card{border:1px solid var(--paper-line);background:#fff;border-radius:12px;overflow:hidden}.card{padding:16px}.metric{font-family:JetBrains Mono,monospace;font-size:24px}.grid-2{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--paper-line);padding:11px 12px;font-size:13px}th{background:var(--paper-dim);text-transform:uppercase;color:#1b20297a;letter-spacing:.04em;font-size:11px}.mono{font-family:JetBrains Mono,monospace}.empty{color:#1b20298c;padding:24px;font-size:13px}.badge.neutral{color:#5b584c;background:#8a867726}.badge.amber{color:#8a5f0d;background:#e2a11829}.badge.green{color:var(--green);background:#2e7d5321}.badge.red{color:var(--red);background:#c1432a1c}.accent-neutral{box-shadow:inset 3px 0 0 var(--neutral)}.accent-amber{box-shadow:inset 3px 0 0 var(--tenant-primary)}.accent-green{box-shadow:inset 3px 0 0 var(--green)}.accent-red{box-shadow:inset 3px 0 0 var(--red)}.config-form{gap:14px;max-width:780px;display:grid}.notice{border-left:3px solid var(--tenant-primary);background:#fff;border-radius:8px;padding:14px;line-height:1.45}.map-canvas{border:1px solid var(--paper-line);background-color:var(--paper-dim);border-radius:12px;height:380px;position:relative;overflow:hidden}.admin-map-marker{border:2px solid var(--paper);background:var(--tenant-primary);cursor:pointer;border-radius:999px;width:14px;height:14px;padding:0;display:block;position:relative;box-shadow:0 0 0 8px #e2a11838}.admin-map-marker:before{content:"";border-radius:inherit;background:#e2a11838;animation:2.2s infinite pulse;position:absolute;inset:-8px}.admin-map-marker span{white-space:nowrap;color:var(--paper);background:var(--ink);border-radius:5px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.admin-map-marker.selected{box-shadow:0 0 0 4px #e2a11852,0 0 0 12px #e2a1182e}@keyframes pulse{0%,to{transform:scale(.8)}50%{transform:scale(1.25)}}@media (width<=980px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.cards,.grid-2{grid-template-columns:1fr}}.user-tools{align-items:center;gap:10px;display:flex}.sync-pill{color:#8a5f0d;background:#e2a11824;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.full{width:100%}.kpi-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi,.panel,.driver-card{border:1px solid var(--paper-line);background:#fff;border-radius:8px;overflow:hidden}.kpi{min-height:74px;padding:14px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.panel{padding:16px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-head h2,.driver-card h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:16px}.table-card,.card{border-radius:8px}tbody tr:last-child td{border-bottom:0}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}select{font:inherit;background:#fff;border:1px solid #1b20292e;border-radius:7px;padding:9px 12px}.search{max-width:260px;margin-left:auto}.action-bar{border:1px solid var(--paper-line);border-left:3px solid var(--tenant-primary);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.row-actions{align-items:center;gap:8px;min-height:54px;display:flex}.builder-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dispatch-builder{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.stop-panel{padding:0}.stop-panel .panel-head{border-bottom:1px solid var(--paper-line);margin-bottom:0;padding:14px 16px}.builder-stop-list{margin:0;padding:0;list-style:none}.builder-stop-list li{border-bottom:1px solid var(--paper-line);grid-template-columns:36px minmax(0,1fr) 34px 68px;align-items:center;gap:12px;min-height:62px;padding:10px 16px;display:grid}.builder-position{color:#1b20297a;font-size:13px}.stop-copy{gap:2px;min-width:0;display:grid}.stop-copy strong,.stop-copy span,.stop-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stop-copy span{color:#1b20298a;font-size:12px}.stop-copy small{color:#1b20296b;font-size:11px}.reorder-buttons{gap:4px;display:grid}.icon-button.compact{border-radius:6px;width:24px;height:20px}.remove-stop{color:var(--red);text-align:right;background:0 0;border:0;padding:8px 0;font-size:12px}.add-stop-button{align-items:center;gap:6px;margin:12px 16px;display:inline-flex}.eligible-panel{border:1px solid var(--paper-line);background:#f6f4ee80;border-radius:8px;margin:0 16px 16px;overflow:hidden}.eligible-panel .panel-head{background:#fff;padding:12px}.eligible-list{margin:0;padding:0;list-style:none;display:grid}.eligible-list li{border-top:1px solid var(--paper-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.eligible-list div{gap:3px;min-width:0;display:grid}.eligible-list span{text-overflow:ellipsis;white-space:nowrap;color:#1b20298a;font-size:12px;overflow:hidden}.compact-empty{padding:14px}.builder-side{gap:16px;display:grid}.driver-select{width:100%}.summary-panel{padding:0}.summary-panel .panel-head{border-bottom:1px solid var(--paper-line);margin-bottom:0;padding:14px 16px}.detail-row td{background:#edeae06b;padding:0 12px 12px 48px}.dispatch-stops{gap:6px;margin:0;padding:8px 0 0;list-style:none;display:grid}.dispatch-stops li{background:#ffffffb8;border:1px solid #e1ddcfcc;border-radius:7px;grid-template-columns:28px 220px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.stop-index{color:#1b20299e;background:#1b202914;border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.form-panel{margin-bottom:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}.form-grid .wide{grid-column:1/-1}.driver-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.driver-card{padding:14px}.facts,.detail-list{gap:8px;margin:12px 0 0;display:grid}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}dt{color:#1b202985;font-size:11px}dd{margin:0}.map-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.map-canvas{border-radius:8px}.admin-map{min-height:420px}.mini-map .admin-map{border:0;border-radius:0;height:220px;min-height:220px;margin:0 -16px -16px}.detail-panel{min-height:420px}.list-rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list-rows li{border-bottom:1px solid var(--paper-line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:9px;display:flex}.text-link{color:inherit;border-bottom:1px solid #1b202947;font-weight:700;text-decoration:none}.text-link:hover{color:var(--tenant-primary);border-bottom-color:var(--tenant-primary)}.back-link{color:#1b202980;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:14px;padding:0;font-weight:600;display:inline-flex}.back-link:hover{color:var(--ink)}.detail-title-row{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.detail-title-row .page-head{margin-bottom:0}.status-stack{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:4px;display:flex}.order-detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);align-items:start;gap:16px;display:grid}.detail-main{gap:16px;display:grid}.detail-card{padding:0}.detail-card .panel-head,.tracking-card .panel-head{border-bottom:1px solid var(--paper-line);margin-bottom:0;padding:14px 16px}.detail-list.wide{gap:0;margin:0}.detail-list.wide div{border-bottom:1px dashed #1b20292e;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:9px 16px;display:grid}.detail-list.wide div:last-child{border-bottom:0}.detail-list.wide dd{text-align:right;overflow-wrap:anywhere}.timeline{gap:0;margin:0;padding:18px 16px 20px;list-style:none;display:grid}.timeline li{grid-template-columns:18px minmax(0,1fr);gap:10px;min-height:48px;display:grid;position:relative}.timeline li:before{content:"";background:var(--paper-line);width:1px;position:absolute;top:16px;bottom:-4px;left:7px}.timeline li:last-child:before{display:none}.timeline li>span{border:2px solid var(--paper-line);z-index:1;background:#fff;border-radius:999px;width:12px;height:12px;margin-top:3px}.timeline li.done>span{border-color:var(--tenant-primary);background:var(--tenant-primary)}.timeline strong{font-size:13px;display:block}.timeline small{color:#1b20297a;margin-top:2px;display:block}.tracking-card{padding:0 14px 14px;position:relative}.readonly-url{grid-template-columns:minmax(0,1fr) 38px;gap:8px;padding-top:14px;display:grid}.readonly-url input{border:1px solid var(--paper-line);background:var(--paper-dim);color:#1b2029c2;text-overflow:ellipsis;border-radius:7px;min-width:0;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px}.icon-button{width:38px;height:38px;color:var(--ink);background:#fff;border:1px solid #1b20292e;border-radius:7px;place-items:center;padding:0;display:grid}.tracking-meta{color:#1b202980;flex-wrap:wrap;gap:14px;margin:10px 0 18px;font-size:12px;display:flex}.preset-message span{color:#1b20297a;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.preset-message p{color:#21452f;background:#2e7d5329;border-radius:7px;margin:0;padding:12px;font-size:13px;line-height:1.45}.tracking-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px 0;display:grid}.share-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.privacy-warning{color:#75530e;background:#e2a11824;border-radius:7px;align-items:flex-start;gap:10px;margin-top:24px;padding:12px;font-size:12px;line-height:1.35;display:flex}.empty-tracking{border-left:3px solid var(--tenant-primary);color:#1b20299e;background:#ffffffb3;border-radius:7px;margin-top:14px;padding:14px}.toast{background:var(--ink);max-width:calc(100% - 28px);color:var(--paper);border-radius:7px;padding:9px 11px;font-size:12px;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 22px #1b202929}@media (width<=1180px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=980px){.kpi-grid,.dashboard-grid,.driver-grid,.map-layout,.form-grid,.order-detail-grid,.dispatch-builder{grid-template-columns:1fr}.search{max-width:none;margin-left:0}.detail-title-row{flex-direction:column;align-items:flex-start}.detail-list.wide div{grid-template-columns:1fr;gap:4px}.detail-list.wide dd{text-align:left}.tracking-actions{grid-template-columns:1fr}.builder-stop-list li{grid-template-columns:28px minmax(0,1fr) 34px 58px;gap:8px;padding-inline:12px}}