:root{--bg:#f3f7fc;--surface:#fff;--surface-soft:#f8fbfe;--surface-blue:#eef7ff;--text:#0d2746;--muted:#8499b2;--blue:#0785f5;--blue-strong:#086bc8;--blue-soft:#e8f4ff;--green:#12af72;--green-soft:#e8f8f1;--amber:#e8aa19;--amber-soft:#fff6df;--red:#ef5261;--red-soft:#fff0f2;--border:#e4edf5;--shadow:0 16px 38px #335a7c14;--shadow-soft:0 8px 24px #335a7c0f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1420;--surface:#111e2c;--surface-soft:#152434;--surface-blue:#122b42;--text:#eef7ff;--muted:#8fa6bc;--blue:#3ca2ff;--blue-strong:#70b9ff;--blue-soft:#173c5b;--green:#35c88d;--green-soft:#143d31;--amber:#f1bb3e;--amber-soft:#3d3217;--red:#ff6975;--red-soft:#46232b;--border:#22384c;--shadow:0 18px 42px #0000003d;--shadow-soft:0 8px 24px #00000029;--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) calc(6.35rem + var(--safe-bottom));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}.shield-mark{place-items:center;width:2.3rem;height:2.7rem;display:grid;position:relative;overflow:hidden}.shield-mark:before{clip-path:polygon(50% 0,100% 18%,88% 72%,50% 100%,12% 72%,0 18%);content:"";background:linear-gradient(145deg,#229af9,#0570d5);border-radius:.35rem .35rem 1.1rem 1.1rem;width:2.1rem;height:2.5rem}.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;display:inline-grid}.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){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>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:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1f3259;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:var(--surface);border-radius:1.6rem;width:min(100%,45rem);max-height:90vh;padding:1.2rem;position:relative;overflow:auto;box-shadow:0 28px 90px #0c1f3242}.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(3,1fr);gap:.25rem;margin-top:.8rem;padding:.35rem;display:grid}: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}.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}.shield-mark{width:1.8rem;height:2.1rem}.shield-mark:before{width:1.7rem;height:2rem}.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}}