:root{color:#e8f3ec;font-synthesis:none;--ink:#e8f3ec;--muted:#89a296;--panel:#0b2a1e;--panel-light:#103a29;--line:#a1cdb329;--green:#4ed17a;--yellow:#f4c94c;--red:#f28d79;background:#071b13;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#071b13;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.sim-app-shell{background:radial-gradient(circle at 80% -10%,#164b32 0,#0000 33%),#071b13;min-height:100vh}.sim-topbar{border-bottom:1px solid var(--line);background:#061811d9;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 34px;display:flex}.sim-topbar-brand,.sim-topbar-right,.sim-driver-card,.sim-status-row,.sim-map-footer,.sim-instruction,.sim-login-footnote,.sim-section-label,.sim-alert,.sim-live-pill{align-items:center;display:flex}.sim-topbar-brand{color:var(--ink);letter-spacing:.14em;gap:10px;font-size:12px;font-weight:700}.sim-topbar-brand b{color:var(--muted);font-weight:500}.sim-topbar-right{color:var(--muted);letter-spacing:.1em;gap:20px;font:10px/1 SFMono-Regular,Consolas,monospace}.sim-env-chip{color:var(--green);border:1px solid #4ed17a59;border-radius:99px;padding:7px 10px}.sim-brand-mark{color:#092016;background:var(--yellow);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 0 5px #f4c94c1a}.sim-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:28px;width:min(1440px,100%);margin:0 auto;padding:34px;display:grid}.sim-map-column{min-width:0}.sim-section-heading{justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px;display:flex}.sim-eyebrow{color:var(--yellow);letter-spacing:.16em;font:10px/1 SFMono-Regular,Consolas,monospace}h1,h2,p{margin:0}.sim-section-heading h1{color:var(--ink);letter-spacing:-.035em;margin-top:8px;font-size:clamp(23px,3vw,35px);line-height:1.05}.sim-driver-title{color:#b9dfbf;letter-spacing:.02em;margin-top:7px;font-size:14px;font-weight:700}.sim-instruction{color:var(--muted);gap:8px;font-size:12px}.sim-instruction svg{color:var(--green)}.sim-map-frame{border:1px solid var(--line);background:#c9d2c9;border-radius:18px;min-height:650px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000003d}.sim-map{position:absolute;inset:0;overflow:hidden}.sim-google-map{width:100%;height:100%}.sim-map-placeholder{background:#cad6ca}.sim-map-grid{opacity:.7;background-image:linear-gradient(#2e5c4129 1px,#0000 1px),linear-gradient(90deg,#2e5c4129 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.sim-map-grid:after{content:"";background:radial-gradient(circle,#0000 0 40%,#1c3e2a1a 100%);position:absolute;inset:0}.sim-road{transform-origin:50%;background:#70877385;border:2px solid #ffffffa3;height:12px;position:absolute;box-shadow:0 0 0 1px #455e4a26}.sim-road-one{width:125%;top:45%;left:-12%;transform:rotate(-14deg)}.sim-road-two{opacity:.68;width:105%;top:59%;left:-3%;transform:rotate(37deg)}.sim-map-label{color:#1b442d9e;letter-spacing:.12em;font:10px/1 SFMono-Regular,Consolas,monospace;position:absolute}.sim-label-north{top:18%;left:9%}.sim-label-south{bottom:18%;right:7%}.sim-map-marker{touch-action:none;-webkit-user-select:none;user-select:none;z-index:4;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.sim-marker-button{background:0 0;border:0;padding:0}.sim-driver-pin{color:#062317;background:var(--yellow);border:4px solid #f7fbf5;border-radius:50% 50% 50% 4px;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-45deg);box-shadow:0 6px 13px #0f2e1a4d}.sim-driver-pin svg{transform:rotate(45deg)}.sim-map-marker:active .sim-driver-pin,.sim-map-marker:focus-within .sim-driver-pin{box-shadow:0 0 0 5px #f4c94c59,0 8px 16px #0f2e1a59}.sim-marker-caption{color:#0a2618;letter-spacing:.1em;white-space:nowrap;background:#f7fbf5d9;border-radius:4px;margin-top:8px;padding:5px 7px;font:9px/1 SFMono-Regular,Consolas,monospace}.sim-map-readout{color:#163b28;z-index:5;background:#f7fbf5db;border:1px solid #07271729;border-radius:8px;align-items:baseline;gap:10px;padding:10px 12px;font:12px SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 4px 12px #19371e1f}.sim-map-readout svg{color:#0d6b3a;align-self:center}.sim-map-readout small{color:#728172;font-size:9px}.sim-map-legend{color:#385843;z-index:5;background:#f7fbf5db;border-radius:8px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex;position:absolute;bottom:18px;right:18px}.sim-map-footer{color:var(--muted);letter-spacing:.04em;justify-content:space-between;gap:20px;padding:12px 2px 0;font:10px SFMono-Regular,Consolas,monospace}.sim-map-footer span{align-items:center;gap:7px;display:flex}.sim-footer-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #4ed17a1f}.sim-telemetry-panel{border:1px solid var(--line);background:linear-gradient(155deg,#113b29f7,#082218f7);border-radius:16px;flex-direction:column;min-height:650px;padding:24px;display:flex;box-shadow:0 20px 70px #00000029}.sim-panel-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.sim-panel-head h2{letter-spacing:-.03em;margin-top:8px;font-size:25px}.sim-live-pill{color:var(--green);letter-spacing:.08em;gap:6px;font:9px SFMono-Regular,Consolas,monospace}.sim-live-pill span{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4ed17a21}.sim-driver-card{border:1px solid var(--line);background:#ffffff0b;border-radius:10px;gap:11px;margin:28px 0 20px;padding:12px}.sim-avatar{color:#08301e;background:#b9dfbf;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.sim-driver-card strong,.sim-driver-card span{display:block}.sim-driver-card strong{font-size:13px}.sim-driver-card span{color:var(--muted);margin-top:3px;font-size:10px}.sim-driver-radio{color:var(--green);margin-left:auto}.sim-coordinate-card{background:#f4c94c12;border:1px solid #f4c94c45;border-radius:11px;padding:16px}.sim-section-label{color:var(--yellow);letter-spacing:.12em;gap:7px;font:9px SFMono-Regular,Consolas,monospace}.sim-coordinate-value{color:#f8f9e6;letter-spacing:-.06em;margin-top:14px;font:30px/1 SFMono-Regular,Consolas,monospace}.sim-coordinate-secondary{color:#d8e4c6;margin-top:7px}.sim-coordinate-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-top:15px;font:9px SFMono-Regular,Consolas,monospace;display:flex}.sim-status-stack{border-top:1px solid var(--line);margin-top:22px}.sim-status-row{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:13px 0;font-size:11px}.sim-status-row b{color:var(--ink);font:10px SFMono-Regular,Consolas,monospace}.sim-status-row .sim-status-green{color:var(--green)}.sim-alert{border-radius:8px;gap:8px;margin-top:16px;padding:11px 12px;font-size:11px;line-height:1.35}.sim-alert small{color:inherit;opacity:.7;white-space:nowrap;margin-left:auto;font:9px SFMono-Regular,Consolas,monospace}.sim-alert-success{color:#aee7ba;background:#4ed17a1a}.sim-alert-sending{color:#f9dfa0;background:#f4c94c1a}.sim-alert-error{color:#ffc1b5;background:#f28d791c}.sim-panel-spacer{flex:1}.sim-logout-button{border:1px solid var(--line);width:100%;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:11px;display:flex}.sim-logout-button:hover{color:var(--ink);border-color:#a1cdb359}.sim-login-shell{background:radial-gradient(circle at 50% 30%,#164b32 0,#071b13 50%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.sim-login-shell:before{content:"";opacity:.16;background-image:linear-gradient(#99d0ae2e 1px,#0000 1px),linear-gradient(90deg,#99d0ae2e 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.sim-login-card{border:1px solid var(--line);background:#0a2a1de6;border-radius:18px;width:min(420px,100%);padding:36px;position:relative;box-shadow:0 28px 90px #0000004d}.sim-login-card h1{color:var(--ink);letter-spacing:-.05em;margin:18px 0 10px;font-size:34px}.sim-login-copy{color:var(--muted);font-size:13px;line-height:1.6}.sim-form{gap:9px;margin-top:27px;display:grid}.sim-form label{color:#c8ddcf;margin-top:7px;font-size:11px;font-weight:600}.sim-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#02130c73;border-radius:8px;outline:0;padding:12px 13px;font-size:13px}.sim-form input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #f4c94c1f}.sim-primary-button{color:#092217;background:var(--yellow);border:0;border-radius:8px;margin-top:10px;padding:13px;font-size:12px;font-weight:800}.sim-primary-button:hover{background:#f9d866}.sim-login-footnote{color:var(--muted);gap:7px;margin-top:23px;font:10px/1.5 SFMono-Regular,Consolas,monospace}.sim-login-footnote svg{color:var(--green);flex:none}.sim-login-orbit{pointer-events:none;border:1px solid #f4c94c26;border-radius:50%;width:380px;height:380px;position:absolute}.sim-orbit-one{transform:translate(47%,-44%)rotate(18deg)}.sim-orbit-two{border-color:#4ed17a17;width:580px;height:580px;transform:translate(-45%,40%)rotate(-25deg)}@media (width<=980px){.sim-workspace{grid-template-columns:1fr}.sim-telemetry-panel{min-height:0}.sim-map-frame{min-height:560px}}@media (width<=600px){.sim-topbar{height:56px;padding:0 18px}.sim-topbar-right{gap:0}.sim-topbar-time{display:none}.sim-workspace{gap:20px;padding:24px 16px}.sim-section-heading{flex-direction:column;align-items:start}.sim-instruction{margin-top:-8px}.sim-map-frame{border-radius:12px;min-height:470px}.sim-map-readout{gap:6px;font-size:10px;top:12px;left:12px}.sim-map-legend{max-width:calc(100% - 24px);font-size:10px;bottom:12px;right:12px}.sim-login-card{padding:28px 22px}}.sim-mode-switch{gap:8px;margin:24px 0;display:flex}.sim-mode-switch button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:10px}.sim-mode-switch button[aria-pressed=true]{color:#082c1c;background:var(--yellow)}.sim-customer-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:32px;max-width:1160px;margin:48px auto;display:grid}.sim-customer-trip{padding:34px}.sim-customer-trip h1{letter-spacing:-.04em;max-width:560px;margin:20px 0;font-size:clamp(32px,4vw,56px);line-height:1.06}.sim-customer-trip p{color:var(--muted);line-height:1.6}.sim-trip-line{color:var(--yellow);align-items:center;gap:16px;margin:30px 0;display:flex}.sim-form select{width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;background:#123c2a;border-radius:8px;padding:14px 12px}.sim-ride-ticket{border-block:1px dashed var(--yellow);margin:24px 0;padding:24px 0}.sim-ride-ticket h2{margin:12px 0}.sim-ride-ticket strong{color:var(--yellow);font-size:32px}@media (width<=760px){.sim-customer-layout{grid-template-columns:1fr;margin:16px auto}.sim-customer-trip{padding:12px}}.sim-fleet-routes{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.sim-fleet-picking{cursor:crosshair}.sim-fleet-pin{color:#062317;border:3px solid #f7fbf5;border-radius:99px;align-items:center;gap:4px;padding:5px 8px;font:700 11px SFMono-Regular,Consolas,monospace;display:inline-flex;box-shadow:0 6px 13px #0f2e1a4d}.sim-fleet-pin-offline{opacity:.55}.sim-fleet-pin-moving{box-shadow:0 0 0 4px #1f6fd659,0 6px 13px #0f2e1a4d}.sim-fleet-pin-selected{outline:3px solid var(--yellow);outline-offset:2px}.sim-fleet-toolbar{flex-wrap:wrap;align-items:center;gap:10px;width:min(1440px,100%);margin:0 auto;padding:22px 34px 0;display:flex}.sim-fleet-toolbar .sim-primary-button,.sim-fleet-button{border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;display:inline-flex}.sim-fleet-button{border:1px solid var(--line);color:var(--ink);background:#ffffff0d}.sim-fleet-speed{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:inline-flex}.sim-fleet-speed input{border:1px solid var(--line);width:72px;color:var(--ink);background:#123c2a;border-radius:8px;padding:8px 10px}.sim-fleet-global-alert{width:min(1440px,100%);margin:14px auto 0;padding:0 34px}.sim-fleet-workspace{grid-template-columns:340px minmax(0,1fr);gap:24px;width:min(1440px,100%);margin:0 auto;padding:22px 34px 34px;display:grid}.sim-fleet-list{flex-direction:column;gap:10px;max-height:720px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sim-fleet-empty{border:1px dashed var(--line);color:var(--muted);border-radius:10px;padding:20px;font-size:12px}.sim-fleet-card{border:1px solid var(--line);cursor:pointer;background:#ffffff0b;border-radius:10px;padding:12px}.sim-fleet-card-selected{border-color:var(--yellow);box-shadow:0 0 0 3px #f4c94c2e}.sim-fleet-card-head{align-items:center;gap:10px;display:flex}.sim-fleet-card-head strong{font-size:13px;display:block}.sim-fleet-slot{color:#062317;background:var(--yellow);border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font:700 12px SFMono-Regular,Consolas,monospace;display:grid}.sim-fleet-chip{letter-spacing:.06em;border-radius:99px;margin-top:4px;padding:3px 7px;font:10px SFMono-Regular,Consolas,monospace;display:inline-block}.sim-fleet-chip-offline{color:var(--muted);background:#89a29626}.sim-fleet-chip-idle{color:var(--green);background:#4ed17a24}.sim-fleet-chip-moving{color:#8ec2ff;background:#1f6fd638}.sim-fleet-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.sim-fleet-actions button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;display:inline-flex}.sim-fleet-actions button[aria-pressed=true]{color:#082c1c;background:var(--yellow)}.sim-fleet-actions button:disabled{cursor:not-allowed;opacity:.4}.sim-fleet-card .sim-alert{margin-top:8px}.sim-fleet-map-frame{min-height:720px}@media (width<=980px){.sim-fleet-workspace{grid-template-columns:1fr}.sim-fleet-list{max-height:320px}.sim-fleet-map-frame{min-height:520px}}
