:root{color:#0d2d66;background:#fff;font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.45;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff,#f8fbff 55%,#f1f6ff);color:#0d2d66}button,input,select,textarea{font:inherit}.page-shell{width:100%;max-width:1480px;margin:0 auto;padding:28px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;min-height:100vh;padding:24px 18px;background:linear-gradient(180deg,#0d2d66,#13387c);color:#fff;z-index:20}.sidebar-profile{display:flex;gap:14px;align-items:center;padding:14px;margin-bottom:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#edf4ff;color:#14377d;font-weight:700}.sidebar-role{margin:4px 0 0;color:#ffffffc2}.sidebar-nav{display:grid;gap:8px}.sidebar-link{justify-content:flex-start;min-height:46px;border-radius:12px;border:1px solid transparent;background:transparent;color:#e8f1ff}.sidebar-link-active{background:#fff;color:#14377d}.sidebar-backdrop{display:none}.mobile-topbar{display:none;align-items:center;gap:16px;margin-bottom:18px}.mobile-menu-button{min-height:42px;padding:0 14px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:20px 24px;background:#fff;border:1px solid #cdd9ee;box-shadow:0 14px 36px #0d2d660f}.topbar-company h1{margin-bottom:0;font-size:28px}.topbar-company{display:flex;align-items:center;gap:16px}.topbar-company .brand-mark{width:160px;flex:0 0 auto}.topbar-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.topbar-clock{display:grid;gap:4px;min-width:96px;padding:10px 14px;border:1px solid #d5e0f3;background:#f7faff}.topbar-clock span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6f8ec5}.auth-pill{display:grid;gap:4px;min-width:210px;padding:10px 14px;border:1px solid #d5e0f3;background:#f7faff}.auth-pill span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6f8ec5}.auth-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-button{min-height:0;padding:0;border:0;background:transparent;color:#1745a3;text-align:left;text-decoration:underline}.role-switcher{min-width:150px;padding:10px 14px;border:1px solid #d5e0f3;background:#f7faff;gap:4px}.role-switcher select{min-height:28px;padding:0;border-bottom:0;background:transparent;font-weight:700}.primary-cta{min-width:220px}.landing-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 56px}.landing-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0 36px}.landing-logo,.landing-actions,.landing-cta-row{display:flex;align-items:center;gap:14px}.landing-logo span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#0d2d66;color:#fff;font-weight:800}.landing-logo strong{font-size:22px}.landing-actions a,.landing-secondary{color:#123777;font-weight:700;text-decoration:none}.landing-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;background:#163f91;color:#fff!important;text-decoration:none;box-shadow:0 14px 26px #0d2d662e}.landing-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:center;padding:56px;border:1px solid #cdd9ee;background:radial-gradient(circle at 85% 15%,rgba(22,63,145,.12),transparent 30%),#fff;box-shadow:0 24px 60px #0d2d6614}.landing-hero h1{max-width:760px;margin:0;font-size:clamp(42px,6vw,74px);line-height:.95;letter-spacing:-.05em;color:#0d2d66}.landing-lead{max-width:680px;margin:24px 0;font-size:20px;color:#4e6b9c}.landing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.landing-card{padding:24px;border:1px solid #cdd9ee;background:#fff;box-shadow:0 14px 36px #0d2d660f}.landing-card h2,.landing-card h3,.landing-product-map h2{margin-top:0}.landing-card p{color:#5572a3}.landing-demo-card{border-left:8px solid #163f91}.landing-form-preview{display:grid;gap:12px;margin-top:20px}.landing-form-preview span{padding:14px 16px;border:1px solid #b9c9e9;background:#f7faff;color:#17397c;font-weight:700}.landing-product-map{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start;padding:32px;border:1px solid #cdd9ee;background:#f7faff}.landing-route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-route-list span{padding:12px 14px;border:1px solid #cdd9ee;background:#fff;font-weight:700}.tracking-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.tracking-map-card{display:grid;gap:16px}.tracking-route-canvas{position:relative;min-height:360px;overflow:hidden;border:1px solid #cdd9ee;background:linear-gradient(90deg,rgba(13,45,102,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(13,45,102,.06) 1px,transparent 1px),radial-gradient(circle at 15% 25%,rgba(22,63,145,.16),transparent 18%),radial-gradient(circle at 82% 68%,rgba(216,138,0,.16),transparent 22%),#f7faff;background-size:42px 42px,42px 42px,auto,auto,auto}.tracking-route-line{position:absolute;left:12%;right:12%;top:50%;height:5px;border-radius:999px;background:linear-gradient(90deg,#163f91,#d88a00);transform:rotate(-7deg)}.tracking-point{position:absolute;z-index:2;width:18px;height:18px;border:3px solid #ffffff;border-radius:999px;background:#163f91;box-shadow:0 8px 18px #0d2d6640}.tracking-map-label{position:absolute;left:18px;bottom:18px;padding:8px 12px;background:#fff;border:1px solid #cdd9ee;color:#4f6b9b;font-weight:700}.sheet-header,.sheet-panel,.toolbar-row{background:#fff;border:1px solid #cdd9ee;box-shadow:0 14px 36px #0d2d660f}.sheet-header{display:flex;justify-content:space-between;gap:24px;padding:24px 26px}.brand-block{display:flex;gap:20px;align-items:flex-start}.brand-mark{width:320px;max-width:100%;color:#102a72}.company-copy{display:grid;gap:4px;padding-top:8px;color:#17397c}.company-copy strong{font-size:22px}.protocol-box{min-width:320px;display:grid;gap:14px}.toolbar-row{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:22px 26px;margin:18px 0}.section-kicker{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#426bb5}h1,h2,p{margin-top:0}h1,h2{margin-bottom:8px}.primary-link,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;border:1px solid #14377d;background:#14377d;color:#fff;text-decoration:none;cursor:pointer}.secondary-button{background:#fff;color:#14377d}.grid-layout{display:grid;grid-template-columns:minmax(420px,760px) minmax(320px,1fr);gap:20px}.company-layout,.rescue-form-panel{margin-bottom:20px}.sheet-panel{padding:24px}.panel-title-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.small-badge,.count-pill,.protocol-value{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #c6d6f2;background:#edf4ff;color:#1b4fa7;font-size:13px;font-weight:700}.small-badge.secondary{background:#f7faff}.section-divider{height:1px;margin:18px 0;background:#d8e2f3}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-span-2{grid-column:span 2}.address-fieldset{border:1px solid #c7d7f1;margin:4px 0;padding:18px;background:#fbfdff}.address-fieldset legend{padding:0 8px;color:#14377d;font-size:15px;font-weight:800}.address-fieldset .address-fieldset{margin-top:16px}.stop-mode-grid{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.stop-mode-pill{margin:0}.detected-location-card{border:1px solid #b7caee;border-left:5px solid #14377d;border-radius:14px;padding:12px 14px;margin:8px 0 16px;background:#fff;color:#14377d;display:grid;gap:4px}.detected-location-card span{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#4268b1}.detected-location-card strong{font-size:17px;line-height:1.35}.detected-location-card small{color:#5f7196}.nested-field-grid{margin-top:12px}.stop-notes{margin-top:14px}.service-sheet-fieldset{background:#fff}.damage-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px}.vehicle-damage-map-wrap{border:1px solid #c7d7f1;border-radius:16px;padding:14px;margin:10px 0 16px;background:#fbfdff}.damage-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;color:#14377d;font-size:13px;font-weight:700}.legend-dot{display:inline-block;width:11px;height:11px;border-radius:999px;margin-right:5px;vertical-align:-1px}.legend-scratch{background:#f4b400}.legend-break{background:#d93025}.vehicle-map-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}.vehicle-map-panel{min-width:0}.vehicle-silhouette{position:relative;height:360px;border:1px dashed #b7caee;border-radius:18px;overflow:hidden;background:#fff}.car-body{position:absolute;left:28%;top:6%;width:44%;height:88%;border:4px solid #14377d;border-radius:80px 80px 60px 60px;opacity:.18}.car-window{position:absolute;left:37%;width:26%;border:3px solid #14377d;border-radius:12px;opacity:.22}.car-window-front{top:32%;height:10%}.car-window-rear{top:64%;height:10%}.wheel,.moto-wheel{position:absolute;border:6px solid #14377d;border-radius:999px;opacity:.28}.wheel{width:34px;height:34px}.wheel-fl{left:17%;top:20%}.wheel-fr{right:17%;top:20%}.wheel-rl{left:17%;bottom:20%}.wheel-rr{right:17%;bottom:20%}.moto-line{position:absolute;left:48%;top:10%;width:4px;height:80%;background:#14377d;opacity:.18}.moto-wheel{left:38%;width:52px;height:52px}.moto-wheel-front{top:5%}.moto-wheel-rear{bottom:5%}.moto-seat{position:absolute;left:35%;top:38%;width:30%;height:24%;border:4px solid #14377d;border-radius:24px;opacity:.2}.damage-zone{position:absolute;z-index:2;border:1px solid rgba(20,55,125,.45);border-radius:12px;background:#14377d0a;color:#14377d;cursor:pointer;font-size:11px;font-weight:800;padding:3px}.damage-zone:hover{background:#14377d1f}.damage-zone-scratch{background:#f4b400a6;border-color:#c58b00}.damage-zone-break{background:#d93025b8;border-color:#a50f08;color:#fff}.disclaimer-check{border:1px solid #c7d7f1;border-radius:12px;padding:12px;background:#f7faff}.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.credential-card{border:1px solid #c7d7f1;border-radius:12px;padding:12px;background:#fbfdff}.credential-card legend{padding:0 6px;color:#14377d;font-weight:800}.search-select-group{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center}.icon-button{min-height:44px;padding:0;font-size:28px;line-height:1}label{display:grid;gap:8px;font-size:14px;font-weight:600;color:#133773}input,select,textarea{width:100%;border:none;border-bottom:2px solid #a7bee5;background:#fff;padding:10px 2px;color:#0d2d66;border-radius:0}input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:#14377d}textarea{margin-top:10px;border:1px solid #c7d7f1;padding:14px}.action-row{display:flex;align-items:center;gap:16px;margin-top:16px}.records-list{display:grid;gap:14px}.record-card{border:1px solid #d5e0f3;background:#fcfdff;padding:16px}.record-headline{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.muted-line,.note-line,.empty-state{color:#4b6798}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:12px 0}.record-grid p,.note-line{margin-bottom:0}.record-grid span{display:block;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6f8ec5}.status-pill{border:1px solid #bad0f3;background:#eef5ff;padding:6px 10px;font-size:12px;font-weight:700;text-transform:uppercase}.status-closed,.status-delivered{background:#e9f3ff}.status-in_transit,.status-pickup,.status-pending_deposit,.status-in_delivery{background:#f2f7ff}.quick-edit-row{display:flex;gap:10px;margin-top:14px}.quick-edit-row select,.quick-edit-row button{flex:1}.error-text{color:#b01919;margin-bottom:0}.success-text{color:#1f6a3a;margin-bottom:0}.action-row{flex-wrap:wrap}.checkbox-cluster{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.checkbox-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #c7d7f1;background:#f7faff;color:#14377d}.checkbox-pill input,.inline-toggle input{width:auto}.inline-toggle{display:inline-flex;align-items:center;gap:10px;margin-top:12px}.status-inactive{background:#f3f5f9;color:#5b6b87}.json-preview{margin-top:14px;border-top:1px solid #d5e0f3;padding-top:12px}.json-preview summary{cursor:pointer;font-weight:700;color:#1b4fa7}.json-preview pre{overflow-x:auto;margin:12px 0 0;padding:14px;background:#f6f9ff;border:1px solid #d9e4f7;color:#284574;font-size:12px}.placeholder-panel{margin-bottom:20px}.driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.driver-card{border:1px solid #d5e0f3;background:#fcfdff;padding:18px}.driver-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.driver-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.driver-status-badge:before{content:"";width:10px;height:10px;border-radius:999px;display:inline-block}.driver-status-badge-green{background:#e8f7ec;color:#1e6e39}.driver-status-badge-green:before{background:#28a745}.driver-status-badge-red{background:#fdecec;color:#982626}.driver-status-badge-red:before{background:#d62f2f}.shift-calendar{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px}.shift-day-card{min-width:140px;border:1px solid #d5e0f3;background:#fcfdff;padding:14px}.shift-day-head{display:grid;gap:8px;margin-bottom:12px}.shift-list{display:grid;gap:8px}.shift-pill{display:inline-flex;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid #c6d6f2;background:#edf4ff;color:#14377d;font-size:13px;font-weight:700}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;min-height:100vh;transform:translate(-100%);transition:transform .18s ease}.sidebar-open{transform:translate(0)}.sidebar-backdrop-visible{display:block;position:fixed;inset:0;background:#04122c6b;z-index:10}.mobile-topbar{display:flex}.sheet-header,.toolbar-row,.grid-layout{grid-template-columns:1fr;flex-direction:column}.protocol-box{min-width:0;width:100%}.grid-layout{display:grid}.field-grid,.record-grid,.driver-grid,.shift-calendar,.landing-hero,.landing-grid,.landing-product-map,.landing-route-list,.tracking-layout{grid-template-columns:1fr}.landing-hero{padding:30px}.landing-nav,.landing-actions,.landing-cta-row{align-items:flex-start;flex-direction:column}.field-span-2{grid-column:auto}.topbar{flex-direction:column;align-items:flex-start}.topbar-meta,.primary-cta{width:100%}.page-shell{padding:16px}}