:root{color:#eef3fa;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b2331;font-family:Montserrat,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#1b2331;min-width:320px;margin:0}button,a,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}#root{min-height:100vh}:root{--bg:#08111f;--bg-soft:#0b1627;--panel:#101b2f;--panel-strong:#14223b;--line:#21314e;--line-strong:#31507c;--text:#f8fafc;--muted:#94a3b8;--dim:#64748b;--blue:#3b82f6;--blue-dark:#2563eb;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--shadow:0 24px 80px #00000047}body{color:var(--text)}a{color:inherit}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#08111fd1;border-radius:14px;outline:none}input,select{min-height:46px;padding:0 14px}textarea{resize:vertical;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f62e}label{gap:8px;display:grid}label>span,.photo-picker span:not(.status-badge),.signature-header span:not(.status-badge),.stat-card span:not(.status-badge),.metric-panel span:not(.status-badge),.telemetry-list span:not(.status-badge),.definition-grid dt,.driver-card span:not(.status-badge),.sidebar-status-control span:not(.status-badge),.next-card p,.assignment-row p,.assignment-row span:not(.status-badge),.cargo-row span:not(.status-badge),.stop-card span:not(.status-badge),.stop-card small,.evidence-item span:not(.status-badge),.evidence-item small,.map-empty span:not(.status-badge),.map-empty small,.empty-state span:not(.status-badge),.inline-loading,.page-hero p,.detail-header p,.auth-copy{color:var(--muted);font-size:13px;font-weight:500}.auth-page,.state-page{background:radial-gradient(circle at 20% 10%, #3b82f638, transparent 34%), radial-gradient(circle at 80% 80%, #22c55e1f, transparent 30%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card,.state-card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);background:#101b2feb;border-radius:30px;padding:34px}.auth-card-wide{width:min(820px,100%)}.auth-brand{margin-bottom:30px}.auth-card h1,.state-card h1,.page-hero h1,.detail-header h1{letter-spacing:-.075em;margin:0;font-size:clamp(32px,5vw,54px);line-height:.95}.auth-copy{margin:16px 0 26px;line-height:1.6}.auth-form,.evidence-form{gap:16px;display:grid}.auth-link-copy,.state-copy{color:var(--muted);font-size:13px;font-weight:500;line-height:1.6}.auth-link-copy{margin:20px 0 0}.auth-link-copy a{color:#bfdbfe;font-weight:700}.state-stack{gap:16px;margin-top:18px;display:grid}.form-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:14px;margin:0;padding:12px 14px;font-size:13px;font-weight:800}.driver-app{background:radial-gradient(circle at top left, #3b82f621, transparent 32%), radial-gradient(circle at bottom right, #22c55e14, transparent 28%), var(--bg);grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b1627e6;flex-direction:column;gap:22px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.content-shell{min-width:0;padding:24px}.brand{color:var(--text);letter-spacing:-.05em;align-items:center;gap:12px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.brand small,.driver-card small{color:var(--dim);letter-spacing:0;font-size:12px;display:block}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--blue-dark));color:#fff;border-radius:15px;place-items:center;width:42px;height:42px;font-weight:700;display:grid;box-shadow:0 16px 34px #2563eb47}.sidebar-nav{gap:8px;display:grid}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:16px;padding:13px 14px;font-weight:700;text-decoration:none}.nav-link.is-active,.nav-link:hover{color:var(--text);background:#3b82f621;border-color:#3b82f64d}.driver-card,.panel,.next-card,.notice-card,.stat-card,.metric-panel{border:1px solid var(--line);background:#101b2fdb;border-radius:24px;box-shadow:0 18px 55px #00000029}.driver-card{gap:10px;padding:18px;display:grid}.driver-card strong{font-size:18px;line-height:1.15}.sidebar-status-control{margin-top:auto}.sidebar-logout{width:100%}.mobile-topbar{display:none}.page-stack{gap:20px;display:grid}.page-hero,.detail-header{border:1px solid var(--line);background:linear-gradient(135deg,#3b82f633,#22c55e14),#101b2fdb;border-radius:30px;justify-content:space-between;align-items:flex-start;gap:20px;padding:clamp(24px,4vw,42px);display:flex;overflow:hidden}.page-hero p,.detail-header p{max-width:680px;margin:12px 0 0;line-height:1.6}.eyebrow{color:#93c5fd;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.hero-metric{background:#08111f70;border:1px solid #ffffff1f;border-radius:24px;place-items:center;min-width:130px;padding:20px;display:grid}.hero-metric span{letter-spacing:-.07em;font-size:48px;font-weight:700}.hero-metric small{color:var(--muted);font-weight:800}.stats-grid,.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card,.metric-panel{gap:8px;padding:20px;display:grid}.stat-card strong,.metric-panel strong{letter-spacing:-.06em;font-size:clamp(24px,4vw,34px);line-height:1}.next-card{background:linear-gradient(135deg, #3b82f62e, #101b2fd1), var(--panel);border-color:#3b82f670;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:24px;display:grid}.next-card h2,.section-heading h2,.panel h2,.route-side h2,.profile-panel h2{letter-spacing:-.055em;margin:0;font-size:clamp(22px,3vw,30px)}.next-card p{margin:10px 0 0}.next-card-metrics{text-align:right;gap:4px;display:grid}.next-card-metrics strong{font-size:24px}.next-card-metrics span{color:var(--muted);font-weight:600}.panel{padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.assignment-list,.stop-list,.cargo-list,.evidence-list{gap:12px;display:grid}.assignment-row,.cargo-row,.evidence-item{background:#08111f80;border:1px solid #94a3b824;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.row-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.assignment-row p,.assignment-row span:not(.status-badge){margin:8px 0 0}.assignment-row-side{justify-items:end;gap:10px;display:grid}.vehicle-select{min-width:min(260px,100%);min-height:38px;color:var(--text);background:#08111fd1;border:1px solid #94a3b833;border-radius:12px;padding:0 12px;font-weight:600}.vehicle-select:disabled{opacity:.55}.two-column,.map-layout,.evidence-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);align-items:start;gap:20px;display:grid}.action-panel{border:1px solid var(--line);background:#101b2fb8;border-radius:22px;flex-wrap:wrap;gap:10px;padding:14px;display:flex}.header-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.stop-list,.route-stop-grid{gap:12px;display:grid}.route-stop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stop-card{background:#08111f7a;border:1px solid #94a3b824;border-radius:18px;gap:6px;padding:16px;display:grid}.stop-card.is-next{border-color:var(--blue);background:#3b82f61a}.stop-card__nav{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.stop-card__nav button{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.stop-card__nav button:hover{border-color:var(--blue);color:var(--blue)}.stop-card strong,.cargo-row strong,.evidence-item strong{color:var(--text)}.stop-card p,.stop-card em,.evidence-item p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.map-panel{border:1px solid var(--line);background:var(--panel);isolation:isolate;border-radius:28px;height:min(68vh,680px);position:relative;overflow:hidden}.map-canvas{border-radius:inherit;position:absolute;inset:0}.map-empty{z-index:4;text-align:center;background:linear-gradient(135deg, #3b82f61f, transparent), var(--panel);align-content:center;place-items:center;gap:10px;padding:28px;display:grid;position:absolute;inset:0}.map-checklist{color:#fbbf24;text-align:left;gap:6px;max-width:420px;margin:0;padding:0;font-size:12px;font-weight:500;list-style:none;display:grid}.map-checklist li{padding-left:16px;position:relative}.map-checklist li:before{content:"→";position:absolute;left:0}.map-legend{z-index:5;border:1px solid var(--line);color:var(--muted);background:#0b1220db;border-radius:14px;flex-wrap:wrap;gap:12px;padding:8px 12px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:14px;left:14px}.map-legend span{align-items:center;gap:6px;display:flex}.map-legend i{border-radius:50%;width:8px;height:8px}.map-follow-toggle{z-index:5;border:1px solid var(--line);color:var(--text);background:#0b1220e6;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:800;display:flex;position:absolute;top:14px;right:14px}.map-follow-toggle[aria-pressed=true]{color:#38bdf8;border-color:#38bdf8}.route-side{position:sticky;top:24px}.telemetry-list{gap:10px;margin-bottom:18px;display:grid}.telemetry-list div,.definition-grid div{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.route-actions,.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row.compact{justify-content:flex-end}.primary-button,.secondary-button,.success-button,.danger-button,.ghost-button,.small-button,.small-link,.status-option{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.primary-button:hover,.secondary-button:hover,.success-button:hover,.danger-button:hover,.ghost-button:hover,.small-button:hover,.small-link:hover,.status-option:hover{transform:translateY(-1px)}.small-link.is-danger{color:#f87171;border-color:#f8717159}.small-link.is-danger:disabled{opacity:.5;transform:none}.primary-button{background:linear-gradient(135deg, var(--blue), var(--blue-dark));color:#fff;box-shadow:0 16px 34px #2563eb38}.secondary-button,.small-link{color:#bfdbfe;background:#3b82f61f;border-color:#3b82f652}.success-button{color:#052e16;background:linear-gradient(135deg,#22c55e,#16a34a)}.danger-button{color:#fecaca;background:#ef444426;border-color:#ef444459}.ghost-button,.small-button{color:var(--text);background:#94a3b814;border-color:#94a3b82e}.small-button,.small-link,.small-action{border-radius:12px;min-height:36px;padding:0 12px;font-size:12px}.full-width{width:100%}button:disabled,.primary-button:disabled,.secondary-button:disabled,.success-button:disabled,.danger-button:disabled,.ghost-button:disabled{opacity:.52;transform:none}.status-badge{color:#cbd5e1;white-space:nowrap;background:#94a3b81a;border:1px solid #94a3b82e;border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.status-badge--success{color:#bbf7d0;background:#22c55e24;border-color:#22c55e52}.status-badge--warning{color:#fde68a;background:#f59e0b24;border-color:#f59e0b59}.status-badge--danger{color:#fecaca;background:#ef444424;border-color:#ef444459}.status-badge--primary{color:#bfdbfe;background:#3b82f624;border-color:#3b82f659}.inline-loading{border:1px solid var(--line);background:#101b2fb8;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex}.loader-dot{background:var(--blue);border-radius:999px;width:10px;height:10px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.empty-state,.notice-card{background:#94a3b812;border:1px dashed #94a3b83d;border-radius:20px;justify-items:start;gap:10px;padding:22px;display:grid}.notice-card{background:#f59e0b17;border-style:solid;border-color:#f59e0b4d}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.photo-picker,.signature-header{background:#08111f6b;border:1px solid #94a3b829;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.photo-picker div,.signature-header div{gap:5px;display:grid}.file-button{flex:none;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-preview{object-fit:cover;background:#020617;border:1px solid #94a3b829;border-radius:20px;width:100%;max-height:340px}.signature-pad{touch-action:none;cursor:crosshair;background:#f8fafc;border:1px solid #94a3b83d;border-radius:20px;width:100%;height:220px}.evidence-history{position:sticky;top:24px}.evidence-item{justify-items:start;display:grid}.evidence-item a{color:#93c5fd;font-size:13px;font-weight:700;text-decoration:none}.evidence-item em{color:var(--amber);font-size:13px;font-style:normal;font-weight:600}.profile-hero{align-items:center}.definition-grid{gap:12px;margin:18px 0 0;display:grid}.definition-grid dl,.definition-grid dd{margin:0}.definition-grid dd{font-weight:700}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.status-option{color:var(--text);background:#08111f7a;border-color:#94a3b829}.status-option.is-selected{color:#bbf7d0;background:#22c55e24;border-color:#22c55e6b}@media (width<=1180px){.driver-app{grid-template-columns:1fr}.sidebar{display:none}.mobile-topbar{border:1px solid var(--line);background:#101b2fdb;border-radius:22px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:12px;display:flex}.content-shell{padding:14px}}@media (width<=920px){.page-hero,.detail-header,.next-card,.assignment-row,.photo-picker,.signature-header{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.next-card{display:grid}.next-card-metrics,.assignment-row-side{text-align:left;justify-items:start}.stats-grid,.metrics-grid,.two-column,.map-layout,.evidence-grid,.route-stop-grid,.form-grid{grid-template-columns:1fr}.route-side,.evidence-history{position:static}.map-panel{height:420px}}@media (width<=560px){.auth-card,.state-card,.panel,.next-card,.notice-card{border-radius:20px;padding:18px}.page-hero,.detail-header{border-radius:22px;padding:22px}.action-panel,.button-row,.route-actions{display:grid}.primary-button,.secondary-button,.success-button,.danger-button,.ghost-button{width:100%}}:root{--bg:#0b1220;--bg-soft:#0f172a;--panel:#0f172a;--panel-strong:#111827;--line:#1f2a44;--line-strong:#334155;--shadow:none}.auth-page,.state-page,.driver-app,.page-hero,.detail-header,.map-empty{background:var(--bg)}.driver-app{grid-template-columns:260px minmax(0,1fr)}.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b1220;gap:16px;padding:18px}.content-shell{padding:18px}.auth-card,.state-card,.driver-card,.panel,.next-card,.notice-card,.stat-card,.metric-panel,.page-hero,.detail-header,.mobile-topbar{background:var(--panel);box-shadow:none;border-radius:16px}.brand-mark{width:34px;height:34px;box-shadow:none;border-radius:10px}.brand{letter-spacing:-.03em;font-size:14px}.nav-link,.primary-button,.secondary-button,.success-button,.danger-button,.ghost-button,.small-button,.small-link,.status-option,input,select,textarea{border-radius:10px}.nav-link{padding:10px 12px}.auth-card h1,.state-card h1,.page-hero h1,.detail-header h1{letter-spacing:-.045em;font-size:clamp(28px,4vw,40px)}.stats-grid,.metrics-grid,.page-stack{gap:14px}.stat-card strong,.metric-panel strong,.hero-metric span{font-size:clamp(24px,3vw,32px)}.hero-metric{background:#0b1220;border-radius:14px;padding:16px}.assignment-row,.cargo-row,.evidence-item,.stop-card,.photo-picker,.signature-header{background:#0b1220;border-radius:12px}.status-badge{min-height:26px;padding:0 9px;font-size:12px}.request-row small{max-width:280px;color:var(--muted);text-align:right;font-size:12px;line-height:1.4}@media (width<=920px){.request-row small{text-align:left}}html{background:var(--bg);min-width:320px}body{overflow-x:hidden}button,a,input,select,textarea{min-width:0}img,canvas{max-width:100%}.driver-app,.content-shell,.page-stack,.panel,.page-hero,.detail-header,.next-card,.assignment-row,.assignment-row>div,.assignment-row-side,.cargo-row,.cargo-row>div,.evidence-item,.stop-card,.route-side,.mobile-topbar,.brand,.header-badges,.section-heading,.telemetry-list div,.definition-grid div{min-width:0}.page-hero h1,.detail-header h1,.next-card h2,.panel h2,.route-side h2,.profile-panel h2,.assignment-row strong,.assignment-row p,.assignment-row span:not(.status-badge),.cargo-row strong,.cargo-row span:not(.status-badge),.stop-card strong,.stop-card p,.stop-card small,.evidence-item strong,.evidence-item span:not(.status-badge),.evidence-item small,.definition-grid dd,.telemetry-list strong{overflow-wrap:anywhere}.primary-button,.secondary-button,.success-button,.danger-button,.ghost-button,.small-button,.small-link,.small-action,.status-option{text-align:center;white-space:normal;max-width:100%;line-height:1.2}.status-badge{max-width:100%}.vehicle-select{width:100%;max-width:100%}.section-heading,.header-badges,.action-panel,.button-row,.route-actions{flex-wrap:wrap}.section-heading>*,.header-badges>*,.action-panel>*,.button-row>*,.route-actions>*{min-width:0}@media (width<=1180px){.driver-app{grid-template-columns:1fr}.sidebar{display:none}.content-shell{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.mobile-topbar{z-index:20;display:flex;position:sticky;top:0}}@media (width<=920px){.page-hero,.detail-header{display:flex}.hero-metric{justify-items:start;width:100%}.header-badges{justify-content:flex-start}.action-panel,.button-row,.route-actions{align-items:stretch}.assignment-row-side{width:100%}}@media (width<=640px){.auth-page,.state-page{align-items:start;padding:12px}.auth-card,.state-card,.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel{border-radius:16px}.auth-card,.state-card{padding:22px}.content-shell{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}.mobile-topbar{align-items:stretch;margin-bottom:12px}.mobile-topbar .brand{flex:auto}.page-stack{gap:12px}.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel,.assignment-row,.cargo-row,.stop-card,.photo-picker,.signature-header{padding:16px}.page-hero h1,.detail-header h1{font-size:clamp(26px,12vw,36px);line-height:1}.section-heading,.photo-picker,.signature-header,.telemetry-list div,.definition-grid div{flex-direction:column;align-items:stretch}.header-badges,.button-row.compact{justify-content:flex-start}.action-panel,.button-row,.route-actions{grid-template-columns:1fr;display:grid}.primary-button,.secondary-button,.success-button,.danger-button,.ghost-button,.small-button,.small-link,.small-action{width:100%;min-height:46px}.assignment-row,.cargo-row,.evidence-item{align-items:stretch}.assignment-row-side{justify-items:stretch}.route-stop-grid,.status-grid{grid-template-columns:1fr}.map-panel{border-radius:18px;height:min(58vh,380px)}.map-legend{gap:8px;padding:7px 10px;font-size:12px;right:14px}.map-follow-toggle{padding:7px 11px;font-size:12px}.signature-pad{height:180px}.photo-preview{max-height:280px}}@media (width<=380px){.content-shell{padding-inline:8px}.auth-card,.state-card,.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel,.assignment-row,.cargo-row,.stop-card,.photo-picker,.signature-header{padding:14px}}.incidents-panel{gap:14px;display:grid}.incident-form{grid-template-columns:minmax(150px,.8fr) minmax(0,1.6fr) auto;gap:10px;display:grid}.incident-list{gap:12px;display:grid}.incident-item{background:#08111f7a;border:1px solid #94a3b824;border-radius:18px;gap:8px;padding:14px 16px;display:grid}.incident-item>header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.incident-item>header strong{min-width:140px;color:var(--text);flex:1}.incident-item p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.incident-comment{border-left:2px solid var(--line-strong);gap:3px;padding-left:12px;display:grid}.incident-reply{flex-wrap:wrap;gap:8px;display:flex}.incident-reply input{flex:1;min-width:180px}@media (width<=720px){.incident-form{grid-template-columns:1fr}}.topbar-actions{align-items:center;gap:8px;display:flex}.notification-bell{position:relative}.notification-bell__dot{color:#0b1220;background:#f87171;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:12px;font-style:normal;font-weight:700;display:inline-grid}.notification-bell__list{z-index:40;border:1px solid var(--line);background:var(--panel-strong);border-radius:18px;gap:4px;width:min(340px,100vw - 32px);max-height:60vh;margin-top:6px;padding:6px;display:grid;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 18px 40px #0206178c}.notification-bell__item{color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.notification-bell__item.is-unread{background:#38bdf81f}.notification-bell__item span,.notification-bell__item small,.notification-bell__empty{color:var(--muted);font-size:12px;font-weight:500}.notification-bell__empty{margin:0;padding:12px}.offer-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030812b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.offer-card{border-color:var(--line-strong);gap:16px;width:min(460px,100%);padding:22px;display:grid}.offer-card h2{margin:-6px 0 0}.offer-countdown{background:var(--bg-soft);border-radius:999px;place-items:center;height:34px;display:grid;position:relative;overflow:hidden}.offer-countdown-bar{background:linear-gradient(135deg, var(--blue), var(--blue-dark));transition:width .5s linear;position:absolute;inset:0 auto 0 0}.offer-countdown strong{font-variant-numeric:tabular-nums;position:relative}.offer-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.offer-facts div{border:1px solid var(--line);border-radius:14px;padding:10px 12px}.offer-facts dt{color:var(--muted);font-size:12px}.offer-facts dd{margin:4px 0 0;font-weight:800}.offer-stops{gap:12px;margin:0;padding:0;list-style:none;display:grid}.offer-stops li{grid-template-columns:14px 1fr;align-items:start;gap:10px;display:grid}.offer-stops small,.offer-stops span{color:var(--muted);font-size:12px;display:block}.offer-dot{border-radius:999px;width:12px;height:12px;margin-top:4px}.offer-dot.is-pickup{background:var(--green)}.offer-dot.is-dropoff{background:var(--red)}.offer-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}@media (width<=420px){.offer-facts{grid-template-columns:1fr 1fr}}.cargo-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.cargo-badges .status-badge{color:#cbd5e1;font-size:12px;font-weight:700}.cargo-badges .status-badge--warning{color:#fde68a}.cargo-badges .status-badge--danger{color:#fecaca}.cargo-badges .status-badge--primary{color:#bfdbfe}.cargo-cold-chain p{color:var(--muted);margin:0;font-size:13px}.offer-cargo{background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:14px;gap:2px;margin:0;padding:10px 12px;display:grid}.offer-cargo small{color:var(--muted);font-size:12px}.offer-cargo strong{color:#fde68a;font-weight:800}.offer-cargo.is-cold{background:#3b82f61f;border-color:#3b82f659}.offer-cargo.is-cold strong{color:#bfdbfe}:root{--neu-bg:#1b2331;--neu-surface:#1b2331;--neu-text:#eef3fa;--neu-muted:#a3b0c2;--neu-shadow-dark:#090d14bf;--neu-shadow-light:#2e3b508c;--neu-raised:8px 8px 18px var(--neu-shadow-dark), -6px -6px 16px var(--neu-shadow-light);--neu-raised-sm:4px 4px 10px var(--neu-shadow-dark), -3px -3px 8px var(--neu-shadow-light);--neu-inset:inset 4px 4px 9px var(--neu-shadow-dark), inset -3px -3px 8px var(--neu-shadow-light);--neu-pressed:inset 3px 3px 7px var(--neu-shadow-dark), inset -2px -2px 6px var(--neu-shadow-light);--neu-accent:#2b7fff;--neu-accent-2:#00d2ff;--neu-accent-grad:linear-gradient(135deg, #06f 0%, #00a3ff 60%, #00d2ff 100%);--neu-glow:0 8px 22px #0066ff59;--neu-radius-lg:24px;--neu-radius:18px;--neu-radius-sm:12px;--neu-focus:2px solid #00d2ff99;--neu-ease:.18s ease;--neu-font:Montserrat, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg:var(--neu-bg);--bg-soft:var(--neu-bg);--panel:var(--neu-surface);--panel-strong:var(--neu-surface);--line:transparent;--line-strong:#a3b0c238;--text:var(--neu-text);--muted:var(--neu-muted);--dim:#8592a6;--blue:var(--neu-accent);--blue-dark:#06f;--shadow:var(--neu-raised);color:var(--neu-text);background:var(--neu-bg);font-family:var(--neu-font)}html,body{background:var(--neu-bg);color:var(--neu-text);font-family:var(--neu-font)}:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--neu-focus);outline-offset:2px}.auth-page,.state-page,.driver-app,.content-shell{background:var(--neu-bg)}.auth-card,.state-card,.driver-card,.panel,.next-card,.stat-card,.metric-panel,.page-hero,.detail-header,.mobile-topbar,.action-panel,.crash-card,.offer-card{border-radius:var(--neu-radius-lg);background:var(--neu-surface);box-shadow:var(--neu-raised);border:0}.auth-card,.state-card{padding:32px}.stat-card,.metric-panel,.panel,.next-card{padding:20px}.page-hero,.detail-header,.next-card{position:relative}.page-hero:before,.detail-header:before,.next-card:before{background:var(--neu-accent-grad);content:"";border-radius:0 4px 4px 0;width:4px;position:absolute;top:18px;bottom:18px;left:0}.next-card{box-shadow:var(--neu-raised), 0 0 0 1px #2b7fff2e}.assignment-row,.cargo-row,.evidence-item,.stop-card,.incident-item,.photo-picker,.signature-header,.offer-facts div{border-radius:var(--neu-radius);background:var(--neu-surface);box-shadow:var(--neu-raised-sm);border:0}.stop-card.is-next{background:var(--neu-surface);box-shadow:var(--neu-raised-sm), inset 0 0 0 2px #2b7fff8c}input,select,textarea,.vehicle-select{border-radius:var(--neu-radius-sm);background:var(--neu-surface);box-shadow:var(--neu-inset);color:var(--neu-text);transition:box-shadow var(--neu-ease);border:0}input::placeholder,textarea::placeholder{color:#7d8aa0}input:focus,select:focus,textarea:focus,.vehicle-select:focus{box-shadow:var(--neu-inset), 0 0 0 2px #00d2ff73;border:0}select option{background:var(--neu-surface);color:var(--neu-text)}.empty-state,.inline-loading,.hero-metric,.offer-countdown,.notification-bell__empty{border-radius:var(--neu-radius);background:var(--neu-surface);box-shadow:var(--neu-inset);border:0}.hero-metric span{color:var(--neu-accent-2)}.offer-countdown{border-radius:999px}.offer-countdown-bar{background:var(--neu-accent-grad);opacity:.85}.telemetry-list div,.definition-grid div{border-bottom:1px solid #a3b0c21a}.stat-card strong,.metric-panel strong,.next-card-metrics strong{color:var(--neu-accent-2)}.auth-card h1,.state-card h1,.page-hero h1,.detail-header h1,.crash-card h1,.next-card h2,.section-heading h2,.panel h2,.route-side h2,.profile-panel h2{letter-spacing:-.03em;font-weight:800}.eyebrow{color:var(--neu-accent-2);font-weight:700}label>span,.photo-picker span:not(.status-badge),.signature-header span:not(.status-badge),.stat-card span:not(.status-badge),.metric-panel span:not(.status-badge),.telemetry-list span:not(.status-badge),.definition-grid dt,.driver-card span:not(.status-badge),.sidebar-status-control span:not(.status-badge),.next-card p,.assignment-row p,.assignment-row span:not(.status-badge),.cargo-row span:not(.status-badge),.stop-card span:not(.status-badge),.stop-card small,.evidence-item span:not(.status-badge),.evidence-item small,.map-empty span:not(.status-badge),.map-empty small,.empty-state span:not(.status-badge),.inline-loading,.page-hero p,.detail-header p,.auth-copy{font-weight:600}.auth-link-copy a,.evidence-item a{color:#7fc4ff;font-weight:700}.sidebar{background:var(--neu-bg);box-shadow:6px 0 18px var(--neu-shadow-dark), inset -1px 0 0 #2e3b5066;z-index:2;border-right:0}.brand{font-weight:800}.brand-mark{border-radius:var(--neu-radius-sm);background:var(--neu-accent-grad);box-shadow:var(--neu-raised-sm), 0 6px 16px #0066ff4d;font-weight:800}.sidebar-nav{gap:10px}.nav-link{border-radius:var(--neu-radius-sm);background:var(--neu-surface);box-shadow:var(--neu-raised-sm);color:var(--neu-muted);transition:box-shadow var(--neu-ease), color var(--neu-ease);border:0;font-weight:700}.nav-link:hover{background:var(--neu-surface);color:var(--neu-text);border:0}.nav-link.is-active,.nav-link:active{background:var(--neu-surface);box-shadow:var(--neu-pressed);color:var(--neu-accent-2);border:0}.primary-button,.secondary-button,.success-button,.danger-button,.ghost-button,.small-button,.small-link,.status-option,.stop-card__nav button,.map-follow-toggle,.crash-action{border-radius:var(--neu-radius-sm);transition:transform var(--neu-ease), box-shadow var(--neu-ease), color var(--neu-ease), background var(--neu-ease);border:0;font-weight:700}.secondary-button,.ghost-button,.small-button,.small-link,.status-option,.stop-card__nav button,.map-follow-toggle{background:var(--neu-surface);box-shadow:var(--neu-raised-sm);color:var(--neu-text)}.secondary-button,.small-link{color:#8cc2ff}.secondary-button:hover,.ghost-button:hover,.small-button:hover,.small-link:hover,.status-option:hover,.stop-card__nav button:hover,.map-follow-toggle:hover{color:var(--neu-accent-2);border:0}.secondary-button:active,.ghost-button:active,.small-button:active,.small-link:active,.status-option:active,.stop-card__nav button:active,.map-follow-toggle:active,.status-option.is-selected,.map-follow-toggle[aria-pressed=true]{background:var(--neu-surface);box-shadow:var(--neu-pressed);border:0;transform:none}.status-option.is-selected{color:#86efac}.map-follow-toggle[aria-pressed=true]{color:var(--neu-accent-2)}.small-link.is-danger{color:#fca5a5;border:0}.primary-button,.crash-action{background:var(--neu-accent-grad);box-shadow:var(--neu-raised-sm), var(--neu-glow);color:#fff}.success-button{box-shadow:var(--neu-raised-sm), 0 8px 22px #22c55e47;color:#04210f;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)}.danger-button{background:var(--neu-surface);box-shadow:var(--neu-raised-sm);color:#fca5a5}.primary-button:active,.success-button:active,.danger-button:active,.crash-action:active{box-shadow:var(--neu-pressed);transform:none}button:disabled,.primary-button:disabled,.secondary-button:disabled,.success-button:disabled,.danger-button:disabled,.ghost-button:disabled,.small-button:disabled,.small-link:disabled,.status-option:disabled{box-shadow:var(--neu-raised-sm);opacity:.5;transform:none}.status-badge{color:#d5dde8;background:#a3b0c21f;border:0;font-weight:700;box-shadow:inset 1px 1px 2px #090d1473}.status-badge--success{color:#9cf0bb;background:#22c55e29;border:0}.status-badge--warning{color:#fcd98a;background:#f59e0b29;border:0}.status-badge--danger{color:#fdb4b4;background:#ef44442b;border:0}.status-badge--primary{color:#a9cdff;background:#2b7fff2e;border:0}.notice-card{border-radius:var(--neu-radius-lg);background:var(--neu-surface);box-shadow:var(--neu-raised), inset 4px 0 0 #f59e0bb3;border:0}.form-error{border-radius:var(--neu-radius-sm);box-shadow:var(--neu-inset);color:#fecaca;background:#ef44441f;border:0}.offer-cargo,.offer-cargo.is-cold{border-radius:var(--neu-radius-sm);box-shadow:var(--neu-inset);border:0}.incident-comment{border-left-color:#2b7fff80}.loader-dot{background:var(--neu-accent-2);box-shadow:0 0 10px #00d2ff99}.map-panel{border-radius:var(--neu-radius-lg);background:var(--neu-surface);box-shadow:var(--neu-raised);border:0;overflow:hidden}.map-empty{background:var(--neu-surface)}.map-empty--error{background:linear-gradient(135deg, #f8717124, transparent), var(--neu-surface)}.map-legend{border-radius:var(--neu-radius-sm);box-shadow:var(--neu-raised-sm);background:#1b2331f0;border:0}.map-follow-toggle{border-radius:999px}.photo-preview{border-radius:var(--neu-radius);box-shadow:var(--neu-inset);border:0}.signature-pad{border:6px solid var(--neu-surface);border-radius:var(--neu-radius);box-shadow:var(--neu-inset)}.notification-bell__dot{background:#f87171;box-shadow:0 0 8px #f871718c}.notification-bell__list{border-radius:var(--neu-radius);background:var(--neu-surface);box-shadow:var(--neu-raised), 0 18px 40px #05080e80;border:0;padding:8px}.notification-bell__item{border-radius:var(--neu-radius-sm);transition:box-shadow var(--neu-ease)}.notification-bell__item:hover{box-shadow:var(--neu-raised-sm)}.notification-bell__item.is-unread{box-shadow:var(--neu-pressed);background:#00d2ff14}.notification-bell__empty{margin:4px}.offer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e15b8}.offer-card{padding:24px}.crash-screen{background:var(--neu-bg);min-height:100vh;color:var(--neu-text);font-family:var(--neu-font);place-items:center;padding:20px;display:grid}.crash-card{gap:14px;width:min(480px,100%);padding:28px;display:grid}.crash-card h1{margin:0;font-size:clamp(24px,4vw,32px)}.crash-card p{color:var(--neu-muted);margin:0;font-size:14px;font-weight:500;line-height:1.6}.crash-card pre{border-radius:var(--neu-radius-sm);background:var(--neu-surface);max-height:180px;box-shadow:var(--neu-inset);color:#fdb4b4;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.crash-action{min-height:44px;font:inherit;justify-self:start;padding:0 20px;font-size:14px}@media (width<=1180px){.mobile-topbar{border-radius:var(--neu-radius);background:var(--neu-surface);box-shadow:var(--neu-raised-sm), 0 10px 22px #05080e73;border:0}}@media (width<=768px){:root{--neu-raised:6px 6px 14px var(--neu-shadow-dark), -4px -4px 12px var(--neu-shadow-light)}.auth-card,.state-card,.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel,.action-panel,.map-panel,.offer-card,.crash-card{border-radius:var(--neu-radius)}.crash-action{justify-self:stretch}}@media (width<=640px){.auth-card,.state-card{padding:22px}.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel{padding:16px}}@media (width<=380px){.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.primary-button:hover,.secondary-button:hover,.success-button:hover,.danger-button:hover,.ghost-button:hover,.small-button:hover,.small-link:hover,.status-option:hover{transform:none}}body{font-size:15px;font-weight:400;line-height:1.5}h1,h2,h3,h4{line-height:1.2}strong,b,dd{font-weight:700}input,select,textarea{font-size:15px;font-weight:400;line-height:1.35}.auth-card h1,.state-card h1,.page-hero h1,.detail-header h1,.crash-card h1{letter-spacing:-.02em;font-size:clamp(26px,1.2vw + 15px,32px);font-weight:800;line-height:1.15}.next-card h2,.section-heading h2,.panel h2,.route-side h2,.profile-panel h2,.offer-card h2{letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.2}.eyebrow{color:var(--neu-muted);letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:600;line-height:1.35}.page-hero p,.detail-header p,.auth-copy{font-size:15px;font-weight:400;line-height:1.5}.page-hero p,.detail-header p{margin-top:8px}.auth-link-copy,.state-copy{font-size:13px;font-weight:400;line-height:1.5}.auth-link-copy a,.evidence-item a{font-weight:600}.form-error{font-size:13px;font-weight:600;line-height:1.45}label{gap:6px}label>span,.photo-picker span:not(.status-badge),.signature-header span:not(.status-badge),.sidebar-status-control span:not(.status-badge){font-size:13px;font-weight:600;line-height:1.35}.stat-card span:not(.status-badge),.metric-panel span:not(.status-badge),.telemetry-list span:not(.status-badge),.definition-grid dt,.driver-card span:not(.status-badge),.next-card-metrics span,.hero-metric small,.offer-facts dt,.offer-cargo small{font-size:13px;font-weight:500;line-height:1.35}.next-card p,.assignment-row span:not(.status-badge),.cargo-row span:not(.status-badge),.stop-card span:not(.status-badge),.stop-card small,.evidence-item span:not(.status-badge),.evidence-item small,.map-empty span:not(.status-badge),.map-empty small,.empty-state span:not(.status-badge),.inline-loading,.request-row small,.assignment-row-side small,.offer-stops small,.offer-stops span,.notification-bell__item span,.notification-bell__item small,.notification-bell__empty{font-size:13px;font-weight:400;line-height:1.45}.assignment-row p,.stop-card p,.evidence-item p,.incident-item p,.cargo-cold-chain p{font-size:15px;font-weight:400;line-height:1.45}.stop-card em,.evidence-item em{font-size:13px;font-weight:600;line-height:1.45}.brand{letter-spacing:-.02em;font-size:16px;font-weight:800;line-height:1.2}.brand small,.driver-card small{letter-spacing:.02em;margin-top:2px;font-size:12px;font-weight:500;line-height:1.35}.brand-mark{font-weight:800}.nav-link{padding:12px 14px;font-size:15px;font-weight:600;line-height:1.35}.driver-card{gap:8px;padding:16px}.driver-card strong{font-size:18px;font-weight:700;line-height:1.25}.hero-metric span{letter-spacing:-.03em;font-size:40px;font-weight:700;line-height:1.1}.stat-card strong,.metric-panel strong{letter-spacing:-.02em;font-size:clamp(28px,1vw + 18px,32px);font-weight:700;line-height:1.1}.next-card-metrics strong{font-size:22px;font-weight:700;line-height:1.2}.definition-grid dd,.telemetry-list strong,.offer-facts dd,.offer-cargo strong{font-size:15px;font-weight:600;line-height:1.35}.offer-facts dd{margin-top:4px}.assignment-row strong,.cargo-row strong,.stop-card strong,.evidence-item strong,.incident-item>header strong{font-size:16px;font-weight:700;line-height:1.35}.assignment-row p{margin:6px 0 0}.assignment-row span:not(.status-badge){margin:4px 0 0}.row-title{gap:8px}.primary-button,.secondary-button,.success-button,.danger-button,.ghost-button,.status-option,.crash-action{min-height:44px;padding:0 16px;font-size:15px;font-weight:600;line-height:1.2}.small-button,.small-link,.small-action{min-height:40px;padding:0 14px;font-size:13px;font-weight:600;line-height:1.2}.stop-card__nav button,.map-follow-toggle{min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2}.vehicle-select{font-size:15px;font-weight:500}.status-badge,.cargo-badges .status-badge{letter-spacing:.01em;min-height:26px;margin:0;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.35}.notification-bell__dot{min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;line-height:1}.map-checklist{font-size:13px;font-weight:500;line-height:1.45}.map-legend{font-size:12px;font-weight:600;line-height:1.35}.page-stack{gap:24px}.stats-grid,.metrics-grid{gap:16px}.panel,.next-card,.stat-card,.metric-panel,.notice-card{padding:20px}.page-hero,.detail-header{padding:24px}.section-heading{margin-bottom:16px}.form-grid{gap:16px}.assignment-list,.stop-list,.cargo-list,.evidence-list{gap:12px}.assignment-row,.cargo-row,.evidence-item,.stop-card{padding:16px}.stop-card{gap:6px}.offer-card{gap:16px}@media (width<=920px){.page-stack{gap:20px}}@media (width<=640px){input,select,textarea,.vehicle-select{font-size:16px}.next-card h2,.section-heading h2,.panel h2,.route-side h2,.profile-panel h2,.offer-card h2{font-size:20px}.hero-metric span{font-size:32px}.page-stack{gap:16px}.stats-grid,.metrics-grid{gap:12px}.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel,.assignment-row,.cargo-row,.stop-card,.photo-picker,.signature-header{padding:16px}.section-heading{gap:8px;margin-bottom:12px}.primary-button,.success-button,.danger-button{min-height:48px}.secondary-button,.ghost-button,.small-button,.small-link,.small-action{min-height:44px}.small-button,.small-link,.small-action{font-size:15px}.map-legend,.map-follow-toggle{font-size:12px}}@media (width<=380px){.page-hero,.detail-header,.panel,.next-card,.notice-card,.stat-card,.metric-panel,.assignment-row,.cargo-row,.stop-card,.photo-picker,.signature-header{padding:14px}}