:root{--app-background-solid:#b9bec4;--app-background:radial-gradient(circle at 12% -8%, #ffffff80, transparent 30rem), radial-gradient(circle at 92% 8%, #0055fd1a, transparent 28rem), linear-gradient(155deg, #c9cdd1 0%, #b9bec4 52%, #adb3ba 100%);--matte-surface-1:#d3d7dbf5;--matte-surface-2:#e2e5e8f7;--matte-surface-3:#eef0f2fa;--matte-surface-raised:#f5f6f7fc;--matte-surface-accent:#d3dcf1f7;--matte-surface-overlay:#e8eaedfa;--text-primary:#171d22;--text-secondary:#3f4a53;--text-tertiary:#505b64;--text-muted:#59646d;--text-on-accent:#f5f7f7;--brand-primary:#0055fd;--brand-primary-strong:#0044cf;--brand-ink:#090b0e;--brand-white:#f7f7f5;--accent:var(--brand-primary);--accent-strong:var(--brand-primary-strong);--accent-soft:#0055fd26;--accent-muted:#496cae;--action-fill:var(--brand-primary);--action-fill-hover:var(--brand-primary-strong);--success:#207b5a;--success-soft:#207b5a2b;--warning:#9c6715;--warning-soft:#9c67152e;--danger:#ad414c;--danger-soft:#ad414c29;--matte-border:#26323b1c;--matte-border-strong:#26323b2b;--matte-divider:#26323b1a;--matte-edge-highlight:#ffffff80;--scrim:#181d216b;--shadow-surface-1:0 18px 48px #303b431a;--shadow-surface-2:0 12px 32px #303b431a;--shadow-raised:0 24px 70px #2932392e;--shadow-pressed:0 7px 18px #303b4317;--edge-light:inset 0 1px 0 var(--matte-edge-highlight);--blur-low:8px;--blur-medium:14px;--blur-navigation:18px;--blur-overlay:16px;--radius-xs:.75rem;--radius-sm:.95rem;--radius-md:1.2rem;--radius-lg:1.5rem;--radius-xl:1.85rem;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--motion-fast:.14s;--motion-base:.22s;--motion-slow:.32s;--ease-material:cubic-bezier(.22, 1, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--floating-bottom-nav-height:4.15rem;--floating-bottom-clearance:calc(var(--floating-bottom-nav-height) + max(.75rem, var(--safe-bottom)) + 1.25rem);--bg:var(--app-background-solid);--surface:var(--matte-surface-2);--surface-soft:var(--matte-surface-3);--surface-blue:var(--matte-surface-accent);--text:var(--text-primary);--muted:var(--text-muted);--blue:var(--accent);--blue-strong:var(--accent-strong);--blue-soft:var(--accent-soft);--green:var(--success);--green-soft:var(--success-soft);--amber:var(--warning);--amber-soft:var(--warning-soft);--red:var(--danger);--red-soft:var(--danger-soft);--border:var(--matte-border);--shadow:var(--shadow-surface-1), var(--edge-light);--shadow-soft:var(--shadow-surface-2), var(--edge-light);--brand:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--app-background-solid:#0d0f12;--app-background:radial-gradient(circle at 12% -10%, #0055fd24, transparent 30rem), radial-gradient(circle at 92% 8%, #2d395433, transparent 28rem), linear-gradient(155deg, #171a1e 0%, #0d0f12 56%, #08090b 100%);--matte-surface-1:#191c20f5;--matte-surface-2:#202429f7;--matte-surface-3:#2a2f35fa;--matte-surface-raised:#31373efc;--matte-surface-accent:#19233af7;--matte-surface-overlay:#23272dfc;--text-primary:#f5f4ef;--text-secondary:#d2d7d9;--text-tertiary:#b4bdc1;--text-muted:#a8b2b8;--text-on-accent:#f6f8f7;--brand-primary:#0055fd;--brand-primary-strong:#6f94ff;--accent:#6f94ff;--accent-strong:#90aaff;--accent-soft:#0055fd3b;--accent-muted:#8195c7;--action-fill:var(--brand-primary);--action-fill-hover:#174fc7;--success:#5fc99a;--success-soft:#5fc99a33;--warning:#e3ad52;--warning-soft:#e3ad5233;--danger:#e9767e;--danger-soft:#e9767e30;--matte-border:#a3cde21a;--matte-border-strong:#acd6eb2e;--matte-divider:#a3cde217;--matte-edge-highlight:#cae7f417;--scrim:#0204059e;--shadow-surface-1:0 20px 56px #00000047;--shadow-surface-2:0 12px 34px #0000003d;--shadow-raised:0 28px 86px #0000006b;--shadow-pressed:0 7px 20px #00000038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;min-height:100%;overflow-x:clip}body{background:var(--bg);width:100%;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans Arabic,Segoe UI,Tahoma,system-ui,sans-serif;overflow-x:clip}a{color:inherit}button,input,select,textarea{font:inherit}@media (max-width:44rem){input,select,textarea{font-size:max(1rem,16px)}}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:3px}h1,h2,h3,p{margin-top:0}.app-shell{width:min(100%,76rem);min-height:100vh;padding:var(--safe-top) clamp(.7rem, 2.25vw, 1.2rem) var(--floating-bottom-clearance);margin:0 auto}.page-header{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.8rem;display:grid;position:relative}.page-heading,[dir=rtl] .page-heading{justify-self:start}.page-heading p,.section-title p,.feature-hero p,.card-title p,.status-hero p{color:var(--blue);letter-spacing:.08em;margin:0 0 .25rem;font-size:.72rem;font-weight:800}.page-heading h1{margin:0;font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.2}.brand-logo{flex:none;place-items:center;line-height:0;display:grid}.brand-logo-image{object-fit:contain;grid-area:1/1;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.brand-logo-dark,:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}.page-brand-symbol{width:4rem;height:4rem}.auth-brand-logo{width:min(12rem,54vw);height:9rem;margin:0 auto .75rem}.icon-button{border:1px solid var(--border);background:var(--surface);width:3.1rem;height:3.1rem;color:var(--text);box-shadow:var(--shadow-soft);border-radius:1rem;justify-self:end;place-items:center;padding:0;display:inline-grid}.app-main{padding-block:.85rem;display:block}.bottom-nav{bottom:max(.75rem, var(--safe-bottom));z-index:20;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.65rem;grid-template-columns:repeat(5,1fr);width:min(100% - 1.25rem,58rem);padding:.4rem;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #2c4e6e29}.bottom-nav a{min-width:0;min-height:3.25rem;color:var(--muted);border-radius:1.15rem;align-content:center;place-items:center;gap:.2rem;font-size:.82rem;font-weight:700;text-decoration:none;display:grid}.bottom-nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue)}.dashboard-stack,.maintenance-page,.users-page,.settings-page,.detail-content,.maintenance-detail{gap:.85rem;display:grid}.status-hero{color:#fff;min-height:8.75rem;box-shadow:var(--shadow);background:linear-gradient(120deg,#2d9df6,#0870cd);border-radius:1.8rem;grid-template-columns:1fr auto;align-items:center;padding:clamp(1rem,2.5vw,1.45rem);display:grid;position:relative;overflow:hidden}.status-hero:after{content:"";background:#ffffff14;border-radius:50%;width:20rem;height:20rem;position:absolute;inset:-60% auto auto -7%}.status-hero p{color:#cce9ff}.status-hero h2{margin:0 0 .4rem;font-size:clamp(1.35rem,2.7vw,1.7rem)}.sync-line{color:#d9efff;align-items:center;gap:.45rem;font-size:.92rem;display:flex}.sync-line i{background:#2ed289;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 5px #2ed2891f}.sync-orbit{z-index:1;background:#ffffff14;border:.5rem solid #ffffff3b;border-radius:50%;place-content:center;justify-items:center;width:4.8rem;height:4.8rem;display:grid}.sync-orbit strong{font-size:1.3rem}.sync-orbit span{font-size:.7rem}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.kpi-grid-three{grid-template-columns:repeat(3,1fr)}.kpi-card{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:6.2rem;box-shadow:var(--shadow-soft);text-align:center;border-radius:1.45rem;place-content:center;justify-items:center;gap:.35rem;padding:.75rem;display:grid}.kpi-card strong{font-variant-numeric:tabular-nums;font-size:1.55rem}.kpi-card span:last-child{color:var(--muted);font-size:.88rem}.icon-tile{background:var(--blue-soft);width:2.65rem;height:2.65rem;color:var(--blue);border-radius:1rem;flex:none;place-items:center;padding:0;line-height:1;display:inline-grid}.icon-tile>svg{margin:0;display:block}.icon-green{background:var(--green-soft);color:var(--green)}.icon-amber{background:var(--amber-soft);color:var(--amber)}.icon-red{background:var(--red-soft);color:var(--red)}.icon-neutral{background:var(--surface-soft);color:var(--muted)}.maintenance-banner{background:color-mix(in srgb, var(--amber-soft) 64%, var(--surface));border:1px solid #f1dfb1;border-radius:1.4rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.8rem 1rem;text-decoration:none;display:grid}.maintenance-banner strong{margin-bottom:.25rem;display:block}.maintenance-banner span{color:var(--muted);font-size:.86rem}.section-title{justify-content:space-between;align-items:end;gap:1rem;margin:.2rem 0 .55rem;display:flex}.section-title h2{margin:0;font-size:1.5rem}.text-link{color:var(--blue);font-size:.83rem;font-weight:800;text-decoration:none}.button-link{background:0 0;border:0;padding:.65rem 0}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.fleet-vehicle-card{border:1px solid var(--border);background:var(--surface);min-height:11.25rem;box-shadow:var(--shadow-soft);border-radius:1.6rem;grid-template-rows:1fr auto;grid-template-columns:1.15fr 1fr;text-decoration:none;display:grid;position:relative;overflow:hidden}.fleet-vehicle-card:after{top:-4rem;background:var(--surface-blue);content:"";border-radius:50%;width:11rem;height:11rem;position:absolute;inset-inline-end:-3rem}.vehicle-artwork{z-index:2;align-self:center;min-height:7.1rem;position:relative}.vehicle-artwork img{object-fit:contain;filter:drop-shadow(0 12px 12px #253d5224)}.vehicle-artwork-fallback{color:var(--muted);place-items:center;display:grid}.vehicle-card-copy{z-index:2;align-self:center;padding:2.45rem .8rem .7rem}.vehicle-card-copy h3{margin:0 0 .3rem;font-size:1.08rem}.vehicle-card-copy p{color:var(--muted);margin:0;font-size:.9rem}.status-badge{z-index:3;background:var(--surface-soft);width:max-content;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.fleet-vehicle-card>.status-badge{top:.7rem;position:absolute;inset-inline-end:.7rem}.status-online,.status-moving{background:var(--green-soft);color:var(--green)}.status-stale{background:var(--amber-soft);color:#b17700}.status-offline{background:var(--red-soft);color:var(--red)}.card-arrow{top:.7rem;z-index:3;color:var(--muted);position:absolute;inset-inline-start:.7rem}.vehicle-card-foot{z-index:3;border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:.7rem;margin:0 .8rem;padding:.65rem 0 .75rem;font-size:.8rem;display:flex}.vehicle-card-foot span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35rem;min-width:0;display:inline-flex;overflow:hidden}.vehicle-card-foot svg{color:var(--blue)}.empty-state{border:1px dashed var(--border);background:var(--surface);min-height:8.5rem;color:var(--muted);text-align:center;border-radius:1.4rem;place-content:center;justify-items:center;gap:.5rem;padding:1.3rem;display:grid}.empty-state strong{color:var(--text)}.empty-state p{max-width:34rem;margin:0;font-size:.8rem}.compact-list,.event-list,.trip-list,.schedule-list,.document-list{gap:.75rem;display:grid}.compact-list article,.event-list article,.schedule-list article,.document-list article{border:1px solid var(--border);background:var(--surface);border-radius:1.15rem;align-items:center;gap:.8rem;padding:.9rem 1rem;display:flex}.compact-list article div,.event-list article div,.schedule-list article div,.document-list article div{flex:1;min-width:0;display:grid}.compact-list span,.event-list span,.schedule-list span,.document-list span,.document-list small{color:var(--muted);font-size:.73rem}.document-list article>.status-badge{margin-inline-start:auto}.document-list small{display:block}.loading-block,.error-state{background:var(--surface);min-height:16rem;color:var(--muted);border-radius:1.5rem;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-field{border:1px solid var(--border);background:var(--surface);min-height:4rem;color:var(--muted);border-radius:1.4rem;align-items:center;gap:.75rem;padding:0 1.1rem;display:flex}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.vehicle-list-page .vehicle-grid{margin-top:1rem}.feature-hero{border:1px solid var(--border);background:radial-gradient(circle at 0 0, var(--blue-soft) 0 18%, transparent 18%), var(--surface);border-radius:1.8rem;align-items:center;gap:1rem;min-height:9.5rem;padding:1.5rem;display:flex;overflow:hidden}.feature-hero h2{margin:0 0 .3rem;font-size:1.7rem}.feature-hero span{color:var(--muted)}.primary-compact,button:not(.icon-button):not(.secondary-button):not(.text-link):not(.danger-button):not(.modal-close):not(.behavior-stat):not(.hero-fuel-indicator){background:var(--blue);color:#fff;border:0;border-radius:.85rem;justify-content:center;align-items:center;gap:.4rem;min-height:2.8rem;padding:.65rem 1rem;font-weight:800;display:inline-flex}.secondary-button{border:1px solid var(--border);background:var(--surface);min-height:2.7rem;color:var(--text);border-radius:.85rem;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .95rem;font-weight:750;display:inline-flex}.danger-button{background:var(--red-soft);min-height:2.7rem;color:var(--red);border:1px solid #ffcdd2;border-radius:.85rem;align-items:center;gap:.45rem;padding:.6rem .95rem;font-weight:800;display:inline-flex}.user-card{border:1px solid var(--border);background:var(--surface);border-radius:1.35rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1rem;display:grid}.user-avatar{background:var(--blue);color:#fff;border-radius:1rem;place-items:center;width:3.2rem;height:3.2rem;font-size:1.2rem;font-weight:900;display:grid}.user-card div{gap:.15rem;min-width:0;display:grid}.user-card div span,.user-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.user-list,.audit-list{gap:.75rem;display:grid}.user-card-main{white-space:normal}.user-card-main>p{color:var(--muted);margin:.25rem 0 0;font-size:.76rem}.user-title-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex!important}.user-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem!important;display:flex!important}.assignment-editor{border:1px solid var(--border);background:var(--surface-soft);border-radius:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem;padding:.75rem;gap:.45rem!important;display:grid!important}.assignment-editor>strong,.assignment-editor>button{grid-column:1/-1}.assignment-editor label,.driver-form fieldset label,.check-label{align-items:center;gap:.5rem;display:flex!important}.assignment-editor input,.driver-form fieldset input,.check-label input{width:auto;min-height:auto}.audit-list article{border:1px solid var(--border);background:var(--surface);border-radius:1rem;align-items:center;gap:.7rem;padding:.85rem 1rem;display:flex}.audit-list article div{gap:.15rem;display:grid}.audit-list span{color:var(--muted);font-size:.72rem}.driver-form,.document-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.document-form h2,.document-form .form-wide,.document-form>button:last-child{grid-column:1/-1}.document-form label{color:var(--muted);gap:.35rem;font-size:.76rem;display:grid}.documents-section{gap:.8rem;display:grid}.driver-form h2,.driver-form fieldset,.driver-form .form-wide,.driver-form>button:last-child{grid-column:1/-1}.driver-form label{gap:.35rem;display:grid}.driver-form fieldset{border:1px solid var(--border);border-radius:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem;display:grid}.operations-card{border:1px solid var(--border);background:var(--surface);border-radius:1.35rem;gap:.9rem;padding:1rem;display:grid}.operation-tabs{background:var(--surface-soft);border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.3rem;display:grid}.operation-tabs button{min-height:2.65rem;color:var(--muted);background:0 0;border:0;border-radius:.75rem;font-weight:750}.operation-tabs button[aria-pressed=true]{background:var(--surface);color:var(--blue);box-shadow:var(--shadow-soft)}.operation-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.operation-form label{color:var(--muted);gap:.35rem;font-size:.9rem;display:grid}.operation-form label small,.form-help{color:var(--muted);margin:0;font-size:.82rem;line-height:1.6}.operation-form .form-wide{grid-column:1/-1}.operation-form button,.primary-map-link{background:var(--blue);color:#fff;border:0;border-radius:.85rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.9rem;font-weight:800;text-decoration:none;display:inline-flex}.notice-card{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:1.2rem;align-items:flex-start;gap:.7rem;padding:1rem;display:flex}.notice-card p{margin:0;font-size:.8rem;line-height:1.7}.settings-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:1.45rem;align-items:flex-start;gap:1rem;padding:1.2rem;display:flex}.settings-card h2{margin:0 0 .3rem;font-size:1.05rem}.settings-card p{color:var(--muted);margin:0 0 .8rem;font-size:.78rem;line-height:1.6}.settings-grow,.sync-card>div{flex:1;min-width:0}.metadata-pills{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.metadata-pills span{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:.3rem .55rem;font-size:.68rem}.segmented-control{flex-wrap:wrap;gap:.45rem;display:flex}.segmented-control button{border:1px solid var(--border)!important;background:var(--surface)!important;min-height:2.6rem!important;color:var(--muted)!important}.segmented-control button[aria-pressed=true]{border-color:color-mix(in srgb, var(--blue) 35%, var(--border))!important;background:var(--blue-soft)!important;color:var(--blue)!important}.credentials-form{grid-template-columns:repeat(2,1fr);display:grid}.credentials-form label,.form-card label{color:var(--muted);gap:.4rem;font-size:.76rem;display:grid}input,select,textarea{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:2.8rem;color:var(--text);border-radius:.85rem;padding:.6rem .75rem}textarea{resize:vertical;min-height:5rem}.credentials-form button,.credentials-form p{grid-column:1/-1}.form-card{border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;gap:.8rem;padding:1rem;display:grid}.forms-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.maintenance-section{gap:.8rem;display:grid}.schedule-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.schedule-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:1rem;padding:.8rem}.schedule-card p{margin:0;font-weight:800}.schedule-card small{color:var(--muted)}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1f3259;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,45rem);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 2rem);border:1px solid var(--border);background:var(--surface);border-radius:1.6rem;padding:1.2rem;scroll-padding-block:1rem;position:relative;overflow:auto;box-shadow:0 28px 90px #0c1f3242}fieldset[data-required=true]>legend:after{color:#ff6675;content:"*";margin-inline-start:.28rem;font-weight:900}label:has(>input[required],>select[required],>textarea[required])>:first-child:not(input,select,textarea):after{color:#ff6675;content:"*";margin-inline-start:.28rem;font-weight:900}label:has(.datetime-control>input[required])>:first-child:after{color:#ff6675;content:"*";margin-inline-start:.28rem;font-weight:900}:is(input,select,textarea)[aria-invalid=true],fieldset[data-invalid=true]{border-color:#ff5265!important;box-shadow:0 0 0 3px #ff526524!important}.field-error{color:#ff7180;margin:.12rem 0 0;font-size:.74rem;font-weight:700;line-height:1.45;display:block}.modal-close{z-index:2;position:sticky;top:0}.detail-shell{background:var(--bg);width:min(100%,76rem);min-height:100vh;margin:0 auto}.detail-header{min-height:5.6rem;padding:var(--safe-top) clamp(.8rem, 3vw, 1.5rem) 0;border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;display:grid}.detail-header div p{color:var(--blue);margin:0 0 .2rem;font-size:.72rem;font-weight:800}.detail-header h1{margin:0;font-size:1.35rem}.detail-main{padding:1.3rem clamp(.8rem,3vw,1.5rem) 3rem}.vehicle-hero{background:color-mix(in srgb, var(--surface-blue) 50%, var(--surface));border:1px solid #d9ebfa;border-radius:1.8rem;grid-template-columns:1fr 1fr;align-items:center;min-height:15rem;padding:1.2rem;display:grid}.vehicle-hero .vehicle-artwork{min-height:12rem}.vehicle-hero>div:last-child{justify-items:start;display:grid}.vehicle-hero h2{margin:.6rem 0 .2rem;font-size:1.3rem}.vehicle-hero p,.vehicle-hero small{color:var(--muted);margin:0;font-size:.76rem}.vehicle-hero strong{margin-top:1.6rem;font-size:1.65rem}.period-switch{background:#eaf0f5;border-radius:1.15rem;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.8rem;padding:.35rem;display:grid}.custom-range-label{color:var(--muted);text-align:center;margin:-.35rem 0 .8rem;font-size:.78rem}.date-range-backdrop{z-index:1000;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:#05080c8c;place-items:end center;display:grid;position:fixed;inset:0}.date-range-dialog{border:1px solid var(--border);background:var(--surface);width:min(100%,32rem);box-shadow:var(--shadow-soft);border-radius:1.4rem;padding:1.1rem}.date-range-dialog h2{margin:0 0 1rem}.date-range-dialog label{gap:.4rem;margin-top:.8rem;display:grid}.date-range-dialog input{width:100%;min-height:3rem}.date-range-actions{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.date-range-error{color:var(--danger);font-size:.8rem}:root[data-theme=dark] .period-switch{background:var(--surface-soft)}.period-switch button{min-height:3.2rem!important;color:var(--muted)!important;background:0 0!important;border:0!important;border-radius:.9rem!important}.period-switch button[aria-pressed=true]{box-shadow:var(--shadow-soft);background:var(--surface)!important;color:var(--blue)!important}.detail-tabs{scrollbar-width:none;gap:.5rem;margin:1rem 0;display:flex;overflow-x:auto}.detail-tabs button{flex:none;border:1px solid var(--border)!important;background:var(--surface)!important;min-height:2.7rem!important;color:var(--muted)!important;border-radius:999px!important;padding:.55rem 1.1rem!important}.detail-tabs button[aria-pressed=true]{color:var(--blue)!important;border-color:#cce6fb!important}.score-card{background:var(--surface);min-height:8rem;box-shadow:var(--shadow-soft);border-radius:1.4rem;padding:1.3rem;position:relative;overflow:hidden}.score-card p{color:var(--blue);margin:0;font-size:.72rem;font-weight:800}.score-card h2{margin:.35rem 0 .15rem}.score-card span{color:var(--muted);font-size:.75rem}.score-card:after{background:var(--border);content:"";border-radius:999px;height:.5rem;position:absolute;bottom:1.2rem;left:1.3rem;right:1.3rem}.score-card i{z-index:1;background:var(--blue);border-radius:999px;height:.5rem;position:absolute;bottom:1.2rem;right:1.3rem}.detail-metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.detail-metric{border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;align-items:center;gap:.7rem;min-width:0;padding:.9rem;display:flex}.detail-metric-link{width:100%;color:inherit;cursor:pointer;text-align:inherit;appearance:none;font:inherit;background:var(--surface)}.detail-metric-link:hover,.detail-metric-link:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 15%, transparent)}.fuel-stat-grid .detail-metric-link{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}.detail-metric>div{flex:1;min-width:0;display:grid}.detail-metric span{color:var(--muted);font-size:.7rem}.detail-metric strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.detail-metric small{color:var(--muted);font-size:.72rem;font-weight:700}.metric-comparison{direction:ltr;flex:none;align-items:center;gap:.22rem;font-size:1rem;font-weight:900;line-height:1;display:inline-flex}.metric-comparison svg{stroke-width:3px;width:1.05rem;height:1.05rem}.detail-metric .metric-comparison-up{color:#ef5367}.detail-metric .metric-comparison-down{color:#31c98b}.detail-metric .metric-comparison-new{color:var(--accent)}.fuel-card,.oil-card,.spec-card,.location-card{background:color-mix(in srgb, var(--surface-blue) 35%, var(--surface));border:1px solid #cfe8fb;border-radius:1.65rem;padding:1.2rem}.oil-card{background:color-mix(in srgb, var(--amber-soft) 22%, var(--surface));border-color:#f1dfb1}.card-title{align-items:center;gap:.8rem;display:flex}.card-title>div{flex:1}.card-title h2{margin:0;font-size:1.25rem}.fuel-gauge{justify-items:center;width:min(100%,23rem);margin:1.15rem auto 1rem;display:grid}.fuel-gauge-svg{width:min(100%,23rem);max-width:100%;overflow:visible}.fuel-gauge-svg .gauge-scale-base,.fuel-gauge-svg .gauge-scale,.fuel-gauge-svg .gauge-reserve{fill:none;stroke-linecap:round}.fuel-gauge-svg .gauge-scale-base{stroke:color-mix(in srgb, var(--border) 72%, #020617);stroke-width:7px}.fuel-gauge-svg .gauge-scale{stroke:#4cc9f0;stroke-width:3.5px;filter:drop-shadow(0 0 3px #4cc9f047)}.fuel-gauge-svg .gauge-reserve{stroke:#f43f5e;stroke-width:5px;filter:drop-shadow(0 0 3px #f43f5e52)}.gauge-empty .fuel-gauge-svg .gauge-scale,.gauge-empty .fuel-gauge-svg .gauge-reserve,.gauge-empty .fuel-gauge-svg .gauge-tick{opacity:.18}.gauge-tick{stroke:color-mix(in srgb, var(--text) 48%, transparent);stroke-linecap:round;stroke-width:1.8px}.gauge-tick-major{stroke:color-mix(in srgb, var(--text) 82%, transparent);stroke-width:4px}.gauge-tick-reserve{stroke:#f43f5e}.gauge-tick-full{stroke:#4cc9f0}.gauge-needle-body{fill:url(#fuel-gauge-needle-metal);stroke:#334155;stroke-width:1.4px;stroke-linejoin:round;transition:points .25s}.gauge-needle-light{stroke:#67e8f9;stroke-linecap:round;stroke-width:2.2px;transition:x2 .25s,y2 .25s}.gauge-hub-outer{fill:#b9c1ca;stroke:#475569;stroke-width:2.5px;filter:drop-shadow(0 4px 4px #02061794)}.gauge-hub-ring{fill:#171f2b;stroke:#eef2f7;stroke-width:3.2px}.gauge-hub{fill:url(#fuel-gauge-hub);stroke:#05080d;stroke-width:2px}.gauge-hub-shine{fill:#ffffff61}.fuel-gauge-svg .gauge-label{fill:color-mix(in srgb, var(--text) 92%, var(--muted));text-anchor:middle;font-size:1rem;font-weight:900}.fuel-gauge-svg .gauge-label-empty{fill:#fb7185}.fuel-gauge-svg .gauge-label-full{fill:#67e8f9}.fuel-gauge-reading{color:#4cc9f0;justify-content:center;align-items:center;gap:.45rem;margin-top:.45rem;display:flex}.fuel-gauge-reading strong{color:inherit;text-shadow:0 2px 12px #4cc9f02e;font-size:clamp(1.85rem,4vw,2.25rem);line-height:1}.fuel-gauge-reading svg{width:1.55rem;height:1.55rem}.gauge-empty .fuel-gauge-reading{color:var(--muted)}.fuel-gauge p{color:var(--muted);text-align:center;margin:0;font-size:.72rem}.fuel-stat-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.fuel-detail-page{gap:1rem;display:grid}.fuel-detail-total,.fuel-trip-list article{border:1px solid var(--border);background:var(--surface);border-radius:1.25rem}.fuel-detail-total{gap:.4rem;padding:1.25rem;display:grid}.fuel-detail-total strong{color:var(--blue);font-size:1.75rem}.fuel-detail-total span,.fuel-trip-list>p,.fuel-trip-list article span{color:var(--muted)}.fuel-trip-list{gap:.65rem;display:grid}.fuel-trip-list article{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.fuel-trip-list article div{gap:.25rem;display:grid}.idle-session-list article span{align-items:center;gap:.35rem;display:inline-flex}.idle-session-list article a{color:var(--blue);white-space:nowrap;font-weight:800}.fuel-trip-list article b{color:var(--blue);white-space:nowrap}.fuel-fillup-evidence{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--brand) 12%);border-radius:18px;gap:.3rem;margin:.9rem 0;padding:.85rem 1rem;display:grid}.fuel-fillup-evidence span,.fuel-fillup-evidence small{color:var(--muted)}.oil-progress{gap:.5rem;padding:1rem;display:grid}.oil-progress strong{font-size:1.8rem}.oil-progress span,.oil-progress small{color:var(--muted)}.oil-progress i{background:var(--amber-soft);border-radius:999px;height:.55rem;overflow:hidden}.oil-progress b{border-radius:inherit;background:var(--amber);height:100%;display:block}.quality-strip{border:1px solid var(--border);background:var(--surface);border-radius:1.1rem;align-items:center;gap:.8rem;padding:.9rem 1rem;display:flex}.quality-strip svg{color:var(--blue)}.quality-strip div{display:grid}.quality-strip span{color:var(--muted);font-size:.7rem}.event-list article>.status-badge{margin-inline-start:auto}.trip-list article{border:1px solid var(--border);background:var(--surface);border-radius:1.2rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.trip-index{background:var(--blue-soft);width:2.4rem;height:2.4rem;color:var(--blue);border-radius:50%;place-items:center;font-weight:800;display:grid}.trip-list article>div{display:grid}.trip-list article>div span{color:var(--muted);font-size:.7rem}.trip-list article>div:last-child{color:var(--muted);grid-template-columns:auto auto;align-items:center;gap:.3rem .5rem;font-size:.72rem}.spec-card dl{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0 0;display:grid}.spec-card dl div{background:var(--surface);border-radius:.85rem;padding:.75rem}.spec-card dt{color:var(--muted);font-size:.68rem}.spec-card dd{margin:.2rem 0 0;font-weight:800}.map-placeholder{background:repeating-linear-gradient(45deg, var(--surface-soft), var(--surface-soft) 20px, var(--surface-blue) 20px, var(--surface-blue) 40px);min-height:14rem;color:var(--blue);text-align:center;border-radius:1.2rem;place-content:center;justify-items:center;gap:.6rem;display:grid}.location-card>div:last-child{margin-top:1rem}.location-card h2{margin:.5rem 0 .2rem}.location-card p{color:var(--muted)}.auth-page{background:linear-gradient(145deg, var(--surface-blue), var(--bg));place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-panel{border:1px solid var(--border);background:var(--surface);width:min(100%,28rem);box-shadow:var(--shadow);border-radius:1.6rem;padding:1.5rem}.auth-panel h1{margin-bottom:.5rem;font-size:2rem}.auth-panel .hero-copy{color:var(--muted)}.login-form{margin-top:1.2rem}.form-error,.inline-message{background:var(--red-soft);color:var(--red);border-radius:.8rem;padding:.7rem}.check-label{align-items:center;grid-template-columns:auto 1fr!important}.check-label input{width:1rem;min-height:1rem}.update-banner{top:max(1rem, var(--safe-top));z-index:100;border:1px solid var(--border);background:var(--surface);width:min(100% - 2rem,36rem);box-shadow:var(--shadow);border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.locale-link{color:var(--blue);margin-top:1rem;font-weight:800;display:inline-block}.observed-at,.period-label,.timeline-list p,.timeline-list small{color:var(--muted);font-size:.76rem}.timeline-list{gap:.7rem;padding:0;list-style:none;display:grid}.timeline-list li{gap:.6rem;display:flex}.timeline-dot{background:var(--blue);border-radius:50%;width:.65rem;height:.65rem;margin-top:.3rem}@media (max-width:44rem){.app-shell{padding-inline:.65rem}.page-header{min-height:4.45rem}.page-brand-symbol{width:3.5rem;height:3.5rem}.icon-button{width:2.7rem;height:2.7rem}.status-hero{min-height:7.75rem}.sync-orbit{width:4.25rem;height:4.25rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid-three{grid-template-columns:repeat(3,1fr)}.kpi-grid-three .kpi-card{min-height:7rem;padding:.65rem}.kpi-grid-three .icon-tile{width:2.5rem;height:2.5rem}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-vehicle-card{min-height:10.25rem}.bottom-nav{bottom:max(.35rem, var(--safe-bottom));border-radius:1.3rem;width:calc(100% - .7rem);padding:.35rem}.bottom-nav a{gap:.15rem;min-height:3.1rem;font-size:.8rem}.feature-hero{min-height:8rem;padding:1rem}.feature-hero h2{font-size:1.4rem}.settings-card{padding:1rem}.credentials-form,.forms-grid{grid-template-columns:1fr}.credentials-form button,.credentials-form p{grid-column:auto}.detail-main{padding-inline:.7rem}.detail-header{min-height:5rem;padding-inline:.7rem}.vehicle-hero{grid-template-columns:46% 54%;min-height:12rem;padding:.7rem}.vehicle-hero .vehicle-artwork{min-height:8.5rem}.vehicle-hero strong{margin-top:1rem;font-size:1.2rem}.detail-metrics,.fuel-stat-grid{grid-template-columns:1fr}.detail-metric{min-height:4.8rem}.spec-card dl{grid-template-columns:1fr 1fr}.trip-list article{grid-template-columns:auto 1fr}.trip-list article>div:last-child{grid-column:2}.fuel-card,.oil-card,.spec-card,.location-card{padding:.9rem}.fuel-gauge-svg{width:12rem}.user-card{grid-template-columns:auto 1fr}.user-actions{grid-column:1/-1}.driver-form,.driver-form fieldset,.operation-form,.document-form{grid-template-columns:1fr}.driver-form h2,.driver-form fieldset,.driver-form>button:last-child,.operation-form .form-wide,.document-form h2,.document-form .form-wide,.document-form>button:last-child{grid-column:auto}}@media (max-width:25rem){.page-heading h1{font-size:1.2rem}.page-heading p{font-size:.7rem}.status-hero{grid-template-columns:minmax(0,1fr) auto}.sync-orbit{border-width:.4rem;width:3.75rem;height:3.75rem;display:grid}.sync-orbit strong{font-size:1.05rem}.sync-orbit span{font-size:.6rem}.bottom-nav a{font-size:.74rem}.bottom-nav svg{width:20px}.kpi-grid-three{grid-template-columns:1fr}.fleet-vehicle-card{min-height:9.6rem}.vehicle-card-copy{padding-inline:.55rem}.vehicle-card-copy h3{font-size:.94rem}.vehicle-card-copy p,.vehicle-card-foot{font-size:.72rem}.vehicle-hero{grid-template-columns:1fr}.vehicle-hero .vehicle-artwork{min-height:7rem}.spec-card dl{grid-template-columns:1fr}}@media (min-width:64rem){.app-main,.detail-main{padding-bottom:4rem}.status-hero{min-height:12rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
html{background:var(--app-background-solid)}body{background-color:var(--app-background-solid);background-image:var(--app-background);color:var(--text-primary);transition:background-color var(--motion-slow) var(--ease-material), color var(--motion-base) var(--ease-material);background-attachment:fixed;line-height:1.5}::selection{background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--text-primary)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,input,select,textarea,.kpi-card,.fleet-vehicle-card,.detail-metric,.settings-card{transition:color var(--motion-fast) ease, background-color var(--motion-base) var(--ease-material), border-color var(--motion-base) var(--ease-material), box-shadow var(--motion-base) var(--ease-material), transform var(--motion-fast) var(--ease-material)}h1,h2,h3,strong{color:var(--text-primary)}.page-heading p,.section-title p,.feature-hero p,.card-title p,.status-hero p,.eyebrow{color:var(--accent);letter-spacing:.055em;font-weight:760}[dir=rtl] :is(.page-heading p,.section-title p,.feature-hero p,.card-title p,.status-hero p,.eyebrow){letter-spacing:0}.page-heading h1,.detail-header h1{letter-spacing:-.025em;font-weight:780}[dir=rtl] :is(.page-heading h1,.detail-header h1){letter-spacing:0}.app-shell,.detail-shell{background:0 0}.app-shell{width:min(100%,80rem);padding-inline:clamp(.75rem,2.5vw,1.5rem)}.app-main{padding-block:1rem 1.5rem}.dashboard-stack,.maintenance-page,.users-page,.settings-page,.detail-content,.maintenance-detail{gap:clamp(.9rem,2vw,1.2rem)}.page-header{z-index:30;background:color-mix(in srgb, var(--matte-surface-1) 90%, transparent);min-height:5.1rem;box-shadow:0 1px 0 var(--matte-divider);-webkit-backdrop-filter:blur(var(--blur-medium)) saturate(.82);backdrop-filter:blur(var(--blur-medium)) saturate(.82);border:0;margin-inline:-.4rem;padding-inline:.4rem;position:sticky;top:0}.detail-header{z-index:30;min-height:calc(5.2rem + var(--safe-top));padding:var(--safe-top) clamp(.8rem, 3vw, 1.5rem) 0;background:color-mix(in srgb, var(--matte-surface-1) 92%, transparent);box-shadow:0 1px 0 var(--matte-divider);-webkit-backdrop-filter:blur(var(--blur-medium)) saturate(.82);backdrop-filter:blur(var(--blur-medium)) saturate(.82);border:0;position:sticky;top:0}.icon-button{border:1px solid var(--matte-border);border-radius:var(--radius-sm);background:var(--matte-surface-3);width:3rem;height:3rem;color:var(--text-secondary);box-shadow:var(--shadow-pressed), var(--edge-light)}.bottom-nav{bottom:max(.65rem, var(--safe-bottom));border:1px solid var(--matte-border-strong);background:color-mix(in srgb, var(--matte-surface-overlay) 94%, transparent);width:min(100% - 1.2rem,45rem);box-shadow:var(--shadow-raised), var(--edge-light);-webkit-backdrop-filter:blur(var(--blur-navigation)) saturate(.78);backdrop-filter:blur(var(--blur-navigation)) saturate(.78);border-radius:1.55rem;padding:.4rem}.bottom-nav a{min-height:3.35rem;color:var(--text-muted);border:1px solid #0000;border-radius:1.1rem;font-size:.76rem;font-weight:680}.bottom-nav a[aria-current=page]{border-color:var(--matte-border);background:var(--matte-surface-3);color:var(--accent-strong);box-shadow:var(--shadow-pressed), var(--edge-light)}:is(.status-hero,.feature-hero,.vehicle-hero,.auth-panel,.fuel-card,.oil-card,.spec-card,.location-card){border:1px solid var(--matte-border);background-color:var(--matte-surface-1);box-shadow:var(--shadow-surface-1), var(--edge-light)}.status-hero{border-radius:var(--radius-xl);background-image:radial-gradient(circle at 12% 18%, var(--accent-soft), transparent 42%), linear-gradient(145deg, var(--matte-surface-accent), var(--matte-surface-1));min-height:10.25rem;color:var(--text-primary);grid-template-columns:auto minmax(0,1fr);gap:clamp(.9rem,3vw,1.4rem);padding:clamp(1.15rem,3vw,1.65rem)}.status-hero>div:last-child{min-width:0}.status-hero:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 10%, transparent), transparent 68%);width:18rem;height:18rem;inset:-8rem auto auto -6rem}.status-hero h2{color:var(--text-primary);margin-bottom:.55rem;font-size:clamp(1.45rem,3vw,1.9rem);font-weight:780}.status-hero p,.sync-line{color:var(--text-secondary)}.sync-line{font-size:.88rem;font-weight:620}.sync-line i{background:var(--success);width:.5rem;height:.5rem;box-shadow:none}.sync-orbit{border:.42rem solid var(--accent-soft);background:var(--matte-surface-3);width:5.3rem;height:5.3rem;color:var(--text-primary);box-shadow:var(--shadow-pressed), var(--edge-light)}.sync-orbit strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.sync-orbit span{color:var(--text-secondary)}.feature-hero{border-radius:var(--radius-xl);background-image:radial-gradient(circle at 4% 0%, var(--accent-soft) 0, transparent 34%), linear-gradient(145deg, var(--matte-surface-2), var(--matte-surface-1))}.feature-hero span{color:var(--text-secondary)}.feature-hero h2{font-weight:780}:is(.kpi-card,.fleet-vehicle-card,.settings-card,.user-card,.score-card,.operations-card,.form-card,.modal-card,.loading-block,.error-state,.empty-state,.empty-card,.metric-card,.vehicle-picker-card,.update-banner){border:1px solid var(--matte-border);background:var(--matte-surface-2);box-shadow:var(--shadow-surface-2), var(--edge-light)}.kpi-grid{gap:clamp(.65rem,1.7vw,.9rem)}.kpi-card{border-radius:var(--radius-lg);gap:.45rem;min-height:7rem}.kpi-card strong{color:var(--text-primary);letter-spacing:-.035em;font-size:clamp(1.45rem,3.3vw,1.8rem);font-weight:790}[dir=rtl] .kpi-card strong{letter-spacing:0}.kpi-card span:last-child{color:var(--text-secondary);font-size:.8rem;font-weight:620}.user-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-surface-2), var(--edge-light)}.user-avatar{border:1px solid color-mix(in srgb, var(--action-fill) 65%, var(--matte-border));background:var(--action-fill);color:var(--text-on-accent);box-shadow:inset 0 1px #ffffff24}.icon-tile{border:1px solid var(--matte-border);border-radius:var(--radius-sm);background:var(--accent-soft);width:2.75rem;height:2.75rem;color:var(--accent-strong);box-shadow:var(--edge-light)}.icon-green{background:var(--success-soft);color:var(--success)}.icon-amber{background:var(--warning-soft);color:var(--warning)}.icon-red{background:var(--danger-soft);color:var(--danger)}.icon-neutral{background:var(--matte-surface-3);color:var(--text-tertiary)}.maintenance-banner{border:1px solid color-mix(in srgb, var(--warning) 24%, var(--matte-border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--warning-soft) 45%, var(--matte-surface-2));min-height:4.75rem;box-shadow:var(--shadow-surface-2), var(--edge-light)}.maintenance-banner span{color:var(--text-secondary)}.section-title{margin-block:.45rem .65rem}.section-title h2,.section-heading h2{color:var(--text-primary);letter-spacing:-.025em;font-weight:770}[dir=rtl] :is(.section-title h2,.section-heading h2){letter-spacing:0}.text-link,.button-link,.text-button{color:var(--accent-strong)}.text-link{align-items:center;min-height:2.75rem;padding-inline:.35rem;display:inline-flex}.button-link{padding-block:.55rem}.fleet-vehicle-card{border-radius:var(--radius-xl);min-height:12rem}.fleet-vehicle-card:after{top:-5rem;background:radial-gradient(circle, var(--accent-soft), transparent 70%);width:13rem;height:13rem;inset-inline-end:-4rem}.vehicle-artwork img{filter:drop-shadow(0 14px 16px #1a212629)}:root[data-theme=dark] .vehicle-artwork img{filter:drop-shadow(0 16px 18px #00000061)}.vehicle-card-copy h3{font-weight:760}.vehicle-card-copy p,.vehicle-card-foot{color:var(--text-secondary)}.vehicle-card-foot{border:1px solid var(--matte-border);border-radius:var(--radius-sm);background:var(--matte-surface-3);margin:0 .7rem .7rem;padding:.7rem .75rem}.card-arrow{border:1px solid var(--matte-border);border-radius:var(--radius-pill);background:var(--matte-surface-3);width:1.9rem;height:1.9rem;color:var(--text-secondary);box-shadow:var(--edge-light);padding:.35rem;display:grid}.status-badge{border:1px solid var(--matte-border);background:var(--matte-surface-3);color:var(--text-secondary);font-weight:720}.status-online,.status-moving{border-color:color-mix(in srgb, var(--success) 24%, var(--matte-border));background:var(--success-soft);color:var(--success)}.status-parked{border-color:color-mix(in srgb, var(--text-secondary) 18%, var(--matte-border));background:var(--matte-surface-3);color:var(--text-secondary)}.status-stale{border-color:color-mix(in srgb, var(--warning) 24%, var(--matte-border));background:var(--warning-soft);color:var(--warning)}.status-offline{border-color:color-mix(in srgb, var(--danger) 24%, var(--matte-border));background:var(--danger-soft);color:var(--danger)}:is(.compact-list article,.event-list article,.trip-list article,.schedule-list article,.document-list article,.audit-list article,.detail-metric,.fuel-detail-total,.fuel-trip-list article,.quality-strip,.schedule-card,.assignment-editor,.notice-card,.fuel-fillup-evidence,.spec-card dl div){border:1px solid var(--matte-border);background:var(--matte-surface-3);box-shadow:var(--edge-light)}:is(.compact-list,.event-list,.trip-list,.schedule-list,.document-list,.audit-list){gap:.65rem}:is(.compact-list,.event-list,.schedule-list,.document-list,.audit-list) article{border-radius:var(--radius-md);min-height:4.25rem}:is(.compact-list,.event-list,.schedule-list,.document-list,.audit-list) :is(span,small),.fuel-trip-list :is(span,small),.spec-card dt{color:var(--text-secondary)}.empty-state,.empty-card,.loading-block,.error-state{border-radius:var(--radius-lg);min-height:10rem;color:var(--text-secondary);border-style:solid}.empty-card{text-align:center;place-items:center;min-height:11rem;padding:1.5rem;display:grid}.empty-card p{color:var(--text-secondary);margin:0}.spinner{border-color:var(--matte-border-strong);border-top-color:var(--accent)}.search-field{border:1px solid var(--matte-border);border-radius:var(--radius-lg);background:var(--matte-surface-2);min-height:3.75rem;color:var(--text-secondary);box-shadow:var(--shadow-surface-2), var(--edge-light)}.search-field input{background:0 0;border:0;min-height:2.75rem;padding-inline:.2rem}.vehicle-list-page .search-field input,.vehicle-list-page .search-field input:focus{min-height:0;box-shadow:none;appearance:none;background:0 0;border:0;border-radius:0;padding:0}.vehicle-card-foot .vehicle-card-metric{white-space:normal;grid-template-columns:auto 1fr;gap:.1rem .4rem;display:grid;overflow:visible}.vehicle-card-metric svg{grid-row:1/3;align-self:center}.vehicle-card-metric small{color:var(--text-muted);font-size:.68rem}.vehicle-card-metric strong{color:var(--text-primary);font-size:.8rem}.vehicle-card-fuel i{border-radius:var(--radius-pill);background:var(--matte-surface-1);grid-column:1/-1;width:100%;height:.22rem;display:block;overflow:hidden}.vehicle-card-fuel i b{width:var(--vehicle-fuel-level);border-radius:inherit;background:var(--success);height:100%;display:block}.primary-compact,.primary-button,.operation-form button,.primary-map-link,button:not(.icon-button):not(.secondary-button):not(.text-link):not(.text-button):not(.danger-button):not(.modal-close):not(.behavior-stat):not([aria-pressed]):not(.hero-fuel-indicator){border:1px solid color-mix(in srgb, var(--action-fill) 72%, var(--matte-border));border-radius:var(--radius-sm);background:var(--action-fill);min-height:2.8rem;color:var(--text-on-accent);box-shadow:0 8px 20px color-mix(in srgb, var(--action-fill) 18%, transparent), inset 0 1px 0 #ffffff24;font-weight:740}.secondary-button,.text-button{border:1px solid var(--matte-border-strong);border-radius:var(--radius-sm);background:var(--matte-surface-3);min-height:2.75rem;color:var(--text-primary);box-shadow:var(--edge-light);font-weight:700}.text-button{color:var(--accent-strong);padding:.55rem .8rem}.danger-button{border-color:color-mix(in srgb, var(--danger) 24%, var(--matte-border));border-radius:var(--radius-sm);background:var(--danger-soft);min-height:2.75rem;color:var(--danger)}input,select,textarea{border:1px solid var(--matte-border-strong);border-radius:var(--radius-sm);background:var(--matte-surface-3);min-width:0;max-width:100%;min-height:2.9rem;color:var(--text-primary);box-shadow:inset 0 1px 2px #161c200b, var(--edge-light);caret-color:var(--accent);accent-color:var(--accent-strong);margin-inline:auto;display:block}input[type=date],input[type=datetime-local],input[type=time]{text-align:center;text-align-last:center;direction:ltr;width:100%;min-width:0;max-width:100%}.operation-form>label{box-sizing:border-box;width:100%;min-width:0;padding-inline:.5rem}.operation-form>label:not(.check-label)>:is(input,select,textarea){box-sizing:border-box;width:100%;inline-size:100%;border-radius:var(--radius-sm);-webkit-border-radius:var(--radius-sm);background-clip:padding-box;min-width:0;max-width:100%;margin:0;overflow:hidden}.datetime-control{border:1px solid var(--matte-border-strong);border-radius:var(--radius-sm);background:var(--matte-surface-3);width:100%;min-width:0;min-height:2.9rem;color:var(--text-primary);box-shadow:inset 0 1px 2px #161c200b, var(--edge-light);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative;overflow:hidden}.datetime-control>input[type=datetime-local]{cursor:pointer;opacity:0;width:100%;min-width:0;height:100%;margin:0;position:absolute;inset:0}.datetime-control:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--matte-border));outline:3px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:2px}:is(.form-card,.operation-form,.document-form,.driver-form,.credentials-form,.date-range-dialog) :is(label,fieldset){min-width:0;max-width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.78}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--matte-border));background:var(--matte-surface-raised);box-shadow:0 0 0 3px var(--accent-soft), var(--edge-light)}input[type=checkbox]{border-radius:.3rem;width:auto;min-height:1.1rem;margin-inline:0;display:inline-block}.operation-tabs,.segmented-control,.period-switch{border:1px solid var(--matte-border);background:var(--matte-surface-3);box-shadow:inset 0 1px 2px #14191d0b, var(--edge-light)}.operation-tabs button,.period-switch button,.segmented-control button,.detail-tabs button{min-height:2.8rem!important;color:var(--text-secondary)!important}.segmented-control{border-radius:var(--radius-sm);width:fit-content;max-width:100%;padding:.28rem}.settings-grow>strong{font-variant-numeric:tabular-nums;margin-block:.25rem .7rem;font-size:1.35rem;display:block}.operation-tabs button[aria-pressed=true],.period-switch button[aria-pressed=true],.segmented-control button[aria-pressed=true]{box-shadow:var(--shadow-pressed), var(--edge-light);border-color:var(--matte-border-strong)!important;background:var(--matte-surface-raised)!important;color:var(--accent-strong)!important}.detail-tabs{gap:.45rem;padding-block:.1rem .35rem}.detail-tabs button{box-shadow:var(--edge-light);border-color:var(--matte-border)!important;background:var(--matte-surface-2)!important}.detail-tabs button[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 34%, var(--matte-border))!important;background:var(--matte-surface-3)!important;color:var(--accent-strong)!important}.detail-main{padding-top:0;position:relative}.vehicle-stage{--vehicle-scene-opacity:1;--vehicle-scene-copy-opacity:1;--vehicle-scene-scale:1;--vehicle-scene-shift:0px;top:calc(5.2rem + var(--safe-top));z-index:1;isolation:isolate;height:clamp(27rem,64svh,34rem);position:sticky}.vehicle-stage:before,.vehicle-stage:after{z-index:-1;content:"";pointer-events:none;border-radius:50%;position:absolute}.vehicle-stage:before{top:11%;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 28%, transparent), color-mix(in srgb, var(--accent) 8%, transparent) 48%, transparent 72%);opacity:.85;filter:blur(28px);width:min(24rem,70vw);height:min(24rem,70vw);inset-inline-start:3%}.vehicle-stage:after{background:radial-gradient(circle, color-mix(in srgb, var(--success) 20%, transparent), transparent 70%);opacity:.72;filter:blur(34px);width:min(17rem,52vw);height:min(17rem,52vw);bottom:14%;right:5%}.vehicle-hero{height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:clamp(1.2rem,3vw,2rem);display:block;position:relative;overflow:visible}.vehicle-hero-copy{z-index:3;width:min(100%,31rem);opacity:var(--vehicle-scene-copy-opacity);transform:translateY(var(--vehicle-scene-shift));justify-items:start;transition:opacity 80ms linear;display:grid;position:relative}.vehicle-hero .vehicle-artwork,.vehicle-hero>div:last-child{z-index:2;min-height:0;opacity:var(--vehicle-scene-opacity);transform:translateY(var(--vehicle-scene-shift)) scale(var(--vehicle-scene-scale));transform-origin:50% 62%;will-change:transform, opacity;align-self:stretch;display:block;position:absolute;inset:clamp(8.6rem,25%,10.8rem) 5% 2.4rem}.vehicle-hero .vehicle-artwork img{filter:drop-shadow(0 24px 26px #00000047)}.vehicle-hero .vehicle-artwork img.vehicle-artwork-image-compact{transform:scale(.75)}:root[data-theme=light] .vehicle-hero .vehicle-artwork img{filter:drop-shadow(0 22px 26px #263c4940)}.vehicle-hero .status-badge{border:1px solid color-mix(in srgb, currentColor 28%, transparent);box-shadow:var(--edge-light);margin-bottom:.7rem}.vehicle-hero h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,5vw,2.35rem);font-weight:820}[dir=rtl] .vehicle-hero h2{letter-spacing:0}.vehicle-hero :is(p,small){color:var(--text-secondary)}.vehicle-hero p{margin-top:.35rem;font-size:clamp(.8rem,2vw,.95rem)}.vehicle-hero strong{color:var(--text-primary);letter-spacing:-.03em;margin-top:1rem;font-size:clamp(1.15rem,4vw,1.7rem);font-weight:820}.vehicle-hero-odometer{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:.45rem;font-size:clamp(.95rem,3vw,1.1rem);font-weight:720}.hero-fuel-indicator{appearance:none;z-index:3;width:clamp(6.8rem,20vw,8.6rem);color:inherit;opacity:var(--vehicle-scene-copy-opacity);cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translateY(var(--vehicle-scene-shift));transition:opacity 80ms linear, scale var(--motion-fast) var(--ease-material);background:0 0;border:0;padding:0;position:absolute;top:clamp(8.5rem,24%,10rem);left:clamp(1rem,4vw,2.25rem)}.hero-fuel-indicator:active{scale:.96}.hero-fuel-indicator:focus-visible{outline:2px solid var(--focus-ring);outline-offset:.35rem;border-radius:var(--radius-lg)}.hero-fuel-indicator .fuel-gauge{gap:0;width:100%;margin:0}.hero-fuel-indicator .fuel-gauge-svg{filter:drop-shadow(0 .45rem .8rem #0000003d);width:100%}.hero-fuel-indicator .fuel-gauge-reading{gap:.25rem;margin-top:-.2rem}.hero-fuel-indicator .fuel-gauge-reading strong{font-size:clamp(1rem,4.2vw,1.35rem)}.hero-fuel-indicator .fuel-gauge-reading svg{width:.95rem;height:.95rem}.hero-fuel-indicator .fuel-gauge>p{display:none}.hero-fuel-indicator .fuel-gauge-range{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:baseline;margin-top:.1rem;font-size:clamp(.68rem,2.5vw,.8rem);line-height:1.2;display:flex}.hero-fuel-indicator .fuel-gauge-range span{display:none}.hero-fuel-indicator .fuel-gauge-range b{font-weight:720}.hero-fuel-indicator .fuel-gauge-range b:before{content:"≈ "}.fuel-fillup-backdrop{z-index:120;align-items:end}.fuel-fillup-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(100%,34rem);max-height:min(88svh,48rem);padding:1rem;overflow-y:auto}.fuel-fillup-close{float:inline-end;margin-bottom:.25rem}.fuel-fillup-dialog .operations-card{clear:both;box-shadow:none;background:0 0;border:0;padding:0}.fuel-fillup-dialog .operation-form{padding-bottom:max(.25rem, var(--safe-bottom))}.vehicle-sheet{z-index:auto;background:linear-gradient(180deg, transparent 0, color-mix(in srgb, var(--app-background-solid) 28%, transparent) 5rem, color-mix(in srgb, var(--app-background-solid) 78%, transparent) 11rem, var(--app-background-solid) 17rem, var(--app-background-solid) 100%);min-height:70svh;box-shadow:none;border-radius:0;margin-top:-6.75rem;padding:1rem 0 4rem;position:relative}.vehicle-sheet:before{z-index:0;-webkit-backdrop-filter:blur(16px)saturate(.9);backdrop-filter:blur(16px)saturate(.9);content:"";pointer-events:none;background:#00000003;border-radius:0;height:15rem;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000 0,#000 16% 70%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 16% 70%,#0000 100%)}.vehicle-sheet>*{z-index:2;position:relative}.vehicle-sheet-handle{background:color-mix(in srgb, var(--text-tertiary) 48%, transparent);border-radius:999px;width:3.6rem;height:.3rem;margin:0 auto .85rem;display:block}.vehicle-sheet .period-switch{background:color-mix(in srgb, var(--matte-surface-3) 88%, transparent);box-shadow:none;border-color:#0000;margin:0 0 .8rem}.vehicle-sheet .period-switch button[aria-pressed=true]{box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 24%, transparent), inset 0 1px 0 #fff3;background:linear-gradient(145deg, var(--accent), var(--action-fill))!important;color:var(--text-on-accent)!important;border-color:#0000!important}.vehicle-sheet .detail-tabs{margin-block:.7rem 1rem}.vehicle-sheet .detail-tabs button[aria-pressed=true]{background:var(--accent-soft)!important;color:var(--accent-strong)!important;border-color:#0000!important}.dashboard-immersive{display:block}.dashboard-vehicle-hero{color:var(--text-primary);text-decoration:none}.dashboard-vehicle-hero .vehicle-hero-copy>p:first-child{color:var(--accent-strong);margin:0 0 .65rem;font-size:.75rem;font-weight:800}.dashboard-sheet{gap:clamp(.9rem,2vw,1.2rem);display:grid}.dashboard-sheet-static{margin-top:0}.score-card{--score-color:var(--text-muted);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:11rem;padding:1.25rem;display:grid}.score-card-link{color:inherit;text-decoration:none}.score-card-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.driver-report-shell{width:min(100%,56rem);min-height:100dvh;padding:max(1rem, var(--safe-top)) clamp(.8rem, 3vw, 1.5rem) calc(2rem + var(--safe-bottom));margin-inline:auto}.driver-report-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.driver-report-header>div{min-width:0}.driver-report-header p,.driver-score-hero p{color:var(--accent-strong);margin:0;font-size:.75rem;font-weight:800}.driver-report-header h1{margin:.1rem 0;font-size:clamp(1.35rem,5vw,2rem)}.driver-report-header span,.driver-score-hero span{color:var(--text-secondary)}.driver-report-period{margin-bottom:1rem}.date-range-dialog{border-color:var(--matte-border);background:var(--matte-surface-2);box-shadow:var(--shadow-surface-3), var(--edge-light);-webkit-backdrop-filter:blur(var(--blur-overlay))}.vehicle-sheet>.date-range-backdrop{z-index:1000;position:fixed;inset:0}.date-range-dialog input{box-sizing:border-box;width:100%;inline-size:100%;border-color:var(--matte-border);border-radius:var(--radius-sm);-webkit-border-radius:var(--radius-sm);background:var(--matte-surface-3);min-width:0;max-width:100%;color:var(--text-primary);background-clip:padding-box;justify-self:center;margin:0;overflow:hidden}.date-range-dialog label{box-sizing:border-box;width:100%;min-width:0;padding-inline:.5rem}.driver-report-content{gap:1rem;display:grid}.driver-score-hero,.driver-report-card,.driver-report-empty{border:1px solid var(--matte-border);border-radius:var(--radius-lg);background:var(--matte-surface-2);box-shadow:var(--shadow-surface-2), var(--edge-light)}.driver-score-hero{--score-color:var(--text-muted);align-items:center;gap:clamp(1rem,4vw,2rem);padding:clamp(1.1rem,4vw,1.75rem);display:flex}.driver-score-hero.score-tone-green{--score-color:var(--success)}.driver-score-hero.score-tone-orange{--score-color:var(--warning)}.driver-score-hero.score-tone-red{--score-color:var(--danger)}.driver-score-hero .score-gauge{width:clamp(7.5rem,28vw,10rem)}.driver-score-hero h2{color:var(--score-color);margin:.25rem 0;font-size:clamp(1.55rem,5vw,2.3rem)}.driver-report-card{padding:clamp(1rem,4vw,1.4rem)}.driver-report-title{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.driver-report-title svg{width:1.25rem;color:var(--accent-strong)}.driver-report-title h2{margin:0;font-size:1.05rem}.score-equation{border-radius:var(--radius-md);background:var(--matte-surface-3);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:clamp(.4rem,2vw,.8rem);padding:.8rem;display:flex;overflow-x:auto}.score-equation strong{font-size:1.35rem}.score-equation span{color:var(--danger);font-weight:750}.score-equation b{color:var(--accent-strong);font-size:1.2rem}.deduction-chart{gap:1rem;margin-top:1.2rem;display:grid}.deduction-row{--bar-color:var(--warning);gap:.45rem;display:grid}.deduction-row>div{justify-content:space-between;gap:1rem;display:flex}.deduction-row span{color:var(--text-secondary)}.deduction-row strong{color:var(--bar-color);font-size:.85rem}.deduction-speed{--bar-color:var(--danger)}.deduction-harsh{--bar-color:var(--warning)}.deduction-idle{--bar-color:var(--accent-strong)}.deduction-track{background:var(--matte-surface-3);border-radius:999px;height:.55rem;display:block;overflow:hidden}.deduction-track i{border-radius:inherit;background:var(--bar-color);height:100%;display:block}.behavior-grid,.exposure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.behavior-stat,.exposure-grid>span{border-radius:var(--radius-md);background:var(--matte-surface-3);align-content:center;gap:.25rem;min-height:6rem;padding:.9rem;display:grid}.behavior-stat{appearance:none;width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;border:1px solid #0000;margin:0;position:relative}.behavior-stat:hover,.behavior-stat:active,.behavior-stat:focus-visible{background:var(--matte-surface-3);color:inherit}.behavior-stat:active{transform:scale(.985)}.indicator-detail-backdrop{z-index:1200;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:none;background:#05080cad;align-items:end;animation:.16s ease-out both indicator-backdrop-in;display:grid;position:fixed;inset:0;overflow:hidden}.indicator-detail-dialog{border:1px solid var(--matte-border-strong);border-radius:var(--radius-xl);background:var(--matte-surface-overlay);width:min(100%,36rem);max-height:min(78svh,46rem);box-shadow:var(--shadow-surface-3);grid-template-rows:auto minmax(0,1fr);margin-inline:auto;padding:0;animation:.22s cubic-bezier(.22,.8,.25,1) both indicator-dialog-in;display:grid;overflow:hidden}.indicator-detail-dialog>header{border-bottom:1px solid var(--matte-border);background:var(--matte-surface-overlay);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .8rem;display:flex}.indicator-detail-dialog h2{margin:.15rem 0 0}.indicator-detail-dialog small{color:var(--accent)}.indicator-event-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;gap:.65rem;min-height:0;padding:.8rem;display:grid;overflow:hidden auto}.indicator-event{border-radius:var(--radius-md);background:var(--matte-surface-3);padding:.85rem}.indicator-event>strong{font-size:.85rem}.indicator-event dl{grid-template-columns:1fr auto;gap:.3rem .8rem;margin:.65rem 0 0;display:grid}.indicator-event dt{color:var(--text-muted);font-size:.75rem}.indicator-event dd{color:var(--text-primary);margin:0;font-size:.78rem;font-weight:700}.indicator-empty{color:var(--text-secondary);text-align:center;padding:2rem 1rem}@keyframes indicator-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes indicator-dialog-in{0%{opacity:0;transform:translateY(1.25rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.behavior-stat strong{font-variant-numeric:tabular-nums;font-size:1.65rem}.behavior-stat span,.exposure-grid small,.idle-summary span,.idle-threshold-labels span{color:var(--text-secondary);font-size:.75rem}.idle-summary{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.idle-summary strong{color:var(--warning);font-size:1.8rem}.idle-summary small{font-size:.75rem}.idle-threshold-chart{background:linear-gradient(90deg, color-mix(in srgb, var(--success) 22%, var(--matte-surface-3)), color-mix(in srgb, var(--warning) 25%, var(--matte-surface-3)) 55%, color-mix(in srgb, var(--danger) 30%, var(--matte-surface-3)));border-radius:999px;height:.75rem;margin:1rem 0;position:relative}.idle-threshold-fill{border-radius:inherit;background:var(--warning);height:100%;box-shadow:0 0 0 2px color-mix(in srgb, var(--warning) 20%, transparent);display:block}.idle-threshold-chart i{background:var(--text-primary);width:2px;height:1.25rem;position:absolute;top:-.25rem}.idle-threshold-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.idle-threshold-labels span{gap:.2rem;display:grid}.idle-threshold-labels strong{color:var(--text-primary);font-size:.75rem}.exposure-grid svg{width:1.2rem;color:var(--accent-strong)}.exposure-grid strong{font-variant-numeric:tabular-nums}.recommendation-list{gap:.7rem;display:grid}.recommendation{border-radius:var(--radius-md);background:var(--matte-surface-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem;display:grid}.recommendation svg{width:1.25rem;color:var(--warning)}.recommendation-good svg{color:var(--success)}.recommendation p{color:var(--text-secondary);margin:0;font-size:.85rem}.recommendation strong{color:var(--warning)}.driver-report-method{padding:.25rem .35rem}.driver-report-method h3{margin-bottom:.35rem;font-size:.9rem}.driver-report-method p{color:var(--text-muted);margin:0;font-size:.75rem}.driver-report-method code{color:var(--text-tertiary);margin-top:.55rem;font-size:.65rem;display:inline-block}.driver-report-empty{text-align:center;place-items:center;min-height:14rem;padding:2rem;display:grid}.driver-report-empty svg{color:var(--warning)}@media (max-width:420px){.driver-score-hero{align-items:flex-start}.driver-score-hero .score-gauge{width:7rem}.idle-threshold-labels{grid-template-columns:1fr}}.score-card.score-tone-green{--score-color:var(--success)}.score-card.score-tone-orange{--score-color:var(--warning)}.score-card.score-tone-red{--score-color:var(--danger)}.score-card-copy{min-width:0}.score-card p{color:var(--accent-strong)}.score-card h2{color:var(--score-color);letter-spacing:-.04em;margin-block:.25rem .15rem;font-size:clamp(1.7rem,4vw,2.25rem);font-weight:800}.score-card span,.detail-metric :is(span,small){color:var(--text-secondary)}.score-card:after,.score-card i{display:none}.score-gauge{aspect-ratio:1;width:clamp(7.4rem,25vw,9.2rem);color:var(--score-color);flex:none;place-content:center;place-items:center;display:grid;position:relative}.score-gauge svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.score-gauge circle{fill:none;stroke-width:9px}.score-gauge-track{stroke:color-mix(in srgb, var(--score-color) 16%, var(--matte-surface-3))}.score-gauge-value{stroke:var(--score-color);stroke-linecap:round;filter:drop-shadow(0 3px 8px color-mix(in srgb, var(--score-color) 22%, transparent))}.score-gauge strong{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,7vw,2.55rem);line-height:.95}.score-gauge small{color:var(--text-muted);font-size:.7rem;font-weight:700}.score-scale{flex-wrap:wrap;gap:.35rem .65rem;margin-top:.85rem;display:flex}.score-breakdown{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.score-breakdown>span{border:1px solid var(--matte-border);background:var(--matte-surface-3);color:var(--text-secondary);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.score-breakdown strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.score-scale span{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;display:inline-flex}.score-scale span:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.score-scale .score-scale-green{color:var(--success)}.score-scale .score-scale-orange{color:var(--warning)}.score-scale .score-scale-red{color:var(--danger)}.detail-metric{border-radius:var(--radius-md);min-height:5rem}.detail-metric-link,.fuel-stat-grid .detail-metric-link{border-color:var(--matte-border)!important;background:var(--matte-surface-3)!important;color:var(--text-primary)!important}.detail-metric strong{color:var(--text-primary);font-size:.95rem;font-weight:760}.detail-metric .metric-comparison-up{color:var(--danger)}.detail-metric .metric-comparison-down{color:var(--success)}.vehicle-sheet .detail-metrics,.vehicle-sheet .fuel-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-sheet :is(.detail-metrics,.fuel-stat-grid) .detail-metric{aspect-ratio:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:0;padding:.65rem .4rem;position:relative}.vehicle-sheet :is(.detail-metrics,.fuel-stat-grid) .detail-metric>div{flex:0 auto;justify-items:center;gap:.12rem;width:100%}.vehicle-sheet :is(.detail-metrics,.fuel-stat-grid) .detail-metric>svg:last-child{display:none}.vehicle-sheet :is(.detail-metrics,.fuel-stat-grid) .detail-metric strong{max-width:100%;font-size:clamp(.78rem,3.4vw,1rem)}.vehicle-sheet :is(.detail-metrics,.fuel-stat-grid) .detail-metric span,.vehicle-sheet :is(.detail-metrics,.fuel-stat-grid) .detail-metric small{white-space:normal;line-height:1.3}.vehicle-sheet .fuel-stat-grid .metric-comparison{inset-inline-start:.4rem;gap:.12rem;font-size:.5rem;position:absolute;top:.4rem;bottom:auto}.vehicle-sheet .fuel-stat-grid .metric-comparison svg{width:.68rem;height:.68rem}.fuel-card,.oil-card,.spec-card,.location-card{border-radius:var(--radius-xl);background-image:linear-gradient(145deg, var(--matte-surface-2), var(--matte-surface-1))}.metric-trip-list article>div{width:100%}.metric-location-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.metric-location-row>span{min-width:0}.metric-location-row a{color:var(--accent-strong);font-size:.72rem;font-weight:700;text-decoration:none}.oil-card{border-color:color-mix(in srgb, var(--warning) 20%, var(--matte-border));background-image:linear-gradient(145deg, color-mix(in srgb, var(--warning-soft) 35%, var(--matte-surface-2)), var(--matte-surface-1))}.fuel-gauge-svg .gauge-scale-base{stroke:var(--matte-border-strong)}.fuel-gauge-svg .gauge-scale,.gauge-tick-full,.gauge-needle-light{stroke:var(--accent);filter:none}.fuel-gauge-svg .gauge-reserve,.gauge-tick-reserve{stroke:var(--danger);filter:none}.gauge-needle-body{fill:var(--accent-muted);stroke:var(--text-tertiary);filter:none}.gauge-hub-outer{fill:var(--matte-surface-raised);stroke:var(--matte-border-strong);filter:none}.gauge-hub-ring{fill:var(--matte-surface-3);stroke:var(--text-tertiary)}.gauge-hub{fill:var(--text-secondary);stroke:var(--matte-border-strong)}.gauge-hub-shine{fill:var(--matte-edge-highlight)}.fuel-gauge-svg .gauge-label-empty{fill:var(--danger)}.fuel-gauge-svg .gauge-label-full,.fuel-gauge-reading{color:var(--accent-strong);fill:var(--accent-strong)}.fuel-gauge-reading strong{text-shadow:none}.fuel-detail-total strong,.fuel-trip-list article b,.idle-session-list article a{color:var(--accent-strong)}.oil-progress i{background:var(--warning-soft)}.oil-progress b{background:var(--warning)}.map-placeholder{background:linear-gradient(35deg, transparent 48%, var(--matte-divider) 49% 51%, transparent 52%) 0 0 / 2rem 2rem, linear-gradient(145deg, var(--matte-surface-3), var(--matte-surface-accent));color:var(--accent-strong)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.metric-card{border-radius:var(--radius-lg);align-content:space-between;gap:.55rem;min-height:9rem;padding:1.2rem;display:grid}.metric-card p{color:var(--text-secondary);margin:0;font-size:.82rem;font-weight:650}.metric-card strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}[dir=rtl] .metric-card strong{letter-spacing:0}.metric-card small,.period-label{color:var(--text-secondary)}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading h2{margin:0;font-size:1.2rem}.table-container,.chart-container,table{border:1px solid var(--matte-border);border-radius:var(--radius-lg);background:var(--matte-surface-2);box-shadow:var(--shadow-surface-2), var(--edge-light)}.table-container{overflow-x:auto}table{border-collapse:separate;border-spacing:0;text-align:start;width:100%;overflow:hidden}thead{background:var(--matte-surface-3);color:var(--text-secondary)}th,td{border-bottom:1px solid var(--matte-divider);text-align:start;padding:.85rem 1rem}th{font-size:.75rem;font-weight:750}tbody tr:last-child td{border-bottom:0}tbody tr[aria-selected=true]{background:var(--accent-soft)}.chart-container{padding:1rem}.chart-container :is(.grid-line,[class*=grid] line){stroke:var(--matte-divider)}.chart-container :is(text,.axis-label,.legend){fill:var(--text-secondary);color:var(--text-secondary)}.chart-tooltip,[role=tooltip]{border:1px solid var(--matte-border-strong);border-radius:var(--radius-sm);background:var(--matte-surface-overlay);color:var(--text-primary);box-shadow:var(--shadow-raised), var(--edge-light)}:is(.popover,.dropdown-menu,.toast){border:1px solid var(--matte-border-strong);border-radius:var(--radius-md);background:var(--matte-surface-overlay);color:var(--text-primary);box-shadow:var(--shadow-raised), var(--edge-light)}.skeleton{border-radius:var(--radius-xs);background:var(--matte-surface-3);overflow:hidden}.skeleton:after{background:linear-gradient(90deg, transparent, var(--matte-edge-highlight), transparent);content:"";width:45%;height:100%;animation:1.4s ease-in-out infinite matte-skeleton;display:block}@keyframes matte-skeleton{0%{transform:translate(-120%)}to{transform:translate(260%)}}.modal-backdrop{padding:max(1rem, var(--safe-top)) 1rem max(1rem, var(--safe-bottom));background:var(--scrim);-webkit-backdrop-filter:blur(var(--blur-overlay)) saturate(.72);backdrop-filter:blur(var(--blur-overlay)) saturate(.72)}.modal-card{border-color:var(--matte-border-strong);border-radius:var(--radius-xl);background:var(--matte-surface-overlay);box-shadow:var(--shadow-raised), var(--edge-light);animation:matte-modal-in var(--motion-base) var(--ease-material)}@keyframes matte-modal-in{0%{opacity:0;transform:translateY(.65rem)scale(.985)}}.modal-close{background:var(--matte-surface-raised)}.update-banner{border-color:var(--matte-border-strong);border-radius:var(--radius-lg);background:var(--matte-surface-overlay);box-shadow:var(--shadow-raised), var(--edge-light)}.auth-page{background-color:var(--app-background-solid);background-image:var(--app-background)}.auth-panel{border-radius:var(--radius-xl);background-image:linear-gradient(145deg, var(--matte-surface-2), var(--matte-surface-1));padding:clamp(1.3rem,5vw,2rem)}.auth-panel .form-card{background:var(--matte-surface-3);box-shadow:var(--edge-light)}.auth-panel .hero-copy,.settings-card p,.form-help,.notice-card,.observed-at,.timeline-list :is(p,small){color:var(--text-secondary)}.form-error,.inline-message{border:1px solid color-mix(in srgb, var(--danger) 22%, var(--matte-border));background:var(--danger-soft);color:var(--danger)}.vehicle-picker-card{border-radius:var(--radius-lg);grid-template-columns:1fr auto;align-items:end;gap:.75rem;margin-block:.75rem;padding:1rem;display:grid}.vehicle-picker-card label{color:var(--text-secondary);gap:.4rem;font-size:.78rem;display:grid}@media (hover:hover) and (pointer:fine){.icon-button:hover,.secondary-button:hover,.text-button:hover{border-color:var(--matte-border-strong);background:var(--matte-surface-raised);transform:translateY(-1px)}.bottom-nav a:hover{color:var(--text-primary)}:is(.kpi-card,.fleet-vehicle-card,.metric-card,.settings-card,.detail-metric-link):hover{border-color:var(--matte-border-strong);box-shadow:var(--shadow-surface-1), var(--edge-light);transform:translateY(-2px)}.primary-compact:hover,.primary-button:hover,.operation-form button:hover,.primary-map-link:hover{background:var(--action-fill-hover)}tbody tr:hover{background:color-mix(in srgb, var(--matte-surface-3) 72%, transparent)}}:is(button:not(:disabled):not(.hero-fuel-indicator),[role=button]:not([aria-disabled=true]),.button-link,.text-link,.primary-map-link,.bottom-nav a,.fleet-vehicle-card,.dashboard-vehicle-card,.maintenance-banner,.detail-metric-link,.settings-card){transform-origin:50%;touch-action:manipulation;transition:color var(--motion-fast) ease, background-color var(--motion-base) var(--ease-material), border-color var(--motion-base) var(--ease-material), box-shadow var(--motion-fast) var(--ease-material), filter var(--motion-fast) ease, transform 90ms var(--ease-material)}:is(button:not(:disabled):not(.hero-fuel-indicator),[role=button]:not([aria-disabled=true]),.button-link,.text-link,.primary-map-link,.bottom-nav a,.fleet-vehicle-card,.dashboard-vehicle-card,.maintenance-banner,.detail-metric-link,.settings-card):active{box-shadow:var(--shadow-pressed), var(--edge-light);filter:brightness(.96);transform:translateY(1px)scale(.965)}@media (max-width:44rem){body{background-attachment:scroll}.bottom-nav{background:var(--matte-surface-overlay);-webkit-backdrop-filter:none;backdrop-filter:none}.detail-shell .detail-header{background:color-mix(in srgb, var(--app-background-solid) 88%, transparent)}.detail-main{padding-inline:0;padding-bottom:0}.vehicle-stage{top:calc(4.7rem + var(--safe-top));height:clamp(27rem,65svh,32rem)}.vehicle-hero{padding:1.15rem 1rem}.vehicle-hero .vehicle-artwork,.vehicle-hero>div:last-child{inset:9.4rem -2% 2.8rem}.vehicle-hero .vehicle-artwork img{filter:none}.vehicle-hero h2{font-size:clamp(1.55rem,6.5vw,2rem)}.hero-fuel-indicator{width:clamp(6.4rem,22vw,7.6rem);top:8.8rem;left:1.15rem}.vehicle-sheet{border-radius:1.75rem 1.75rem 0 0;margin-top:-5.8rem;padding-inline:.7rem}.dashboard-immersive{margin-inline:-.65rem}.dashboard-vehicle-stage{top:4.7rem}.dashboard-sheet-static{margin-top:0}.app-shell{padding-inline:.65rem}.page-header{min-height:4.7rem;margin-inline:-.2rem;padding-inline:.2rem}.status-hero{min-height:8.8rem}.sync-orbit{width:4.55rem;height:4.55rem}.bottom-nav{bottom:max(.35rem, var(--safe-bottom));border-radius:1.35rem;width:calc(100% - .7rem);padding:.32rem}.bottom-nav a{min-height:3.2rem;font-size:.7rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:8rem}.settings-card{border-radius:var(--radius-lg)}.modal-card{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 1rem);padding:1rem}}@media (max-width:34rem){.vehicle-grid{grid-template-columns:1fr}.fleet-vehicle-card{min-height:12.5rem}}@media (max-width:25rem){.status-hero{padding:.95rem}.sync-orbit{width:3.8rem;height:3.8rem}.metric-grid,.kpi-grid-three{grid-template-columns:1fr}.bottom-nav a{font-size:.64rem}.vehicle-stage{height:27rem}.vehicle-hero .vehicle-artwork,.vehicle-hero>div:last-child{top:10rem}}@media (prefers-reduced-transparency:reduce){.page-header,.detail-header,.bottom-nav,.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.page-header,.detail-header,.bottom-nav{background:var(--matte-surface-overlay)}.vehicle-sheet:before{background:var(--matte-surface-overlay);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.modal-card,.indicator-detail-backdrop,.indicator-detail-dialog,.skeleton:after{animation:none}.vehicle-hero-copy,.vehicle-hero .vehicle-artwork{will-change:auto;transition:none}:is(button,[role=button],.button-link,.text-link,.primary-map-link,.bottom-nav a,.fleet-vehicle-card,.dashboard-vehicle-card,.maintenance-banner,.detail-metric-link,.settings-card):active{filter:none;transform:none}}.page-header,.detail-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.page-header{will-change:opacity, transform}.detail-shell .detail-header{pointer-events:none;will-change:opacity, transform;background:0 0;width:100%;position:absolute;inset:0 0 auto}.detail-header-actions{z-index:40;direction:ltr;gap:.65rem;display:flex;position:absolute;top:clamp(1.2rem,3vw,2rem);left:1rem}.detail-shell{position:relative}.detail-main{background:var(--app-background-solid);padding-top:0}.detail-main .vehicle-stage:before,.detail-main .vehicle-stage:after{display:none}.detail-main .vehicle-stage{margin-top:calc(.5rem + var(--safe-top));top:0}.vehicle-sheet{--immersive-card-surface:#e0e7ebd1;border-radius:0!important}:root[data-theme=dark] .vehicle-sheet{--immersive-card-surface:#2f3134d1}.vehicle-sheet :is(.status-hero,.kpi-card,.maintenance-banner,.fleet-vehicle-card,.compact-list article,.empty-state,.score-card,.detail-metric,.fuel-card,.oil-card,.spec-card,.location-card,.operations-card,.event-list article,.trip-list article,.schedule-list article,.document-list article,.fuel-detail-total,.fuel-trip-list article,.quality-strip,.fuel-fillup-evidence){border-radius:var(--radius-sm);background:var(--immersive-card-surface)!important;box-shadow:none!important;border:0 #0000!important}.vehicle-sheet .fleet-vehicle-card:after{display:none}.vehicle-sheet .icon-tile,.vehicle-sheet .status-badge,.vehicle-sheet .detail-tabs button{box-shadow:none!important;border-color:#0000!important}.vehicle-sheet .detail-tabs button{background:color-mix(in srgb, var(--immersive-card-surface) 88%, transparent)!important}.vehicle-sheet .detail-tabs button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 18%, var(--immersive-card-surface))!important}@media (prefers-reduced-transparency:reduce){.vehicle-sheet{--immersive-card-surface:var(--matte-surface-2)}.vehicle-sheet:before{background:var(--app-background-solid)}}.dashboard-overview{padding-top:.35rem}.fleet-overview-hero{border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 10%, var(--accent-soft), transparent 44%), var(--matte-surface-1);min-height:8.5rem;box-shadow:var(--shadow-surface-1);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.fleet-overview-hero :is(p,h2,span){margin:0}.fleet-overview-hero p{color:var(--accent-strong);margin-bottom:.35rem;font-size:.76rem;font-weight:760}.fleet-overview-hero h2{margin-bottom:.4rem;font-size:clamp(1.35rem,4vw,1.85rem)}.fleet-overview-hero>div>span{color:var(--text-secondary);font-size:.78rem}.fleet-overview-distance{justify-items:end;min-width:7.25rem;display:grid}.fleet-overview-distance strong{color:var(--accent-strong);font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-size:clamp(2rem,7vw,3.15rem);line-height:1}[dir=rtl] .fleet-overview-distance strong{letter-spacing:0}.fleet-overview-distance span{text-align:end;margin-top:.45rem}.dashboard-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,2vw,.9rem);display:grid}.dashboard-vehicle-card{border-radius:var(--radius-xl);background:var(--matte-surface-2);min-width:0;box-shadow:var(--shadow-surface-2);color:inherit;text-decoration:none;display:grid;position:relative;overflow:hidden}.dashboard-vehicle-card-head{justify-content:space-between;align-items:start;gap:.5rem;min-width:0;padding:.9rem .9rem 0;display:flex}.dashboard-vehicle-card-head>div{min-width:0}.dashboard-vehicle-card :is(h3,p){margin:0}.dashboard-vehicle-card h3{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.95rem,2.6vw,1.2rem);overflow:hidden}.dashboard-vehicle-card p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.72rem;overflow:hidden}.dashboard-vehicle-card>.vehicle-artwork{min-height:clamp(6.2rem,18vw,9.5rem);margin:.1rem .35rem}.dashboard-vehicle-card>.vehicle-artwork img{filter:drop-shadow(0 12px 14px #0000003d)}.dashboard-vehicle-metrics{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem;padding:0 .9rem .75rem;display:grid}.dashboard-vehicle-metrics>div{gap:.15rem;min-width:0;display:grid}.dashboard-vehicle-metrics span,.dashboard-vehicle-freshness{color:var(--text-tertiary);font-size:.68rem}.dashboard-vehicle-metrics strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.82rem,2.35vw,1rem);overflow:hidden}.mini-fuel{justify-items:end}.mini-fuel-gauge{width:2.35rem;height:1.25rem;display:block;position:relative;overflow:hidden}.mini-fuel-gauge:before{border:.34rem solid var(--matte-surface-3);content:"";border-bottom:0;border-radius:2.5rem 2.5rem 0 0;position:absolute;inset:0}.mini-fuel-gauge i{background:var(--success);width:.12rem;height:1rem;transform:rotate(var(--dashboard-fuel-angle)) translateY(-.08rem);transform-origin:50% 100%;border-radius:999px;position:absolute;bottom:0;left:50%}.mini-fuel.medium .mini-fuel-gauge i{background:var(--warning)}.mini-fuel.low .mini-fuel-gauge i{background:var(--danger)}.mini-fuel.unknown .mini-fuel-gauge i{display:none}.dashboard-vehicle-freshness{background:color-mix(in srgb, var(--matte-surface-3) 62%, transparent);align-items:center;gap:.35rem;min-width:0;padding:.65rem .9rem .75rem;display:flex}.dashboard-vehicle-freshness span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dashboard-activity-list{gap:.55rem;display:grid}.dashboard-activity-item{border-radius:var(--radius-lg);background:var(--matte-surface-2);min-height:4.35rem;color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem .8rem;text-decoration:none;display:grid}.trip-list article:target{background:color-mix(in srgb, var(--accent) 15%, var(--matte-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.dashboard-activity-list :is(strong,span){display:block}.dashboard-activity-list .icon-tile{place-items:center;display:inline-grid}.dashboard-activity-list .icon-tile svg{margin:auto;display:block}.dashboard-activity-list strong{margin-bottom:.18rem;font-size:.88rem}.dashboard-activity-list span{color:var(--text-secondary);font-size:.72rem}.dashboard-activity-list .activity-source{background:var(--matte-surface-3);color:var(--text-tertiary);white-space:nowrap;border-radius:999px;padding:.3rem .5rem}@media (max-width:44rem){.fleet-overview-hero{min-height:7.75rem;padding:1rem}.fleet-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-vehicle-grid{gap:.55rem}.dashboard-vehicle-card-head{padding:.75rem .7rem 0;display:grid}.dashboard-vehicle-card-head .status-badge{top:.65rem;text-overflow:ellipsis;max-width:45%;position:absolute;inset-inline-end:.65rem;overflow:hidden}.dashboard-vehicle-card-head>div{padding-top:1.7rem}.dashboard-vehicle-card>.vehicle-artwork{min-height:6rem;margin-inline:.1rem}.dashboard-vehicle-metrics{grid-template-columns:1fr;padding-inline:.7rem}.mini-fuel{grid-template-columns:auto 1fr;place-items:center start}.mini-fuel-gauge{grid-row:1/3;margin-inline-end:.2rem}.dashboard-vehicle-freshness{padding-inline:.7rem}.dashboard-activity-list .activity-source{display:none}}
:root{--trak2-bg:#07090d;--trak2-panel:#181c22eb;--trak2-panel-soft:#191e25c2;--trak2-line:#bacce624;--trak2-line-strong:#bed1ef38;--trak2-blue:#5078ff;--trak2-green:#6dd3a1;--trak2-muted:#9299a5}html,body{background:var(--trak2-bg)}.trak-map-shell{background:var(--trak2-bg);color:#f2f4f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;isolation:isolate;min-height:100dvh}.trak-map-shell.is-driver-shell{background:radial-gradient(circle at 50% 0%, #2c426f33, transparent 30rem), var(--trak2-bg)}.trak-map-shell.is-driver-shell .trak-2-app-shell.active-home .app-main{padding-top:calc(var(--safe-top) + 7.2rem)}.trak-map-shell.is-driver-shell .trak-2-app-shell:not(.active-home) .app-main:before{opacity:0}.trak-map-shell.is-driver-shell .bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-home{width:min(100%,48rem);margin-inline:auto}.driver-vehicle-grid{gap:1rem;display:grid}.driver-vehicle-card{border:1px solid var(--trak2-line-strong);background:linear-gradient(145deg,#1f242cf5,#12161cf5);border-radius:1.75rem;overflow:hidden;box-shadow:0 1.25rem 3rem #0000003d}.driver-vehicle-card-head{grid-template-columns:minmax(0,1fr) minmax(9rem,46%);align-items:center;min-height:12rem;padding:1.25rem;display:grid}.driver-vehicle-card-head h2{margin:0;font-size:clamp(1.25rem,5vw,1.75rem)}.driver-vehicle-card-head p{color:var(--trak2-muted);margin:.35rem 0 0}.driver-vehicle-card-head .vehicle-artwork{object-fit:contain;width:100%;height:8rem}.driver-vehicle-metrics{border-block:1px solid var(--trak2-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.driver-vehicle-metrics>span{text-align:center;align-content:center;place-items:center;gap:.25rem;min-width:0;min-height:6.8rem;padding:.65rem .35rem;display:grid}.driver-vehicle-metrics>span+span{border-inline-start:1px solid var(--trak2-line)}.driver-vehicle-metrics svg{color:#89a4ff}.driver-vehicle-metrics .driver-oil-icon{object-fit:contain;width:1.75rem;height:auto}.driver-vehicle-metrics small,.driver-vehicle-metrics em{color:var(--trak2-muted);font-size:.7rem;font-style:normal}.driver-vehicle-metrics strong{overflow-wrap:anywhere;max-width:100%;font-size:.88rem}.driver-add-fuel{width:calc(100% - 2rem);margin:1rem}@media (min-width:48rem){.driver-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.trak-map-background{z-index:0;background:radial-gradient(circle at 54% 26%,#2d3b5157,#0000 34%),linear-gradient(155deg,#111722,#07090d 58%);position:fixed;inset:0;overflow:hidden}.trak-map-background:after{z-index:2;pointer-events:none;background:linear-gradient(180deg, #05080d33 0%, transparent 20%, transparent 46%, var(--trak2-bg) 65%), radial-gradient(circle at center, transparent 35%, #04070b7a 100%);content:"";position:absolute;inset:0}.trak-map-canvas,.trak-map-skeleton{width:100%;height:100%;position:absolute;inset:0}.trak-map-skeleton,.map-fallback .trak-map-canvas{background:linear-gradient(25deg,#0000 48%,#6377941f 49% 50%,#0000 51%) 0 0/74px 74px,linear-gradient(-24deg,#0000 48%,#63779417 49% 50%,#0000 51%) 0 0/106px 106px,#0b0f15}.trak-map-error{inset-inline:1rem;z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;top:8.4rem}.trak-map-error span{border:1px solid var(--trak2-line);color:#aeb6c3;background:#0b0e13d6;border-radius:999px;padding:.45rem .75rem;font-size:.72rem}.map-live-indicator{top:calc(var(--safe-top) + 5.7rem);z-index:3;border:1px solid var(--trak2-line);color:#c8cfda;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e14ad;border-radius:999px;align-items:center;gap:.35rem;padding:.34rem .62rem;font-size:.7rem;display:inline-flex;position:absolute;inset-inline-end:max(1rem,50vw - 39rem)}.map-live-indicator i,.map-fleet-chip i,.map-state-label i{background:var(--trak2-green);border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 0 3px #6dd3a11a}.maplibregl-ctrl-attrib{z-index:5;color:#9ba3ae;border-radius:.45rem 0 0;font-size:10px;background:#070a0eb8!important}.maplibregl-ctrl-attrib a{color:#bfc7d3!important}.trak-route-overlay{z-index:5;pointer-events:none;min-height:100dvh;position:relative}.trak-route-overlay>*{pointer-events:auto}.trak-map-shell.is-full-map .trak-route-overlay{visibility:hidden;pointer-events:none}.trak-2-app-shell.app-shell{width:min(100%,80rem);padding:0 clamp(.8rem, 2.5vw, 1.5rem) var(--floating-bottom-clearance);pointer-events:none;background:0 0}.trak-2-app-shell :is(.trak-2-topbar,.app-main,.bottom-nav){pointer-events:auto}.trak-2-topbar{top:0;z-index:35;min-height:calc(6rem + var(--safe-top));padding-top:var(--safe-top);color:#f4f6f9;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;inset-inline:clamp(.8rem,2.5vw,1.5rem)}.trak-2-topbar>*{pointer-events:auto}.trak-header-identity{justify-self:start;min-width:0}.trak-header-identity span,.trak-header-identity strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trak-header-identity span{color:#aeb6c2;font-size:.72rem}.trak-header-identity strong{color:#f4f6f9;max-width:11rem;margin-top:.1rem;font-size:1rem}.trak-2-header-logo{width:3.8rem;height:3.8rem}.trak-2-header-logo .brand-logo-light{display:none}.trak-2-header-logo .brand-logo-dark{display:block}.trak-header-actions{direction:ltr;justify-self:end;gap:.55rem;display:flex}.trak-round-action,.map-control-button{border:1px solid var(--trak2-line-strong);color:#e2e7ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1319b8;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;text-decoration:none;display:grid;box-shadow:inset 0 1px #ffffff0d,0 10px 25px #0003}.trak-round-action{position:relative}.notification-unread-count{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#f04455;border:2px solid #10141a;border-radius:50%;place-items:center;width:1.28rem;height:1.28rem;font-size:.65rem;font-weight:850;line-height:1;display:grid;position:absolute;inset-block-start:-.18rem;inset-inline-end:-.18rem;box-shadow:0 0 .65rem #f0445580}.notification-unread-count.digits-three{font-size:.51rem}.notification-unread-count.digits-capped{grid-auto-flow:column;gap:0;font-size:.46rem}.notification-unread-count.digits-capped sup{align-self:start;margin-block-start:.2rem;margin-inline-start:-.02rem;font-size:.36rem;line-height:1}.trak-2-app-shell .app-main{padding-block:calc(6.25rem + var(--safe-top)) 1.5rem;position:relative}.trak-2-app-shell.active-home .app-main{pointer-events:none;padding-top:max(25rem,53dvh)}.trak-2-app-shell.active-home .app-main>*{pointer-events:auto}.trak-2-app-shell:not(.active-home) .app-main{min-height:100dvh}.trak-2-app-shell:not(.active-home) .app-main:before{inset:calc(5.7rem + var(--safe-top)) -.4rem -7rem;z-index:-1;border:1px solid var(--trak2-line);content:"";background:#080b0fe6;border-radius:2rem 2rem 0 0;position:absolute;box-shadow:0 -16px 45px #00000038}.trak-2-dashboard{gap:.85rem}.map-fleet-chip{inset-inline-end:0;border:1px solid var(--trak2-line-strong);color:#dbe1e9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1319c7;border-radius:999px;align-items:center;gap:.35rem;min-height:2.4rem;padding:.45rem .85rem;font-size:.76rem;display:flex;position:absolute;top:-3.1rem;box-shadow:0 10px 26px #0000003d}.trak-2-primary-vehicle,.trak-2-stat-card,.trak-2-wide-row,.trak-2-recent-panel{border:1px solid var(--trak2-line);background:linear-gradient(145deg,#1d2229f0,#14181ef0);box-shadow:inset 0 1px #ffffff0a,0 16px 38px #0003}.trak-2-primary-vehicle{border-radius:1.65rem;overflow:hidden}.primary-vehicle-carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;min-width:0;position:relative;overflow:hidden}.primary-vehicle-track{width:100%;transform:translate3d(calc(-100% + var(--carousel-drag,0px)), 0, 0);will-change:transform;direction:ltr;display:flex}.primary-vehicle-carousel.is-animating .primary-vehicle-track{transition:transform .28s cubic-bezier(.22,.78,.2,1)}.primary-vehicle-carousel.is-dragging .primary-vehicle-track{transition:none}.primary-vehicle-slide{flex:0 0 100%;min-width:0;padding-inline:1px}[dir=rtl] .primary-vehicle-slide{direction:rtl}.primary-vehicle-carousel img,.primary-vehicle-slide{-webkit-user-drag:none}.primary-vehicle-carousel:focus-visible{outline-offset:3px;border-radius:1.65rem;outline:2px solid #5b7effd1}.primary-vehicle-main{grid-template-columns:minmax(0,.9fr) minmax(9rem,1.25fr) 4.4rem;align-items:center;min-height:12.2rem;padding:1rem;display:grid;position:relative}.primary-vehicle-copy{z-index:2;min-width:0;position:relative}.map-state-label{color:var(--trak2-green);background:#47826224;border:1px solid #6dd3a13d;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.67rem;font-weight:750;display:inline-flex}.map-state-label.state-moving,.map-state-label.state-moving i{background-color:var(--trak2-blue);color:#9eb3ff;border-color:#5078ff47}.map-state-label.state-stale,.map-state-label.state-offline,.map-state-label.state-stale i,.map-state-label.state-offline i{color:#adb4bd;background-color:#7d8590;border-color:#9199a438}.primary-vehicle-copy h2{color:#f4f6f9;letter-spacing:-.02em;margin:.7rem 0 .1rem;font-size:clamp(1.25rem,4.7vw,1.75rem)}[dir=rtl] .primary-vehicle-copy h2{letter-spacing:0}.primary-vehicle-copy p{color:var(--trak2-muted);margin:0;font-size:.82rem}.trak-outline-link{border:1px solid var(--trak2-line-strong);color:#d7dce3;border-radius:.65rem;align-items:center;gap:.25rem;margin-top:.8rem;padding:.45rem .65rem;font-size:.72rem;text-decoration:none;display:inline-flex}.primary-vehicle-main .vehicle-artwork{width:100%;height:10rem;margin:0}.primary-vehicle-main .vehicle-artwork img{object-fit:contain;filter:drop-shadow(0 18px 16px #00000073)}.primary-driver-grade{color:#e8b95c;text-align:center;align-content:center;gap:.1rem;min-width:0;display:grid}.primary-driver-grade.is-good{color:var(--trak2-green)}.primary-driver-grade.no-movement-today{color:#aeb5c0}.primary-driver-grade.no-movement-today strong{font-size:.72rem;line-height:1.45}.primary-driver-grade span{color:#aeb5c0;font-size:.62rem}.primary-driver-grade strong{color:currentColor;font-size:2rem;line-height:1.1}.primary-driver-grade i{background:#333b47;border-radius:999px;width:100%;height:.27rem;margin-top:.35rem;display:block;overflow:hidden}.primary-driver-grade i:after{width:var(--score-fill);border-radius:inherit;content:"";background:currentColor;height:100%;display:block}.primary-vehicle-metrics{border-top:1px solid var(--trak2-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.primary-vehicle-metrics>span{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:0 .55rem;min-width:0;padding:.7rem .55rem;display:grid;position:relative}.primary-vehicle-metrics>span+span:before{background:var(--trak2-line);content:"";width:1px;position:absolute;inset-block:25%;inset-inline-start:0}.primary-vehicle-metrics>span:nth-child(3){border-inline-start:2px solid color-mix(in srgb, var(--trak2-line) 75%, #8a96aa 25%)}.primary-vehicle-metrics>span:nth-child(3):before{display:none}.primary-vehicle-metrics svg{color:#a4acb7;grid-row:1/3}.primary-vehicle-metrics small{color:#949ba6;text-overflow:clip;white-space:nowrap;font-size:clamp(.49rem,2.15vw,.61rem);line-height:1.2;overflow:hidden}.primary-vehicle-metrics strong{color:#e8ebef;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(.56rem,2.45vw,.74rem);overflow:visible}.primary-vehicle-metrics .oil-metric{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:.28rem .2rem}.oil-metric small{align-self:center}.oil-metric strong{color:#dfb35c;font-size:clamp(.56rem,2.35vw,.72rem)}.oil-life-track{background:#dfb35c33;border-radius:999px;grid-column:1/3;align-self:center;width:100%;height:.28rem;display:block;overflow:hidden}.oil-life-track b{width:var(--oil-progress);border-radius:inherit;background:#dfb35c;height:100%;display:block}.vehicle-selector-dots{justify-content:center;gap:.4rem;display:flex}.vehicle-selector-dots button{width:.45rem!important;min-width:0!important;height:.45rem!important;min-height:0!important;box-shadow:none!important;background:#4b5260!important;border:0!important;border-radius:50%!important;padding:0!important}.vehicle-selector-dots button[aria-pressed=true]{background:var(--trak2-blue)!important;border-radius:999px!important;width:1.25rem!important}.trak-2-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.trak-2-stat-card{border-radius:1rem;align-content:space-between;min-width:0;min-height:7.25rem;padding:.85rem;display:grid}.trak-2-stat-card small,.trak-2-stat-card span{color:#989faa;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.trak-2-stat-card div{align-items:center;gap:.55rem;display:flex}.trak-2-stat-card svg{color:#858e9a}.trak-2-stat-card strong{color:#e5e8ec;font-size:clamp(1.25rem,5vw,1.75rem)}.trak-2-stat-card.tone-blue strong{color:#7894ff}.trak-2-wide-row{border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:5.1rem;padding:.8rem;text-decoration:none;display:grid}.trak-2-wide-row div{min-width:0}.trak-2-wide-row small,.trak-2-wide-row strong,.trak-2-wide-row span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trak-2-wide-row small,.trak-2-wide-row span{color:#929aa5;font-size:.7rem}.trak-2-wide-row strong{color:#e9edf2;margin-block:.12rem;font-size:.88rem}.trak-2-recent-panel{border-radius:1.15rem;gap:.55rem;padding:.9rem;display:grid}.trak-2-recent-panel h2{color:#f0f3f7;margin:0 0 .15rem;font-size:1rem}.trak-2-app-shell .icon-tile{color:#91a8ff;background:#2e437080;border-color:#9eb5de24;place-items:center;padding:0;display:grid;box-shadow:inset 0 1px #ffffff0a}.indicator-event dd.is-over-limit{color:#ff6673;font-weight:800}.kpi-card:is(button){width:100%;color:inherit;font:inherit;cursor:pointer}.kpi-card:is(button).is-selected{border-color:#5078ff8c;box-shadow:inset 0 0 0 1px #5078ff33,0 10px 26px #0000002e}.notification-page,.profile-page{gap:1rem;display:grid}.notification-list,.profile-details{gap:.65rem;display:grid}.notification-list article,.profile-details article,.profile-details form{border:1px solid var(--trak2-line);background:var(--trak2-panel);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.85rem;display:grid}.notification-list .notification-open{min-width:0;color:inherit;grid-column:span 2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;text-decoration:none;display:grid}.notification-list .notification-open>div{min-width:0}.notification-list .notification-chevron{width:1rem;color:var(--trak2-muted)}.profile-details form label{min-width:0}.profile-details form input{width:100%;margin-top:.25rem}.profile-details form button{min-width:4.5rem}.notification-list article.is-unread{border-color:#5078ff6b}.event-list article.is-focused{border-color:#5679ffbf;box-shadow:0 0 0 2px #4c71ff29,0 12px 28px #00000040}.notification-selection-header{grid-template-columns:1fr auto 1fr;align-items:center;min-height:2.4rem;padding-inline:.15rem;display:grid}.notification-selection-header button{color:#8099ff;width:max-content;font:inherit;background:0 0;border:0;padding:.45rem .25rem;font-size:.82rem;font-weight:700}.notification-selection-header button:last-child{justify-self:end}.notification-selection-header .notification-select-start{grid-column:3;justify-self:end}.notification-selection-header strong{color:var(--trak2-muted);font-size:.74rem;font-weight:650}.notification-selection-actions{z-index:59;bottom:calc(env(safe-area-inset-bottom,0px) + 5.75rem);pointer-events:none;justify-content:center;padding:.55rem 1rem;display:flex;position:fixed;inset-inline:0}.notification-selection-actions button{color:#94a9ff;width:min(100%,34rem);min-height:3rem;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#181d27f5;border:1px solid #5d7ce859;border-radius:1rem;justify-content:center;align-items:center;gap:.4rem;font-size:.84rem;font-weight:800;display:inline-flex;box-shadow:0 12px 30px #00000059}.notification-selection-actions button:disabled{opacity:.45}.notification-page:has(.notification-selection-actions){padding-bottom:4.5rem}.notification-list article.is-selecting{grid-template-columns:auto minmax(0,1fr)}.notification-list article.is-selected{background:#233050d1;border-color:#4c71ffbf}.notification-list article.is-selecting .notification-open{grid-column:auto}.notification-select-item{border:1px solid var(--trak2-line-strong);color:#0000;background:0 0;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;padding:0;display:grid}.notification-select-item[aria-pressed=true]{color:#fff;background:#2f5eff;border-color:#587cff}.notification-list article>div,.profile-details article>div{min-width:0}.notification-list :is(strong,span,small),.profile-details :is(strong,small){text-overflow:ellipsis;display:block;overflow:hidden}.notification-list span,.notification-list small,.profile-details small{color:var(--trak2-muted);font-size:.72rem}.notification-list .notification-dismiss{color:#e5e9ef;background:0 0;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.notification-list .notification-dismiss:is(:hover,:focus-visible){color:#fff;background:#ffffff12}[data-theme=light]{--trak2-bg:#e9edf2;--trak2-panel:#fafcffe8;--trak2-panel-soft:#f5f8fccc;--trak2-line:#2b394c24;--trak2-line-strong:#2b394c38;--trak2-muted:#687283}[data-theme=light] .trak-map-shell{color:#18202b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .trak-map-background:after{background:linear-gradient(#eef3f914,#0000 30%,#e9edf2d6 70%)}[data-theme=light] .trak-2-app-shell :is(.trak-2-primary-vehicle,.trak-2-stat-card,.trak-2-wide-row,.trak-2-recent-panel,.feature-hero,.kpi-card,.notification-list article,.profile-details article){border-color:var(--trak2-line);background:var(--trak2-panel);color:#18202b}[data-theme=light] .trak-2-app-shell :is(h1,h2,h3,strong,.primary-vehicle-metrics strong,.trak-2-wide-row strong,.trak-2-recent-panel h2){color:#18202b}.trak-2-app-shell .icon-green{color:var(--trak2-green);background:#40705557}.trak-2-activity-row{background:#ffffff06;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.5rem;text-decoration:none;display:grid}.trak-2-activity-row span,.trak-2-activity-row strong,.trak-2-activity-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trak-2-activity-row strong{font-size:.76rem}.trak-2-activity-row small{color:#949ba5;font-size:.65rem}.trak-2-app-shell .bottom-nav{z-index:60;border-color:var(--trak2-line-strong);-webkit-backdrop-filter:blur(12px)saturate(.8);backdrop-filter:blur(12px)saturate(.8);background:#161a20e8;width:min(100% - 1rem,39rem);box-shadow:inset 0 1px #ffffff0d,0 18px 45px #0000005c}.trak-2-app-shell .bottom-nav a[aria-current=page]{color:#7894ff;background:#3a486a59;border-color:#5d7ce847}.full-map-ui{z-index:80;pointer-events:none;position:fixed;inset:0}.full-map-toolbar{top:calc(var(--safe-top) + .85rem);pointer-events:auto;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid;position:absolute;inset-inline:.85rem}.full-map-toolbar strong{border:1px solid var(--trak2-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e13b8;border-radius:999px;justify-self:center;padding:.55rem .85rem;font-size:.84rem}.map-control-button{padding:0}.full-map-vehicle-sheet{inset-inline:max(.75rem,50vw - 11.5rem);bottom:calc(.75rem + var(--safe-bottom));border:1px solid var(--trak2-line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#161b22f0;border-radius:1.2rem;min-height:0;padding:.75rem;position:absolute;box-shadow:0 -20px 60px #00000059}.full-map-vehicle-sheet-compact{grid-template-columns:6.25rem minmax(0,1fr);grid-template-areas:"artwork identity""artwork action";align-items:center;gap:.35rem .75rem;display:grid}.full-map-vehicle-sheet-compact .vehicle-artwork{grid-area:artwork;width:6.25rem;height:5.25rem;margin:0}.full-map-vehicle-sheet-compact .vehicle-artwork img{object-fit:contain;filter:drop-shadow(0 10px 9px #00000061)}.full-map-vehicle-head{grid-area:identity;align-items:center;min-width:0;display:block}.full-map-vehicle-head h2{text-overflow:ellipsis;white-space:nowrap;margin:.35rem 0 0;font-size:1rem;overflow:hidden}.full-map-vehicle-head p{color:#9ba3ad;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.68rem;overflow:hidden}.full-map-detail-link{border-radius:.65rem;grid-area:action;justify-content:center;justify-self:start;align-items:center;width:auto;min-height:2.2rem;margin:0;padding:.42rem .8rem;font-size:.7rem;text-decoration:none;display:inline-flex}.full-map-empty{align-content:center;place-items:center;gap:.5rem;min-height:7rem;display:grid}@media (min-width:48rem){.trak-2-app-shell.active-home .app-main{padding-top:min(48vh,30rem)}.trak-2-dashboard{width:min(100%,58rem);margin-inline:auto}.full-map-vehicle-sheet{width:min(23rem,100% - 1.5rem);margin-inline:auto}}@media (max-width:25rem){.trak-2-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.trak-header-identity strong{max-width:7.5rem;font-size:.88rem}.trak-header-actions{gap:.35rem}.trak-round-action{width:2.45rem;height:2.45rem}.primary-vehicle-main{grid-template-columns:minmax(0,1fr) minmax(7.5rem,1.2fr) 3.5rem;padding:.8rem}.primary-driver-grade strong{font-size:1.5rem}.primary-vehicle-metrics>span{gap:0 .22rem;padding:.6rem .3rem}.primary-vehicle-metrics svg{width:17px}.primary-vehicle-metrics small{font-size:.55rem}.primary-vehicle-metrics strong{font-size:.66rem}.trak-2-stat-grid{gap:.45rem}.trak-2-stat-card{min-height:6.8rem;padding:.65rem}}@media (prefers-reduced-motion:reduce){.trak-map-shell *,.trak-map-shell :before,.trak-map-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.trak-round-action,.map-live-indicator,.map-fleet-chip,.full-map-toolbar strong,.full-map-vehicle-sheet,.trak-2-app-shell .bottom-nav{background:#14181efa}}.trak-shell-bootstrap{background:var(--trak2-bg);min-height:100dvh}.trak-map-shell .detail-shell,.trak-map-shell .detail-main{background:#07090d75}.trak-map-shell .vehicle-sheet{background:linear-gradient(#0000 0,#07090d14 5rem,#07090d29 12rem,#07090d3d 24rem,#07090d4d 100%)}[data-theme=light] .trak-map-shell .detail-shell,[data-theme=light] .trak-map-shell .detail-main{background:#e9edf27a}[data-theme=light] .trak-map-shell .vehicle-sheet{background:linear-gradient(#0000 0,#e9edf214 5rem,#e9edf229 12rem,#e9edf23d 24rem,#e9edf24d 100%)}