:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--body-text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;--bg:#0a0b0c;--panel:#111315;--panel-2:#17191b;--panel-3:#1c1f21;--line:#292c2e;--line-soft:#202325;--body-text:#f1f2ee;--text:#f2f2ee;--muted:#8b8f90;--muted-2:#626668;--amber:#df9c35;--amber-bright:#f1b452;--amber-soft:#df9c351f;--green:#67a979;--red:#d86b5f;--blue:#6c98bd;--surface-app:#0b0c0d;--surface-sidebar:#0e1011;--surface-card:#131517;--surface-card-alt:#151719;--surface-inset:#101213;--surface-elevated:#17191b;--surface-deep:#0d0f10;--surface-hover:#202325;--border-strong:#343738;--border-hover:#55595a;--text-soft:#c5c7c3;--text-secondary:#9a9d9d;--text-tertiary:#777b7c;--text-faint:#5c6061;--accent-fill:#df9c35;--on-accent:#17130c;--purple:#b58bce;--teal:#75a9ad;--warning:#d28760;--chart-hours:#68a5c6;--chart-hours-bright:#75b3d4;--shadow-card:#00000057;--shadow-elevated:#0000008c;--shadow-modal:#000000a6;--modal-backdrop:#030404d1;--mobile-surface:#0d0f10f2;--mobile-surface-strong:#0e1011f7;--image-text:#f2f2ee;--sidebar:246px;--radius:9px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:0}body{background:var(--bg);min-width:0;min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:disabled{cursor:not-allowed}.shell{width:min(1180px,100% - 80px);margin-inline:auto}.eyebrow{color:var(--amber);letter-spacing:.18em;margin:0 0 11px;font-size:11px;font-weight:800}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #67a9791c}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;width:max-content;padding:0;display:flex}.brand-mark{width:38px;height:38px;color:var(--amber);background:linear-gradient(145deg,#201a11,#111);border:1px solid #4a3920;border-radius:6px;place-items:center;display:grid}.brand>span:last-child{flex-direction:column;line-height:.9;display:flex}.brand strong{letter-spacing:.11em;font-family:Arial Narrow,Impact,sans-serif;font-size:18px}.brand small{color:var(--amber);letter-spacing:.42em;margin-top:5px;font-size:8px;font-weight:900}.brand.compact .brand-mark{width:34px;height:34px}.brand.compact strong{font-size:16px}.garage-home{background:radial-gradient(circle at 74% 22%,#df9c3512,#0000 26%),linear-gradient(#0e1011 0%,#090a0b 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.garage-home:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.home-header{z-index:1;border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-block:34px;display:flex;position:relative}.theme-toggle{width:62px;height:35px;color:var(--text-tertiary);cursor:pointer;border:1px solid var(--line);background:var(--surface-inset);box-shadow:inset 0 1px 2px var(--shadow-card);border-radius:999px;flex:none;grid-template-columns:repeat(2,27px);gap:2px;padding:3px;display:inline-grid;position:relative}.theme-toggle-slider{background:var(--surface-elevated);width:27px;height:27px;box-shadow:0 1px 5px var(--shadow-card), inset 0 0 0 1px var(--line-soft);border-radius:50%;transition:transform .22s;position:absolute;top:3px;left:3px}.theme-toggle.is-dark .theme-toggle-slider{transform:translate(29px)}.theme-toggle-icon{z-index:1;place-items:center;line-height:0;transition:color .18s;display:grid;position:relative}.theme-toggle:not(.is-dark) .sun,.theme-toggle.is-dark .moon{color:var(--amber)}.theme-toggle:hover .theme-toggle-icon{color:var(--text)}.theme-toggle:hover:not(.is-dark) .sun,.theme-toggle.is-dark:hover .moon{color:var(--amber)}.home-intro{z-index:1;padding-top:clamp(58px,8vh,100px);position:relative}.home-intro h1{letter-spacing:-.025em;text-transform:uppercase;max-width:690px;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(48px,6.4vw,86px);font-weight:800;line-height:.94}.home-lead{color:#9a9d9d;max-width:575px;margin:27px 0 0;font-size:16px;line-height:1.7}.vehicle-grid{z-index:1;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px;margin-top:55px;display:grid;position:relative}.vehicle-select-card{text-align:left;cursor:pointer;background:#151719;border:1px solid #383a3a;border-radius:11px;min-height:330px;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.vehicle-select-card:hover{border-color:#76603c;transform:translateY(-3px);box-shadow:0 22px 50px #00000057}.vehicle-select-card img{object-fit:cover;object-position:center 57%;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.vehicle-select-card:hover img{transform:scale(1.025)}.vehicle-card-empty{background:radial-gradient(circle at 65% 38%,#242729 0%,#141617 42%,#0f1112 100%)}.vehicle-placeholder{color:#3d4243;place-items:center;display:grid;position:absolute;inset:0}.vehicle-card-empty .vehicle-image-shade{background:linear-gradient(#0506070a,#050607e6)}.vehicle-state.incomplete{color:#8a8e8e}.vehicle-state.incomplete span{background:#686c6d}.vehicle-image-shade{background:linear-gradient(#0506070d 22%,#0506071f 45%,#050607f0 100%),linear-gradient(90deg,#08090a73,#0000 44%);position:absolute;inset:0}.vehicle-card-content{flex-direction:column;justify-content:space-between;padding:24px 26px;display:flex;position:absolute;inset:0}.vehicle-card-topline{justify-content:space-between;align-items:center;display:flex}.vehicle-year{color:#e4e4de;letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d0e8a;border:1px solid #ffffff3d;border-radius:4px;padding:6px 9px;font-size:10px;font-weight:800}.vehicle-state{color:#c6d7c8;font-size:11px;font-weight:700}.vehicle-state span{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.vehicle-card-bottom{justify-content:space-between;align-items:end;gap:15px;display:flex}.vehicle-card-bottom>span:first-child{flex-direction:column;display:flex}.vehicle-card-bottom strong{letter-spacing:.015em;text-transform:uppercase;font-family:Arial Narrow,Impact,sans-serif;font-size:31px}.vehicle-card-bottom small{color:#aeb0af;margin-top:7px;font-size:12px}.round-arrow{color:#161616;background:var(--amber);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:grid}.vehicle-select-card:hover .round-arrow{background:var(--amber-bright);transform:translate(3px)}.add-vehicle-card{min-height:330px;color:var(--muted-2);background:#1113158c;border:1px dashed #323638;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.add-vehicle-icon{border:1px solid #343739;border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:6px;display:grid}.add-vehicle-card strong{color:#8e9292;font-size:14px}.add-vehicle-card small{font-size:11px}.home-footer{z-index:1;color:#4f5354;letter-spacing:.16em;margin-top:auto;padding-block:42px 25px;font-size:9px;font-weight:800;display:flex;position:relative}.app-shell{background:#0b0c0d;min-height:100vh}.sidebar{z-index:20;width:var(--sidebar);border-right:1px solid var(--line);background:#0e1011;flex-direction:column;padding:24px 18px 19px;display:flex;position:fixed;inset:0 auto 0 0;overflow-x:hidden}.sidebar .brand{margin:0 8px 29px}.current-vehicle-mini{background:#151719;border:1px solid #292c2e;border-radius:7px;grid-template-columns:43px 1fr auto;align-items:center;gap:10px;margin:15px 0 25px;padding:8px;display:grid}.current-vehicle-mini img{object-fit:cover;filter:saturate(.8);border-radius:4px;width:43px;height:40px}.mini-placeholder{color:#65696a;background:#232628;border-radius:4px;place-items:center;width:43px;height:40px;display:grid}.current-vehicle-mini div{flex-direction:column;min-width:0;display:flex}.current-vehicle-mini strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.current-vehicle-mini small{color:var(--muted);margin-top:4px;font-size:9px}.current-vehicle-mini>svg{color:#565a5b}.vehicle-switcher{flex-direction:column;gap:7px;margin:15px 0 25px;display:flex}.vehicle-dropdown .dropdown-trigger{width:100%;height:43px;color:var(--text);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-card-alt);border-radius:7px;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:0 8px 0 9px;font-size:10px;font-weight:700;display:grid}.vehicle-dropdown .dropdown-trigger:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);background:var(--surface-hover)}.vehicle-dropdown .dropdown-leading-icon{color:var(--amber)}.custom-dropdown{min-width:0;color:var(--text);position:relative}.dropdown-trigger{text-align:left;cursor:pointer;background:linear-gradient(#171a1c,#111315);border:1px solid #363a3b;border-radius:5px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;height:41px;padding:0 11px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.dropdown-trigger.has-leading-icon{grid-template-columns:18px minmax(0,1fr) 18px}.dropdown-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-leading-icon{place-items:center;display:grid}.dropdown-leading-icon>svg{display:block}.dropdown-chevron{fill:none;stroke:#777b7c;stroke-width:1.8px;width:17px;height:17px;transition:transform .18s,stroke .18s}.dropdown-trigger:hover:not(:disabled){background:#1b1e20;border-color:#55595a}.dropdown-trigger:focus-visible,.custom-dropdown.is-open .dropdown-trigger{border-color:#8a6630;outline:0;box-shadow:0 0 0 2px #df9c351f}.custom-dropdown.is-open .dropdown-chevron{stroke:var(--amber);transform:rotate(180deg)}.dropdown-trigger:disabled{color:#5d6162;cursor:not-allowed;background:#111315}.dropdown-menu{z-index:1000;scrollbar-color:#555 var(--panel);background:#141719;border:1px solid #424647;border-radius:7px;max-height:300px;padding:5px;position:fixed;overflow:hidden auto;box-shadow:0 18px 45px #0000008c}.dropdown-menu button{color:#b7b9b6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 14px;width:100%;min-height:38px;padding:7px 9px;display:grid}.dropdown-menu button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-menu button>small{color:#626667;grid-area:2/1;font-size:7px}.dropdown-menu button>svg{fill:none;width:15px;height:15px;stroke:var(--amber);stroke-width:2px;grid-area:1/2/3}.dropdown-menu button.highlighted{color:#f1f2ee;background:#222527}.dropdown-menu button.selected{color:var(--amber-bright)}.dropdown-menu button:disabled{color:#565a5b;cursor:not-allowed}.intervention-dropdown .dropdown-menu{min-width:100%}.side-nav{flex-direction:column;gap:5px;display:flex}.nav-section-label{color:#515556;letter-spacing:.18em;margin:0 10px 5px;font-size:8px;font-weight:800}.side-nav button{color:#878b8b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:12px;display:flex;position:relative}.side-nav button:hover{color:#d3d4d0;background:#151719}.side-nav button.active{color:var(--text);background:linear-gradient(90deg,#df9c3526,#df9c3509)}.side-nav button.active:before{content:"";background:var(--amber);border-radius:2px;width:2px;height:19px;position:absolute;left:0;box-shadow:0 0 10px #df9c3566}.side-nav button.active svg{color:var(--amber)}.privacy-note{color:#6f7374;background:#131517;border:1px solid #292c2e;border-radius:6px;gap:9px;margin-top:22px;padding:12px 10px;display:flex}.privacy-note>span{flex-direction:column;display:flex}.privacy-note strong{color:#999c9c;font-size:9px}.privacy-note small{margin-top:4px;font-size:8px;line-height:1.45}.sidebar-bottom{flex-direction:column;margin-top:auto;display:flex}.admin-mode{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;padding:10px 7px;display:grid}.admin-mode:hover{border-color:var(--line);background:#151719}.admin-avatar{color:#85898a;border:1px solid #333638;border-radius:50%;place-items:center;width:31px;height:31px;line-height:0;display:grid}.admin-avatar svg{display:block}.admin-mode.is-admin .admin-avatar{color:var(--amber);background:var(--amber-soft);border-color:#584322}.admin-mode>span:nth-child(2){flex-direction:column;display:flex}.admin-mode strong{font-size:10px}.admin-mode small{color:#606465;margin-top:3px;font-size:8px}.toggle{background:#303335;border-radius:12px;width:27px;height:15px;transition:background .2s;position:relative}.toggle i{background:#777;border-radius:50%;width:9px;height:9px;transition:left .2s,background .2s;position:absolute;top:3px;left:3px}.is-admin .toggle{background:#725529}.is-admin .toggle i{background:var(--amber);left:15px}.workspace{min-height:100vh;margin-left:var(--sidebar)}.mobile-topbar,.mobile-tabs{display:none}.vehicle-hero{background:#101214;border-bottom:1px solid #2a2c2d;min-height:408px;position:relative;overflow:hidden}.hero-background{object-fit:cover;object-position:center 56%;filter:saturate(.72)brightness(.68);width:100%;height:100%;position:absolute;inset:0}.hero-placeholder{color:#35393a;background:radial-gradient(circle,#24282a,#0f1112 66%);place-items:center;display:grid}.hero-overlay{background:linear-gradient(90deg,#08090afa 0%,#08090ac2 36%,#08090a38 68%,#08090a5e 100%),linear-gradient(#0000 45%,#08090afc 100%);position:absolute;inset:0}.hero-content{z-index:1;flex-direction:column;justify-content:space-between;min-height:408px;padding:53px clamp(28px,4vw,62px) 27px;display:flex;position:relative}.hero-title h1{letter-spacing:-.015em;text-transform:uppercase;text-shadow:0 3px 25px #00000073;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.98}.hero-title>p:last-child{color:#a5a8a7;letter-spacing:.05em;margin:11px 0 0;font-size:13px;font-weight:550}.metric-grid{grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(270px,1.8fr);gap:8px;display:grid}.metric-grid.public-metrics{grid-template-columns:repeat(4,minmax(120px,1fr));max-width:760px}.metric-card,.service-metric{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121415d6;border:1px solid #ffffff1c;border-radius:7px;min-height:82px}.metric-card{align-items:center;gap:11px;padding:15px 13px;display:flex}.metric-icon{width:33px;height:33px;color:var(--amber);background:#df9c3514;border:1px solid #49391f;border-radius:5px;flex:none;place-items:center;display:grid}.metric-card>span:last-child{flex-direction:column;min-width:0;display:flex}.metric-card small,.service-metric small{color:#777b7c;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800}.metric-card strong{white-space:nowrap;letter-spacing:.025em;min-width:0;font-family:Arial Narrow,Impact,sans-serif;font-size:21px}.metric-card strong i{color:var(--amber-bright);font:inherit;margin-right:2px;font-style:normal}.metric-card strong b{color:#868a8b;font-family:inherit;font-size:10px;font-weight:600}.service-metric{padding:12px 14px}.service-metric-head{grid-template-columns:33px 1fr auto;align-items:center;gap:10px;display:grid}.service-metric-head>span:nth-child(2){flex-direction:column;display:flex}.service-metric-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.service-metric-head b{color:var(--service-status-color,var(--amber-bright));white-space:nowrap;align-self:end;align-items:center;gap:6px;font-size:10px;display:flex}.service-metric-head b em{color:var(--service-status-color,var(--amber-bright));letter-spacing:.08em;border:1px solid color-mix(in srgb, var(--service-status-color,var(--amber-bright)) 48%, transparent);border-radius:3px;padding:3px 4px;font-size:6px;font-style:normal;font-weight:900}.service-metric.status-ok{--service-status-color:var(--green)}.service-metric.status-soon{--service-status-color:var(--amber)}.service-metric.status-due{--service-status-color:var(--warning)}.service-metric.status-overdue{--service-status-color:var(--red);border-color:color-mix(in srgb, var(--red) 55%, transparent)}.progress-track{background:#303335;border-radius:5px;height:3px;margin-top:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--service-status-color,var(--amber-bright)) 70%, #151719), var(--service-status-color,var(--amber-bright)));height:100%;display:block}.progress-labels{color:#626667;justify-content:space-between;margin-top:5px;font-size:7px;display:flex}.content-area{max-width:1260px;margin:auto}.tab-view{padding:44px clamp(28px,4vw,62px) 80px;animation:.22s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px;display:flex}.section-heading h2{letter-spacing:.015em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:34px}.section-heading>div>p:last-child{color:var(--muted);margin:8px 0 0;font-size:12px}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-size:11px;font-weight:800;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.primary-button{color:#17130c;border:1px solid var(--amber);background:var(--amber)}.primary-button:hover:not(:disabled){border-color:var(--amber-bright);background:var(--amber-bright)}.primary-button:disabled{color:#6c6e6d;background:#202224;border-color:#303335}.secondary-button{color:#c6c7c3;background:#181a1c;border:1px solid #393c3d}.secondary-button:hover{background:#202325;border-color:#55595a}.ghost-button{color:#999c9c;background:0 0;border:1px solid #0000}.ghost-button:hover{color:#fff;background:#222426}.icon-button{cursor:pointer;background:#17191b;border:1px solid #36393b;border-radius:5px;place-items:center;width:38px;height:38px;padding:0;display:grid}.journal-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:12px 0 16px;display:flex}.filter-pills{flex-wrap:wrap;gap:5px;display:flex}.filter-pills button{color:#777b7b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.filter-pills button span{color:#666a6a;background:#202325;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:8px;display:grid}.filter-pills button:hover{color:#ccc}.filter-pills button.active{color:#e5e5e0;background:#191b1d;border-color:#343738}.filter-pills button.active span{color:var(--amber);background:var(--amber-soft)}.sort-label{color:#626667;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:7px 5px;font-size:9px;font-weight:700;display:flex}.sort-label:hover{color:var(--text)}.sort-label svg{transition:transform .2s}.sort-label.oldest svg{transform:rotate(180deg)}.timeline{padding-top:23px;position:relative}.timeline:before{content:"";background:#2c2f30;width:1px;position:absolute;top:0;bottom:0;left:21px}.timeline-entry{grid-template-columns:43px 77px 1fr;align-items:start;gap:15px;margin-bottom:14px;display:grid;position:relative}.timeline-marker{z-index:1;color:#969999;background:#141618;border:1px solid #343738;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:relative;box-shadow:0 0 0 6px #0b0c0d}.timeline-marker.type-entretien{color:var(--amber);border-color:#5b4422}.timeline-marker.type-réparation{color:var(--red);border-color:#56312d}.timeline-marker.type-modification{color:var(--blue);border-color:#30475a}.timeline-marker.type-contrôle{color:var(--green);border-color:#31503a}.timeline-marker.type-contrôle-technique{color:var(--purple);border-color:#574265}.entry-date{flex-direction:column;padding-top:5px;display:flex}.entry-date strong{font-family:Arial Narrow,Impact,sans-serif;font-size:22px;line-height:1}.entry-date span{color:#65696a;letter-spacing:.1em;margin-top:5px;font-size:8px;font-weight:800}.entry-card{background:linear-gradient(135deg,#141618,#101214);border:1px solid #292c2d;border-radius:7px;padding:17px 19px 16px;transition:border-color .2s,background .2s}.entry-card:hover{background:#151719;border-color:#3a3e3f}.entry-topline{align-items:center;gap:8px;display:flex}.type-badge,.latest-badge{letter-spacing:.11em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:4px 7px;font-size:7px;font-weight:900}.type-badge.type-entretien{color:var(--amber);background:#df9c3514;border-color:#624823}.type-badge.type-réparation{color:#e58175;background:#d86b5f14;border-color:#63352f}.type-badge.type-modification{color:#78a9d0;background:#6c98bd14;border-color:#34536c}.type-badge.type-contrôle{color:#79ba89;background:#67a97914;border-color:#365b3f}.type-badge.type-contrôle-technique{color:#c09bd6;background:#b58bce17;border-color:#574265}.type-badge.type-relevé{color:#aaaead;background:#a0a4a412;border-color:#45494a}.type-badge.type-carburant{color:#b998d0;background:#a471c514;border-color:#574265}.timeline-marker.type-relevé{color:#a5a9a8;border-color:#464a4b}.timeline-marker.type-carburant{color:#b58bce;border-color:#574265}.type-badge.type-pneumatiques{color:#75a9ad;background:#5b979c14;border-color:#36575a}.timeline-marker.type-pneumatiques{color:#75a9ad;border-color:#36575a}.uncertain-badge{color:#c78a63;letter-spacing:.1em;border:1px dashed #69472f;border-radius:3px;padding:4px 7px;font-size:7px;font-weight:900}.subtype-badge{color:#8c9090;letter-spacing:.1em;text-transform:uppercase;border:1px solid #3b3f40;border-radius:3px;padding:4px 7px;font-size:7px;font-weight:900}.latest-badge{color:#7d8181;border-color:#353839}.entry-readings{color:#777b7c;align-items:center;gap:5px;margin-left:auto;font-size:9px;font-weight:700;display:flex}.entry-readings i{background:#4d5152;border-radius:50%;width:2px;height:2px;margin-inline:3px}.entry-card h3{margin:13px 0 7px;font-size:14px}.entry-card>p{color:#85898a;max-width:780px;margin:0;font-size:11px;line-height:1.65}.entry-meta{border-top:1px solid #252829;gap:28px;margin-top:14px;padding-top:12px;display:flex}.entry-meta span{flex-direction:column;display:flex}.entry-meta small{color:#55595a;letter-spacing:.12em;font-size:7px;font-weight:900}.entry-meta strong{color:#a9abab;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.entry-actions{border-top:1px solid #252829;align-items:center;gap:4px;margin-top:13px;padding-top:10px;display:flex}.entry-actions>span{flex:1}.entry-actions button{color:#717576;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:8px;font-weight:750;display:flex}.entry-actions button:hover{color:#d0d1cd;background:#202325}.entry-actions button.danger:hover,.danger{color:#c46c63!important}.entry-attachments{gap:5px;margin-top:13px;display:grid}.loading-card,.empty-state{color:#737778;text-align:center;border:1px dashed #303334;border-radius:7px;padding:55px 20px}.empty-state{flex-direction:column;align-items:center;gap:8px;margin-left:58px;display:flex}.empty-state svg{color:#505455}.empty-state strong{color:#a4a7a6;font-size:12px}.empty-state span{font-size:10px}.maintenance-layout{grid-template-columns:minmax(260px,.72fr) minmax(430px,1.45fr);gap:18px;display:grid}.next-service-panel{border-radius:var(--radius);background:radial-gradient(circle at 95% 0,#df9c352e,#0000 40%),#151719;border:1px solid #594422;padding:25px;position:relative;overflow:hidden}.next-service-panel:after{content:"";border:1px solid #df9c351a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-65px;right:-30px}.panel-kicker{color:var(--amber);letter-spacing:.16em;font-size:8px;font-weight:900}.next-service-icon{width:54px;height:54px;color:var(--amber);background:var(--amber-soft);border:1px solid #5a4321;border-radius:8px;place-items:center;margin:29px 0 21px;display:grid}.next-service-panel h3{text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:25px}.next-service-panel p{color:#85898a;margin:11px 0 24px;font-size:11px;line-height:1.6}.next-service-panel p strong{color:#bfc0bd}.distance-big{align-items:end;gap:8px;margin-bottom:23px;display:flex}.distance-big strong{font-family:Arial Narrow,Impact,sans-serif;font-size:45px;line-height:.8}.distance-big span{color:#646869;letter-spacing:.12em;font-size:7px;font-weight:900}.hour-progress{background:#303335;border-radius:4px;height:5px;margin:0 0 8px;overflow:hidden}.hour-progress span{border-radius:inherit;background:linear-gradient(90deg, #9e681f, var(--amber-bright));height:100%;display:block}.next-service-panel .primary-button{z-index:1;width:100%;position:relative}.maintenance-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.maintenance-row{background:#131517;border:1px solid #292c2e;border-radius:7px;padding:17px}.maintenance-row-head{justify-content:space-between;gap:10px;display:flex}.maintenance-row-head>div{flex-direction:column;display:flex}.maintenance-row-head strong{font-size:11px}.maintenance-row-head span:not(.maintenance-status){color:#646869;margin-top:5px;font-size:8px}.maintenance-status{height:max-content;color:var(--green);letter-spacing:.1em;border:1px solid #31503a;border-radius:3px;padding:4px 5px;font-size:6px;font-weight:900}.maintenance-status.soon{color:var(--amber);border-color:#594422}.maintenance-status.watch{color:#d28760;border-color:#603f2e}.maintenance-progress{background:#292c2e;border-radius:4px;height:4px;margin:23px 0 9px;overflow:hidden}.maintenance-progress span{background:#657067;height:100%;display:block}.maintenance-row:has(.soon) .maintenance-progress span{background:var(--amber)}.maintenance-row:has(.watch) .maintenance-progress span{background:#b66f47}.maintenance-row-foot{color:#5d6162;justify-content:space-between;font-size:8px;display:flex}.maintenance-row-foot strong{color:#9a9d9d}.maintenance-row-readings{color:#9a9d9d;gap:14px;margin:21px 0 10px;font-size:9px;display:flex}.maintenance-row-readings span{align-items:center;gap:5px;display:flex}.maintenance-row-readings svg{color:var(--amber)}.maintenance-empty{grid-column:1/-1;margin-left:0}.vehicle-detail-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.detail-panel{background:#131517;border:1px solid #292c2e;border-radius:8px;overflow:hidden}.detail-panel h3{border-bottom:1px solid #292c2e;align-items:center;gap:9px;margin:0;padding:16px 18px;font-size:12px;display:flex}.detail-panel h3 svg{color:var(--amber)}.detail-panel dl{margin:0}.detail-panel dl>div{border-bottom:1px solid #222526;justify-content:space-between;align-items:center;gap:20px;min-height:46px;padding:10px 18px;display:flex}.detail-panel dl>div:last-child{border-bottom:0}.detail-panel dt{color:#6f7374;font-size:9px}.detail-panel dd{color:#c5c7c3;text-align:right;margin:0;font-size:10px;font-weight:650}.detail-empty{color:#5e6263;padding:25px 18px;font-size:10px}.secondary-button:disabled{color:#606465;cursor:not-allowed;background:#151719;border-color:#2b2e2f}.vehicle-edit-modal{width:min(720px,100%)}.vehicle-edit-modal header h2{white-space:nowrap;text-overflow:ellipsis;max-width:570px;overflow:hidden}.attachment-row{grid-template-columns:58px 1fr 32px 32px;align-items:center;gap:7px;padding:12px;display:grid}.attachment-row.compact{background:#101213;border:1px solid #282b2d;border-radius:5px;grid-template-columns:34px 1fr 28px 28px;padding:8px}.attachment-preview{width:58px;height:58px;color:var(--amber);cursor:pointer;background:#0d0f10;border:1px solid #373a3b;border-radius:5px;place-items:center;padding:0;display:grid;overflow:hidden}.attachment-row.compact .attachment-preview{width:34px;height:34px}.attachment-preview img{object-fit:cover;width:100%;height:100%}.attachment-info{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:start;min-width:0;padding:0;display:flex}.attachment-info strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.attachment-info small{color:#696d6e;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:8px;overflow:hidden}.attachment-info em{color:#9b7845;margin-top:5px;font-size:7px;font-style:normal}.attachment-delete,.attachment-download{color:#777b7c;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:29px;height:29px;padding:0;display:grid}.attachment-download:hover{color:var(--amber);background:var(--amber-soft)}.attachment-delete:hover{color:var(--red);background:#d86b5f14}.document-modal{width:min(650px,100%)}.document-modal header small{color:#6e7273;white-space:nowrap;text-overflow:ellipsis;max-width:520px;margin-top:5px;font-size:8px;display:block;overflow:hidden}.document-dropzone{color:#777b7c;cursor:pointer;background:#0e1011;border:1px dashed #45494a;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:145px;transition:border-color .2s,background .2s;display:flex}.document-dropzone.dragging,.document-dropzone:hover{color:var(--amber);background:var(--amber-soft);border-color:#79603a}.document-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.document-dropzone strong{margin-top:9px;font-size:11px}.document-dropzone span{color:#5e6263;margin-top:5px;font-size:8px}.selected-files{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px;display:grid}.selected-file{background:#101213;border:1px solid #292c2e;border-radius:5px;grid-template-columns:36px 1fr 25px;align-items:center;gap:8px;padding:7px;display:grid}.selected-file>span{width:36px;height:36px;color:var(--amber);background:#1b1e20;border-radius:4px;place-items:center;display:grid;overflow:hidden}.selected-file img{object-fit:cover;width:100%;height:100%}.selected-file div{flex-direction:column;min-width:0;display:flex}.selected-file strong{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.selected-file small{color:#626667;margin-top:3px;font-size:7px}.selected-file button{color:#777b7c;cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}.document-fields{margin-top:15px}.form-error{color:#de8379;background:#d86b5f14;border:1px solid #5f3430;border-radius:5px;margin:12px 0 0;padding:9px 11px;font-size:9px}.login-modal{width:min(500px,100%)}.login-setup-note{color:#777b7c;background:#101213;border:1px solid #303435;border-radius:7px;align-items:start;gap:12px;padding:16px;display:flex}.login-setup-note>svg{color:var(--amber);flex:none}.login-setup-note>div{flex-direction:column;gap:6px;display:flex}.login-setup-note strong{color:#c5c8c6;font-size:11px}.login-setup-note span,.login-setup-note small{font-size:9px;line-height:1.55}.login-setup-note small{color:var(--amber)}.estimate-check{color:#9a9d9d;background:#101213;border:1px solid #303435;border-radius:5px;grid-template-columns:18px 1fr;align-items:center;min-height:38px;padding:8px 10px;flex-direction:unset!important;display:grid!important}.estimate-check input{width:15px;height:15px;accent-color:var(--amber)}.estimate-check span{font-size:9px}.fuel-estimate-check{cursor:pointer;grid-template-columns:16px minmax(0,1fr);position:relative}.fuel-estimate-check input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.estimate-checkmark{color:#fff;border:1px solid var(--border-strong);background:var(--surface-elevated);border-radius:4px;place-items:center;width:16px;height:16px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.estimate-checkmark svg{opacity:0;transition:opacity .16s,transform .16s;display:block;transform:scale(.75)}.fuel-estimate-check:hover .estimate-checkmark{border-color:var(--border-hover)}.fuel-estimate-check input:checked+.estimate-checkmark{border-color:var(--accent-fill);background:var(--accent-fill)}.fuel-estimate-check input:checked+.estimate-checkmark svg{opacity:1;transform:scale(1)}.fuel-estimate-check input:focus-visible{outline:0}.fuel-estimate-check input:focus-visible+.estimate-checkmark{outline:2px solid var(--amber);outline-offset:2px}.session-persistence-check{color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-inset);border-radius:5px;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:10px;margin-top:14px;padding:11px 12px;display:grid;position:relative}.session-persistence-check:hover .estimate-checkmark{border-color:var(--border-hover)}.session-persistence-check input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.session-persistence-check input:checked+.estimate-checkmark{border-color:var(--accent-fill);background:var(--accent-fill)}.session-persistence-check input:checked+.estimate-checkmark svg{opacity:1;transform:scale(1)}.session-persistence-check input:focus-visible+.estimate-checkmark{outline:2px solid var(--amber);outline-offset:2px}.session-persistence-check>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.session-persistence-check strong{color:var(--text-soft);font-size:9px;line-height:1.4}.session-persistence-check small{color:var(--text-tertiary);font-size:8px;line-height:1.4}.home-loading,.data-error{grid-column:1/-1}.data-error{color:#9d6d67;background:#d86b5f0f;border:1px solid #53312e;border-radius:7px;flex-direction:column;gap:5px;padding:18px;display:flex}.data-error strong{color:#d1877e;font-size:11px}.data-error span{font-size:9px}.chart-panel{background:linear-gradient(145deg,#141719,#101213);border:1px solid #292c2e;border-radius:9px;overflow:hidden}.chart-panel-head{border-bottom:1px solid #292c2e;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.chart-legend{gap:20px;display:flex}.chart-legend>span{color:#a8aaa7;align-items:center;gap:7px;font-size:9px;font-weight:750;display:flex}.chart-legend i{border-radius:3px;width:20px;height:3px;display:block}.chart-legend .mileage i{background:var(--amber);box-shadow:0 0 8px #df9c354d}.chart-legend .hours i{background:#68a5c6;box-shadow:0 0 8px #68a5c647}.chart-legend b{color:#5f6364;font-size:7px;font-weight:800}.chart-hint{color:#606465;align-items:center;gap:6px;font-size:8px;display:flex}.interactive-chart{position:relative}.chart-scroll{scrollbar-color:#484c4d #151719;overscroll-behavior-x:contain;width:100%;overflow-x:auto}.vehicle-chart-scroll{overflow-x:hidden}.vehicle-chart,.monthly-chart{touch-action:pan-y;outline:none;width:100%;height:auto;display:block}.vehicle-chart{-webkit-user-select:none;user-select:none;min-width:0}.monthly-chart{min-width:680px}.vehicle-chart:focus-visible,.monthly-chart:focus-visible{box-shadow:inset 0 0 0 2px #df9c3573}.chart-grid line{stroke:#25292a;stroke-width:1px;stroke-dasharray:3 5}.chart-axis,.chart-tick{stroke:#424647;stroke-width:1px}.chart-y-label,.chart-date-label{fill:#676b6c;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px}.mileage-label{fill:#a9854d}.hours-label{fill:#6f9db6}.chart-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.mileage-line{stroke:var(--amber)}.hours-line{stroke:#68a5c6}.chart-point{stroke-width:2px;cursor:crosshair;pointer-events:none;transition:r .12s,filter .12s}.chart-point.active{filter:drop-shadow(0 0 5px)}.chart-point.current-point{stroke-width:3px;filter:drop-shadow(0 0 4px #df9c3561)}.mileage-point{fill:#17130c;stroke:var(--amber-bright)}.hours-point{fill:#11171a;stroke:#75b3d4}.chart-hit-area{fill:#0000;cursor:crosshair;touch-action:pan-y}.vehicle-chart.is-navigating .chart-hit-area{cursor:grabbing}.chart-reset-view{z-index:2;color:#a5a8a7;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1112e6;border:1px solid #3a3e3f;border-radius:4px;align-items:center;gap:7px;padding:6px 8px;font-size:8px;font-weight:750;display:flex;position:absolute;top:9px;right:10px;box-shadow:0 4px 10px #0003}.chart-reset-view span{color:var(--amber-bright);font-size:7px}.chart-reset-view:hover,.chart-reset-view:focus-visible{color:#fff;border-color:#75603d;outline:none}.chart-crosshair,.chart-svg-tooltip,.meter-start-marker{pointer-events:none}.crosshair-vertical{stroke:#b8babb;stroke-width:1px;stroke-dasharray:3 4;opacity:.7}.crosshair-horizontal{stroke-width:1px;stroke-dasharray:4 4;opacity:.72}.mileage-crosshair{stroke:var(--amber-bright)}.hours-crosshair{stroke:#75b3d4}.ratio-crosshair{stroke:#d9b268}.meter-start-marker line{stroke:#cf8e32;stroke-width:1px;stroke-dasharray:3 4;opacity:.75}.meter-start-marker text{fill:#c8954d;letter-spacing:.08em;font-size:7px;font-weight:900}.chart-svg-tooltip rect{fill:#0a0c0df5;stroke:#424648;stroke-width:1px;filter:drop-shadow(0 7px 12px #00000073)}.chart-svg-tooltip text{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.chart-svg-tooltip .tooltip-date{fill:#d9dcda;text-transform:uppercase;font-size:10px;font-weight:800}.chart-svg-tooltip .tooltip-date.current{fill:var(--amber-bright)}.chart-svg-tooltip .tooltip-mileage{fill:var(--amber-bright);font-size:9px;font-weight:800}.chart-svg-tooltip .tooltip-hours{fill:#75b3d4;font-size:9px;font-weight:800}.chart-svg-tooltip .tooltip-ratio{fill:#8c9091;font-size:8px}.chart-interaction-hint{color:#5c6061;border-top:1px solid #242728;margin:0;padding:9px 18px 12px;font-size:8px;line-height:1.5}.chart-selection{background:#0d0f10;border-top:1px solid #343738;grid-template-columns:repeat(4,minmax(0,1fr)) 30px;align-items:center;gap:12px;padding:12px 18px;display:grid}.chart-selection>div{flex-direction:column;gap:4px;min-width:0;display:flex}.chart-selection small{color:#5f6364;letter-spacing:.08em;font-size:7px;font-weight:900}.chart-selection strong{color:#c8cbc9;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.chart-selection span{color:#65696a;font-size:7px}.chart-selection .mileage-text{color:var(--amber-bright)}.chart-selection .hours-text{color:#75b3d4}.chart-selection button{color:#8d9192;cursor:pointer;background:#17191a;border:1px solid #343839;border-radius:4px;place-items:center;width:28px;height:28px;font-size:20px;display:grid}.chart-selection button:hover,.chart-selection button:focus-visible{color:#fff;border-color:#75603d;outline:none}.chart-empty{color:#666a6b;place-items:center;min-height:300px;font-size:10px;display:grid}.monthly-panel{margin-top:14px}.monthly-panel .chart-panel-head>div h3{margin:3px 0 0;font-size:13px}.monthly-chart{min-height:260px}.chart-grid-line{stroke:#343839;stroke-width:1px;stroke-dasharray:3 5}.usage-zone{opacity:.08}.rolling-zone{fill:#5fa775}.mixed-zone{fill:#d99b40}.stationary-zone{fill:#bd675e}.usage-zone-label{letter-spacing:.08em;opacity:.55;font-size:7px;font-weight:900}.rolling-label{fill:#75b988}.mixed-label{fill:var(--amber-bright)}.stationary-label{fill:#d08276}.monthly-bar{opacity:.7;pointer-events:none;transition:opacity .12s}.monthly-bar.rolling{fill:#5f9f70}.monthly-bar.mixed{fill:#ca8b34}.monthly-bar.stationary{fill:#b45e55}.monthly-bar.active{opacity:1;filter:drop-shadow(0 0 7px #df9c354d)}.monthly-point{stroke-width:2px;pointer-events:none}.monthly-point.rolling{fill:#101712;stroke:#75b988}.monthly-point.mixed{fill:#17130c;stroke:var(--amber-bright)}.monthly-point.stationary{fill:#171010;stroke:#d08276}.monthly-point.active{filter:drop-shadow(0 0 4px)}.monthly-empty{text-align:center;min-height:220px;padding:20px}.hour-meter-note{color:#737778;background:#101213;border:1px solid #2d3132;border-radius:5px;align-items:start;gap:8px;margin:12px 0 0;padding:12px;font-size:8px;line-height:1.55;display:flex}.hour-meter-note svg{color:var(--amber);flex:none}.hour-meter-note strong{color:#a9acab}.service-estimate{text-align:left;background:#111314;border:1px solid #303435;border-radius:5px;align-items:start;gap:7px;padding:10px;display:flex;color:#797d7e!important;margin:13px 0 0!important;font-size:8px!important}.service-estimate svg{color:var(--amber);flex:none}.usage-panel{background:#131517;border:1px solid #292c2e;border-radius:9px;margin-top:14px;padding:20px}.usage-heading{align-items:center;gap:12px;display:flex}.usage-heading .eyebrow{margin-bottom:4px}.usage-heading h3{margin:0;font-size:13px}.usage-formula{background:#0f1112;border:1px solid #2c2f31;border-radius:7px;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:15px;margin-top:20px;padding:16px 18px;display:grid}.usage-formula>span{flex-direction:column;display:flex}.usage-formula small{color:#5d6162;letter-spacing:.1em;font-size:7px;font-weight:900}.usage-formula strong{margin-top:6px;font-family:Arial Narrow,Impact,sans-serif;font-size:24px}.usage-formula>b{color:#4f5354;font-size:18px}.usage-formula .usage-result{border-left:1px solid #303335;padding-left:18px}.usage-formula .usage-result strong{color:var(--amber-bright)}.usage-reading{align-items:center;gap:12px;margin-top:13px;display:flex}.usage-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:4px;flex:none;padding:7px 10px;font-size:8px;font-weight:900}.usage-badge.rolling{color:#75b988;background:#67a97914;border-color:#365b3f}.usage-badge.mixed{color:var(--amber-bright);background:var(--amber-soft);border-color:#624823}.usage-badge.stationary{color:#d08276;background:#d86b5f14;border-color:#63352f}.usage-reading>div{flex-direction:column;display:flex}.usage-reading strong{color:#a7aaa8;font-size:9px}.usage-reading small{color:#606465;margin-top:4px;font-size:8px}.usage-empty{color:#636768;border:1px dashed #343839;border-radius:7px;align-items:center;gap:12px;margin-top:18px;padding:18px;display:flex}.usage-empty>div{flex-direction:column;display:flex}.usage-empty strong{color:#a0a3a2;font-size:10px}.usage-empty span{margin-top:4px;font-size:8px}.usage-disclaimer{color:#5e6263;border-top:1px solid #282b2c;align-items:start;gap:7px;margin:16px 0 0;padding-top:13px;font-size:8px;line-height:1.55;display:flex}.usage-disclaimer svg{flex:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030404d1;place-items:center;padding:24px;animation:.2s backdrop-in;display:grid;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}}.entry-modal{background:#131517;border:1px solid #3b3e40;border-radius:10px;width:min(680px,100%);max-height:calc(100vh - 36px);animation:.22s modal-in;overflow-y:auto;box-shadow:0 28px 90px #000000a6}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.99)}}.entry-modal>header{border-bottom:1px solid #2a2d2e;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.entry-modal header h2{text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:29px}.entry-modal form{padding:22px 24px 0}.form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.form-grid label,.form-grid .form-field{flex-direction:column;gap:7px;display:flex}.form-grid label>span,.form-grid .form-field>span{color:#838788;font-size:9px;font-weight:750}.form-full{grid-column:1/-1}input,select,textarea{color:#e5e6e2;background:#0e1011;border:1px solid #343738;border-radius:5px;width:100%;transition:border-color .2s}input,select{height:41px;padding:0 11px}textarea{resize:vertical;padding:11px}input::placeholder,textarea::placeholder{color:#4f5354}input:hover,select:hover,textarea:hover{border-color:#464a4b}.date-picker{min-width:0;position:relative}.date-picker-trigger{width:100%;height:41px;color:var(--text);text-align:left;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-deep);border-radius:5px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 11px;transition:border-color .18s,background .18s,box-shadow .18s;display:grid}.date-picker-trigger>span{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.date-picker-trigger>span.placeholder{color:var(--text-faint)}.date-picker-trigger>svg{fill:none;width:17px;height:17px;stroke:var(--text-tertiary);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.date-picker-trigger:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover)}.date-picker-trigger:focus-visible,.date-picker.is-open .date-picker-trigger{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-soft);outline:0}.date-picker.is-open .date-picker-trigger>svg{stroke:var(--amber)}.date-picker-trigger:disabled{color:var(--text-faint);cursor:not-allowed;background:var(--surface-inset)}.date-picker-popover{color:var(--text);border:1px solid var(--border-strong);background:var(--surface-elevated);box-shadow:0 18px 45px var(--shadow-elevated);border-radius:8px;padding:10px;overflow:auto}.date-picker-header{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.date-picker-header strong{color:var(--text-soft);text-align:center;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.date-picker-header button{width:34px;height:34px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;padding:0;display:grid}.date-picker-header button:hover{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 38%, var(--line));background:var(--amber-soft)}.date-picker-header svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-picker-weekdays{color:var(--text-faint);text-align:center;margin-top:7px;padding-bottom:4px;font-size:7px;font-weight:850}.date-picker-weekdays span{place-items:center;height:22px;display:grid}.date-picker-grid{gap:2px}.date-picker-grid button{min-width:0;height:34px;color:var(--text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;padding:0;font-size:10px;display:grid;position:relative}.date-picker-grid button:hover,.date-picker-grid button:focus-visible{color:var(--amber-bright);border-color:color-mix(in srgb, var(--amber) 46%, var(--line));background:var(--amber-soft)}.date-picker-grid button:focus-visible{outline:2px solid var(--amber);outline-offset:0}.date-picker-grid button.outside{color:var(--text-faint);opacity:.58}.date-picker-grid button.today:not(.selected):after{content:"";background:var(--amber);border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px}.date-picker-grid button.selected{color:var(--on-accent);border-color:var(--accent-fill);background:var(--accent-fill);box-shadow:0 4px 12px var(--amber-soft);opacity:1;font-weight:900}.date-picker-footer{border-top:1px solid var(--line);justify-content:flex-end;margin-top:8px;padding-top:8px;display:flex}.date-picker-footer button{min-height:31px;color:var(--amber-bright);cursor:pointer;border:1px solid color-mix(in srgb, var(--amber) 42%, var(--line));background:var(--amber-soft);border-radius:5px;padding:0 10px;font-size:8px;font-weight:850}.date-picker-footer button:hover{color:var(--on-accent);border-color:var(--accent-fill);background:var(--accent-fill)}.input-unit{position:relative}.input-unit input{padding-right:39px}.input-unit b{color:#636768;font-size:9px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.optional-fields{border-top:1px solid #292c2e;margin-top:17px}.optional-fields summary{color:#8c9090;cursor:pointer;align-items:center;gap:7px;padding:15px 0;font-size:9px;font-weight:750;list-style:none;display:flex}.optional-fields summary::-webkit-details-marker{display:none}.optional-fields[open] summary{color:var(--amber)}.future-upload{color:#5c6061;border:1px dashed #303435;border-radius:5px;align-items:center;gap:11px;padding:11px;display:flex}.future-upload>span{flex-direction:column;display:flex}.future-upload strong{color:#848888;font-size:9px}.future-upload small{margin-top:3px;font-size:8px}.future-upload em{color:#666a6b;letter-spacing:.1em;border:1px solid #343738;border-radius:3px;margin-left:auto;padding:4px 6px;font-size:6px;font-style:normal;font-weight:900}.technical-inspection-due{border:1px solid color-mix(in srgb, var(--amber) 55%, var(--border-strong));background:var(--amber-soft);border-radius:7px;flex-direction:column;gap:8px;padding:13px;display:flex}.technical-inspection-due>span{color:var(--amber);letter-spacing:.04em;font-size:9px;font-weight:850}.technical-inspection-due-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.technical-inspection-due-choices button{min-height:36px;color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-elevated);border-radius:5px;padding:6px 8px;font-size:8px;font-weight:800}.technical-inspection-due-choices button:hover{color:var(--text);border-color:var(--border-hover)}.technical-inspection-due-choices button.active{color:var(--on-accent);border-color:var(--accent-fill);background:var(--accent-fill)}.technical-inspection-due label{flex-direction:column;gap:6px;display:flex}.technical-inspection-due label>span{color:var(--text-secondary);font-size:8px;font-weight:750}.technical-inspection-due>small{color:var(--text-tertiary);font-size:7px;line-height:1.45}.technical-inspection-document{border-color:color-mix(in srgb, var(--purple) 45%, var(--border-strong))}.technical-inspection-document>svg{color:var(--purple);flex:none}.entry-modal footer{background:#101213;border-top:1px solid #292c2e;justify-content:space-between;align-items:center;gap:20px;margin:23px -24px 0;padding:16px 24px;display:flex}.entry-modal footer>span{color:#55595a;align-items:center;gap:6px;font-size:8px;display:flex}.entry-modal footer>div{gap:6px;display:flex}.home-header-actions{align-items:center;gap:18px;display:flex}.home-statistics-link{min-height:36px;color:var(--text-soft);cursor:pointer;border:1px solid var(--line);background:var(--surface-card);border-radius:5px;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.home-statistics-link:hover{color:var(--text);border-color:var(--border-hover)}.garage-month-summary{z-index:1;border:1px solid var(--line);background:linear-gradient(100deg, var(--surface-card), var(--surface-card-alt));box-shadow:0 14px 40px var(--shadow-card);border-radius:9px;justify-content:space-between;align-items:center;gap:25px;margin-top:22px;padding:21px 24px;display:flex;position:relative}.garage-month-summary p{color:var(--amber);letter-spacing:.15em;margin:0 0 7px;font-size:9px;font-weight:900}.garage-month-summary strong{color:var(--text-soft);font-size:14px;font-weight:650}.garage-month-summary strong i{color:var(--text-faint);margin-inline:7px;font-style:normal}.garage-month-summary .primary-button{flex:none}.statistics-vehicle-label{margin-top:17px}.statistics-shell .side-nav{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-height:0;overflow-y:auto}.statistics-workspace{background:radial-gradient(circle at 78% 2%, #df9c3512, transparent 23%), var(--surface-app);min-width:0;overflow-x:hidden}.statistics-workspace .content-area{max-width:1450px}.garage-statistics{min-width:0;padding:48px clamp(25px,4vw,64px) 80px;animation:.22s fade-in}.statistics-hero{color:#f2f2ee;border:1px solid var(--line);isolation:isolate;background:#090a0b;border-radius:9px;justify-content:space-between;align-items:end;gap:32px;height:270px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.statistics-hero>*,.statistics-panel,.statistics-split>*{min-width:0}.statistics-hero picture{z-index:0;position:absolute;inset:0}.statistics-hero-image{object-fit:cover;object-position:center 57%;width:100%;height:100%}.statistics-hero-overlay{z-index:1;background:linear-gradient(90deg,#050607d1 0%,#05060787 42%,#05060714 75%),linear-gradient(#0506070a 35%,#05060780 100%);position:absolute;inset:0}.statistics-hero-copy{z-index:2;text-shadow:0 2px 18px #0000008c;max-width:760px;position:relative}.statistics-hero h1{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(40px,5vw,68px);line-height:.95}.statistics-hero-copy>p:last-child{color:#f2f2eecc;max-width:650px;margin:13px 0 0;font-size:12px;line-height:1.55}.statistics-hero .quality-legend{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07080994;border:1px solid #ffffff26;border-radius:6px;padding:9px 11px;position:relative}.statistics-hero .quality-badge{color:#f2f2eec7}.quality-legend{flex-wrap:wrap;justify-content:end;gap:7px;display:flex}.quality-badge{width:max-content;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:8px;font-weight:800;display:inline-flex}.quality-badge i{background:var(--green);border-radius:50%;width:6px;height:6px}.quality-badge.calculated i{background:var(--blue)}.quality-badge.estimated i{background:var(--amber)}.period-selector{border:1px solid var(--line);background:var(--surface-inset);scrollbar-width:none;border-radius:7px;gap:4px;width:max-content;max-width:100%;margin:27px 0;padding:4px;display:flex;overflow-x:auto}.period-selector::-webkit-scrollbar{display:none}.period-selector button{min-height:35px;color:var(--text-tertiary);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 15px;font-size:10px;font-weight:800}.period-selector button:hover{color:var(--text-soft)}.period-selector button.active{color:var(--on-accent);background:var(--accent-fill);box-shadow:0 4px 14px #df9c3529}.statistics-period-control{margin:27px 0}.statistics-period-control .period-selector{margin:0}.custom-period-panel{border:1px solid var(--line);background:var(--surface-card);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 18px;width:min(100%,620px);margin-top:9px;padding:15px;display:grid;box-shadow:0 10px 30px #00000014}.custom-period-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.custom-period-fields label{flex-direction:column;gap:7px;min-width:0;display:flex}.custom-period-fields label>span{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.custom-period-fields input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;min-height:39px;padding:0 11px}.custom-period-fields input[aria-invalid=true]{border-color:var(--red)}.custom-period-actions{gap:8px;display:flex}.custom-period-error{color:var(--red);grid-column:1/-1;margin:0;font-size:9px;line-height:1.45}.active-custom-period{color:var(--text-tertiary);margin:9px 0 0 5px;font-size:9px}.active-custom-period strong{color:var(--text-soft);font-weight:750}.statistics-loading,.statistics-empty{min-height:150px;color:var(--text-tertiary);text-align:center;place-items:center;padding:25px;font-size:11px;line-height:1.6;display:grid}.statistics-error{margin-bottom:24px}.statistics-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.statistics-kpi{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-card), var(--surface-card-alt));border-radius:8px;flex-direction:column;min-height:137px;padding:18px;display:flex;position:relative;overflow:hidden}.statistics-kpi:after{content:"";background:#df9c350b;border-radius:50%;width:80px;height:80px;position:absolute;inset:auto -22px -38px auto}.statistics-kpi>small{min-height:24px;color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850;line-height:1.4}.statistics-kpi>strong{text-transform:uppercase;margin:10px 0 6px;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(22px,2.1vw,31px);line-height:1}.statistics-kpi>span:not(.quality-badge){color:var(--text-tertiary);font-size:8px;line-height:1.4}.statistics-kpi>.trend-up{color:var(--green)!important}.statistics-kpi>.trend-down{color:var(--warning)!important}.statistics-kpi .quality-badge{margin-top:auto;padding-top:7px}.statistics-panel{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-card), var(--surface-card-alt));border-radius:9px;margin-top:14px;padding:clamp(20px,2.7vw,34px);box-shadow:0 14px 40px #00000014}.statistics-panel-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.statistics-panel-heading h2{letter-spacing:.01em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:30px}.statistics-panel-heading>div>p:last-child{max-width:760px;color:var(--text-tertiary);margin:8px 0 0;font-size:10px;line-height:1.55}.statistics-split{grid-template-columns:1.08fr .92fr;gap:14px;display:grid}.garage-chart-wrap{min-width:0}.garage-chart-legend{color:var(--text-secondary);flex-wrap:wrap;gap:14px;margin:0 0 13px 61px;font-size:8px;font-weight:750;display:flex}.garage-chart-legend span{align-items:center;gap:6px;display:flex}.garage-chart-legend i{border-radius:2px;width:8px;height:8px}.garage-chart-legend em{color:var(--amber);margin-left:auto;font-size:7px;font-style:normal}.garage-chart-scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--surface-inset);max-width:100%;overflow-x:auto}.garage-stacked-chart,.ratio-trend svg{width:100%;display:block;overflow:visible}.garage-chart-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 5}.garage-chart-axis-label,.garage-chart-month{fill:var(--text-faint);font-family:Inter,sans-serif;font-size:8px}.garage-chart-month{text-transform:uppercase;font-weight:750}.garage-stacked-chart rect{opacity:.92;transition:opacity .15s}.garage-stacked-chart rect:hover{opacity:1}.garage-stacked-chart rect.estimated-segment{stroke:#ffffff6b;stroke-width:1px;stroke-dasharray:3 2}.garage-stacked-chart rect.active-segment{opacity:1;filter:brightness(1.08)drop-shadow(0 0 4px #00000038)}.garage-stacked-chart .garage-chart-tooltip>rect{opacity:1;transition:none}.garage-chart-tooltip .tooltip-vehicle{fill:var(--text-soft);font-size:9px;font-weight:750}.garage-chart-tooltip .tooltip-quality{fill:var(--text-faint);font-size:7px;font-weight:700}.garage-chart-tooltip .tooltip-quality.estimated{fill:var(--amber-bright)}.garage-chart-tooltip .tooltip-value{fill:var(--text);font-size:9px;font-weight:850}.garage-chart-tooltip .tooltip-separator{stroke:var(--line);stroke-width:1px}.garage-chart-tooltip .tooltip-total{fill:var(--text-soft);text-transform:uppercase;font-size:9px;font-weight:850}.garage-chart-tooltip .tooltip-total-value{fill:var(--amber-bright);font-size:9px;font-weight:900}.garage-chart-tooltip .tooltip-note,.garage-chart-tooltip .tooltip-empty{fill:var(--text-tertiary);font-size:8px}.active-ratio-point{stroke:var(--surface-card);stroke-width:2px;filter:drop-shadow(0 0 5px #df9c3580)}.usage-distribution{grid-template-columns:minmax(130px,.7fr) minmax(230px,1.3fr);align-items:center;gap:clamp(20px,4vw,44px);display:grid}.usage-distribution.compact{grid-template-columns:130px 1fr;margin-top:27px}.distribution-ring{aspect-ratio:1;border-radius:50%;width:min(100%,190px);margin:auto;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.distribution-ring:after{content:"";background:var(--surface-card);box-shadow:0 0 0 1px var(--line);border-radius:50%;position:absolute;inset:27%}.distribution-ring>span{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.distribution-ring strong{font-family:Arial Narrow,Impact,sans-serif;font-size:25px}.distribution-ring small{color:var(--text-tertiary);text-transform:uppercase;font-size:8px;font-weight:800}.distribution-list{flex-direction:column;display:flex}.distribution-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;display:grid}.distribution-list>div:last-child{border-bottom:0}.distribution-list>div>i{border-radius:2px;width:8px;height:22px}.distribution-list span{flex-direction:column;min-width:0;display:flex}.distribution-list strong{font-size:10px}.distribution-list small{color:var(--text-faint);margin-top:3px;font-size:7px}.distribution-list b{flex-direction:column;align-items:end;font-size:11px;display:flex}.distribution-list b em{color:var(--text-tertiary);margin-top:3px;font-size:8px;font-style:normal}.vehicle-activity-list{flex-direction:column;display:flex}.vehicle-activity-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:55px;display:grid}.vehicle-activity-list>div:last-child{border-bottom:0}.vehicle-activity-list>div>i{border-radius:4px;width:5px;height:27px}.vehicle-activity-list span{flex-direction:column;display:flex}.vehicle-activity-list strong{font-size:10px}.vehicle-activity-list small{color:var(--text-tertiary);margin-top:4px;font-size:8px}.vehicle-activity-list b{color:var(--text-soft);font-size:9px}.hours-summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.hours-summary-grid>div{border:1px solid var(--line);background:var(--surface-inset);border-radius:6px;flex-direction:column;min-height:100px;padding:15px;display:flex;position:relative}.hours-summary-grid>div>span{background:var(--vehicle-color);width:3px;position:absolute;inset:0 auto 0 0}.hours-summary-grid small{color:var(--text-tertiary);text-transform:uppercase;font-size:8px;font-weight:800}.hours-summary-grid strong{margin-top:10px;font-family:Arial Narrow,Impact,sans-serif;font-size:21px}.hours-summary-grid em{color:var(--text-faint);margin-top:auto;font-size:7px;font-style:normal}.hours-summary-grid .not-tracked{opacity:.62}.hours-summary-grid .not-tracked>span{background:var(--text-faint)}.hours-distribution{max-width:690px;margin:auto}.ratio-cards{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.ratio-cards article{border:1px solid var(--line);background:var(--surface-inset);border-radius:7px;flex-direction:column;min-height:142px;padding:17px;display:flex;position:relative;overflow:hidden}.ratio-cards article>span{width:3px;position:absolute;inset:0 auto 0 0}.ratio-cards small{color:var(--text-tertiary);text-transform:uppercase;font-size:8px;font-weight:850}.ratio-cards strong{margin-top:9px;font-family:Arial Narrow,Impact,sans-serif;font-size:24px}.ratio-cards strong b{color:var(--text-tertiary);font-family:Inter,sans-serif;font-size:8px}.ratio-cards p{color:var(--text-secondary);margin:9px 0 0;font-size:8px;line-height:1.5}.ratio-cards em{color:var(--amber);margin-top:auto;padding-top:8px;font-size:7px;font-style:normal}.ratio-trend{border-top:1px solid var(--line);margin-top:27px;padding-top:22px}.ratio-trend h3{text-transform:uppercase;margin:0 0 12px;font-size:10px}.ratio-estimated-line{stroke-dasharray:6 4}.activity-count-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.activity-count-grid>div{border:1px solid var(--line);background:var(--surface-inset);border-radius:5px;flex-direction:column;min-height:76px;padding:13px;display:flex}.activity-count-grid small{color:var(--text-tertiary);text-transform:uppercase;font-size:7px;font-weight:800}.activity-count-grid strong{margin-top:10px;font-family:Arial Narrow,Impact,sans-serif;font-size:24px}.oil-intervals{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.oil-intervals h3{text-transform:uppercase;margin:0 0 9px;font-size:9px}.oil-intervals>div{color:var(--text-tertiary);border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr 1fr;gap:12px;padding:9px 0;font-size:8px;display:grid}.oil-intervals>div strong{color:var(--text-soft)}.mechanics-section.single-panel{grid-template-columns:1fr}.maintenance-deadline-list{gap:8px;display:grid}.maintenance-deadline-card{border:1px solid var(--line);border-left:3px solid var(--border-strong);background:var(--surface-inset);border-radius:6px;min-width:0;padding:14px 15px;position:relative;overflow:hidden}.maintenance-deadline-card.status-ok{border-left-color:var(--green)}.maintenance-deadline-card.status-soon{border-left-color:var(--amber)}.maintenance-deadline-card.status-due{border-left-color:var(--warning)}.maintenance-deadline-card.status-overdue{border-left-color:var(--red)}.maintenance-deadline-card>header{justify-content:space-between;align-items:start;gap:12px;display:flex}.maintenance-deadline-card>header>div{flex-direction:column;min-width:0;display:flex}.maintenance-deadline-card>header small{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:7px;font-weight:850}.maintenance-deadline-card>header strong{color:var(--text);font-size:10px;line-height:1.35}.maintenance-deadline-card .maintenance-status{flex:none;margin:0}.maintenance-status.status-ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 48%, var(--line))}.maintenance-status.status-soon{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 48%, var(--line))}.maintenance-status.status-due{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 48%, var(--line))}.maintenance-status.status-overdue{color:var(--red);border-color:color-mix(in srgb, var(--red) 48%, var(--line))}.maintenance-status.status-undefined{color:var(--text-tertiary);border-color:var(--border-strong)}.maintenance-deadline-value{justify-content:space-between;align-items:end;gap:14px;margin-top:15px;display:flex}.maintenance-deadline-value strong{color:var(--text-soft);font-family:Arial Narrow,Impact,sans-serif;font-size:18px;line-height:1.1}.maintenance-deadline-value span{max-width:52%;color:var(--text-tertiary);text-align:right;font-size:7px;line-height:1.45}.maintenance-deadline-progress{margin-top:11px}.maintenance-deadline-progress-track{background:color-mix(in srgb, var(--border-strong) 52%, transparent);border-radius:4px;height:4px;overflow:hidden}.maintenance-deadline-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--green) 70%, var(--surface-card)), var(--green));height:100%;display:block}.maintenance-deadline-card.status-soon .maintenance-deadline-progress-track>span{background:linear-gradient(90deg, color-mix(in srgb, var(--amber) 70%, var(--surface-card)), var(--amber))}.maintenance-deadline-card.status-due .maintenance-deadline-progress-track>span{background:linear-gradient(90deg, color-mix(in srgb, var(--warning) 70%, var(--surface-card)), var(--warning))}.maintenance-deadline-card.status-overdue .maintenance-deadline-progress-track>span{background:linear-gradient(90deg, color-mix(in srgb, var(--red) 70%, var(--surface-card)), var(--red))}.maintenance-deadline-progress-meta{color:var(--text-faint);justify-content:space-between;gap:12px;margin-top:5px;font-size:7px;line-height:1.35;display:flex}.maintenance-deadline-card>footer{color:var(--text-faint);border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:5px 13px;margin-top:13px;padding-top:10px;font-size:7px;display:flex}.maintenance-deadline-list.featured .maintenance-deadline-card:first-child{background:linear-gradient(145deg, var(--surface-card), var(--surface-inset));box-shadow:inset 0 1px #ffffff06}.maintenance-forecast-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px;display:grid}.deadline-column-label{color:var(--text-tertiary);letter-spacing:.08em;margin:0 0 10px;font-size:8px;font-weight:850}.maintenance-journal-hint{color:var(--text-tertiary);border-left:2px solid var(--amber);background:var(--surface-inset);align-items:center;gap:8px;margin:18px 0 0;padding:12px 14px;font-size:8px;line-height:1.5;display:flex}.maintenance-journal-hint svg{color:var(--amber);flex:none}.admin-financial-panel{background:radial-gradient(circle at 96% 0%, #df9c351f, transparent 34%), linear-gradient(145deg, var(--surface-card), var(--surface-card-alt));border-color:#5d4726;position:relative}.admin-only-label{color:var(--amber);letter-spacing:.13em;background:var(--amber-soft);border:1px solid #684d27;border-radius:3px;padding:5px 8px;font-size:7px;font-weight:900;position:absolute;top:17px;right:20px}.fuel-overview-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.fuel-overview-grid>div{border:1px solid var(--line);background:var(--surface-inset);border-radius:6px;flex-direction:column;min-height:118px;padding:15px;display:flex}.fuel-overview-grid small{min-height:25px;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:7px;font-weight:850;line-height:1.45}.fuel-overview-grid strong{margin:9px 0 7px;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(18px,1.65vw,24px);line-height:1.05}.fuel-overview-grid span{color:var(--text-faint);margin-top:auto;font-size:7px;line-height:1.45}.fuel-savings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.fuel-savings-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-inset) 88%, transparent);border-radius:7px;min-width:0;padding:17px}.fuel-savings-card.realized{border-top:2px solid var(--green)}.fuel-savings-card.potential{border-top:2px solid var(--warning)}.fuel-savings-card>header{flex-direction:column;gap:5px;min-height:43px;display:flex}.fuel-savings-card>header span{color:var(--amber);letter-spacing:.11em;font-size:7px;font-weight:900}.fuel-savings-card>header strong{color:var(--text-soft);font-size:11px;line-height:1.4}.fuel-savings-card .financial-kpis{margin-top:13px}.fuel-savings-card .financial-kpis>div{min-height:105px;padding:13px}.fuel-savings-card .financial-kpis strong{font-size:clamp(18px,1.65vw,23px)}.fuel-savings-card>p{color:var(--text-tertiary);margin:12px 0 0;font-size:8px;line-height:1.65}.fuel-savings-card>p i{background:var(--line);width:1px;height:10px;margin:0 8px -2px;display:inline-block}.fuel-savings-card>.fuel-context-note{border-top:1px solid var(--line-soft);color:var(--text-faint);padding-top:10px}.financial-kpis{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.financial-kpis>div{border:1px solid var(--line);background:var(--surface-inset);border-radius:6px;flex-direction:column;min-height:108px;padding:16px;display:flex}.financial-kpis small{color:var(--text-tertiary);text-transform:uppercase;font-size:8px;font-weight:800}.financial-kpis strong{margin-top:10px;font-family:Arial Narrow,Impact,sans-serif;font-size:24px}.financial-kpis span{color:var(--text-faint);margin-top:auto;padding-top:8px;font-size:7px}.private-price-note{color:var(--text-tertiary);border:1px solid var(--line);background:var(--surface-inset);border-radius:5px;margin:12px 0 0;padding:11px 13px;font-size:8px}.fuel-vehicle-section,.fuel-chart-section{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.fuel-vehicle-section>h3,.fuel-chart-section>h3{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;margin:0 0 13px;font-size:10px}.fuel-vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.fuel-vehicle-card{border:1px solid var(--line);background:var(--surface-inset);border-radius:6px;min-width:0;padding:15px;position:relative;overflow:hidden}.fuel-vehicle-card:before{content:"";background:var(--vehicle-color);width:3px;position:absolute;inset:0 auto 0 0}.fuel-vehicle-card>header{border-bottom:1px solid var(--line-soft);grid-template-columns:8px minmax(0,1fr);align-items:center;gap:0 7px;padding-bottom:11px;display:grid}.fuel-vehicle-card>header>span{background:var(--vehicle-color);border-radius:2px;grid-row:1/3;width:8px;height:8px}.fuel-vehicle-card>header strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.fuel-vehicle-card>header small{color:var(--text-faint);margin-top:2px;font-size:7px}.fuel-vehicle-card>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px;padding-top:13px;display:grid}.fuel-vehicle-card>div>span{flex-direction:column;gap:4px;min-width:0;display:flex}.fuel-vehicle-card>div small{color:var(--text-faint);text-transform:uppercase;font-size:6px;font-weight:800}.fuel-vehicle-card>div strong{overflow-wrap:anywhere;color:var(--text-secondary);font-size:9px;line-height:1.35}.fuel-vehicle-card>em{color:var(--amber);border-top:1px solid var(--line-soft);margin-top:13px;padding-top:9px;font-size:7px;font-style:normal;display:block}.fuel-chart-legend{margin-left:61px}.fuel-realized-color,.fuel-realized-bar{fill:var(--green);background:var(--green)}.fuel-potential-color,.fuel-potential-bar{fill:var(--warning);background:var(--warning)}.fuel-savings-chart,.fuel-consumption-chart{width:100%;display:block;overflow:visible}.fuel-savings-chart rect:not(.chart-hit-area),.fuel-consumption-chart rect:not(.chart-hit-area){opacity:.9;transition:opacity .15s,filter .15s}.fuel-savings-chart rect:not(.chart-hit-area):hover,.fuel-consumption-chart rect:not(.chart-hit-area):hover{opacity:1;filter:brightness(1.07)}.fuel-savings-chart .garage-chart-tooltip>rect,.fuel-consumption-chart .garage-chart-tooltip>rect{opacity:1;filter:drop-shadow(0 7px 12px var(--shadow-card))}.garage-chart-zero{stroke:var(--border-strong);stroke-width:1px}.fuel-method-note{color:var(--text-tertiary);border-left:2px solid var(--amber);background:var(--surface-inset);margin:22px 0 0;padding:13px 15px;font-size:8px;line-height:1.65}.statistics-method-note{color:var(--text-tertiary);border-left:2px solid var(--amber);background:var(--surface-inset);margin-top:18px;padding:18px 20px}.statistics-method-note strong{color:var(--text-soft);text-transform:uppercase;font-size:9px}.statistics-method-note p{max-width:1000px;margin:7px 0 0;font-size:9px;line-height:1.65}.mobile-statistics{display:none}@media (width<=1120px){.statistics-kpis{grid-template-columns:repeat(3,1fr)}.fuel-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fuel-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-cards{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(4,1fr)}.service-metric{grid-column:1/-1}.vehicle-hero,.hero-content{min-height:480px}.maintenance-layout,.maintenance-forecast-layout{grid-template-columns:1fr}.next-service-panel{grid-template-columns:60px 1fr auto;align-items:center;column-gap:16px;display:grid}.next-service-panel .panel-kicker{grid-column:1/-1}.next-service-icon{grid-row:2/4;margin:20px 0}.next-service-panel h3{align-self:end;margin-top:20px}.next-service-panel p{align-self:start;margin:5px 0 20px}.distance-big{grid-area:2/3/4;margin:0}.next-service-panel .primary-button{grid-column:1/-1}.next-service-panel{display:block}.next-service-panel .next-service-icon{margin:22px 0 18px}.next-service-panel h3{margin-top:0}.next-service-panel p{margin:11px 0 24px}.next-service-panel .distance-big{margin-bottom:23px}}@media (width<=840px){:root{--sidebar:0px}.sidebar{display:none}.workspace{margin:0;padding-top:58px;padding-bottom:67px}.mobile-topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0f10f2;justify-content:space-between;align-items:center;height:58px;padding:0 15px;display:flex;position:fixed;inset:0 0 auto}.mobile-topbar .icon-button{background:0 0;border:0;width:34px;height:34px}.mobile-topbar>.brand{position:absolute;left:15px}.mobile-topbar>.mobile-admin{position:absolute;right:15px}.mobile-topbar .brand-mark{width:30px;height:30px}.mobile-topbar .brand-mark svg{width:19px}.mobile-topbar .brand strong{font-size:14px}.mobile-topbar .brand small{font-size:6px}.mobile-admin{z-index:3;width:34px;height:34px;color:var(--amber);cursor:pointer;background:#18140e;border:1px solid #584322;border-radius:50%;place-items:center;padding:0;line-height:0;display:grid}.mobile-admin>svg{place-self:center;width:19px;height:19px;display:block}.mobile-admin.active{color:var(--amber);background:var(--amber-soft);border-color:#584322}.mobile-statistics{z-index:3;width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;right:55px}.vehicle-switcher.mobile{flex:none;width:110px;min-width:0;margin:auto}.vehicle-switcher.mobile .dropdown-trigger{text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:4px;height:35px;min-height:36px;padding-inline:6px;font-size:10px;display:inline-flex}.vehicle-switcher.mobile .dropdown-label{flex:0 auto;min-width:0}.vehicle-switcher.mobile .dropdown-leading-icon,.vehicle-switcher.mobile .dropdown-chevron{flex:none}.mobile-tabs{z-index:40;height:67px;padding:0 max(5px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1011f7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-tabs.public{grid-template-columns:1fr}.mobile-tabs button{color:#666a6b;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:8px;font-weight:750;display:flex;position:relative}.mobile-tabs button.active{color:var(--amber)}.mobile-tabs button.active:before{content:"";background:var(--amber);width:24px;height:2px;position:absolute;top:0}.content-area{max-width:none}.vehicle-hero,.hero-content{min-height:460px}.hero-content{padding:45px 28px 22px}.hero-title h1{font-size:52px}.statistics-workspace{padding-bottom:67px}.statistics-mobile-topbar>strong{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;max-width:none;padding:0 44px 0 120px;font-size:11px;overflow:hidden}.garage-statistics{padding:36px 22px 65px}}@media (width<=680px){.shell{width:min(100% - 32px,520px)}.home-header{padding-block:20px}.home-header-actions{gap:7px}.home-statistics-link{justify-content:center;gap:0;width:36px;padding:0;font-size:0}.home-statistics-link>svg{flex:none;display:block}.home-intro{padding-top:55px}.home-intro h1{font-size:clamp(43px,13vw,62px)}.home-lead{margin-top:20px;font-size:13px;line-height:1.55}.vehicle-grid{grid-template-columns:1fr;margin-top:37px}.vehicle-select-card{min-height:275px}.vehicle-card-content{padding:17px}.vehicle-card-bottom strong{font-size:25px}.add-vehicle-card{min-height:150px}.home-footer{padding-top:35px}.garage-month-summary{flex-direction:column;align-items:stretch;margin-top:16px;padding:18px}.garage-month-summary strong{font-size:11px;line-height:1.65}.garage-month-summary .primary-button{width:100%}.vehicle-hero,.hero-content{min-height:510px}.hero-background{object-position:61% 50%}.hero-overlay{background:linear-gradient(#08090a66 0%,#08090a26 25%,#08090aeb 58%,#0a0b0c 100%)}.hero-content{justify-content:end;padding:28px 16px 17px}.hero-title{margin-bottom:22px}.hero-title h1{font-size:44px}.hero-title>p:last-child{font-size:10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid.public-metrics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}.metric-grid.public-metrics .metric-card:last-child:nth-child(odd){grid-column:1/-1}.metric-card{min-height:66px;padding:10px}.metric-card .metric-icon{width:28px;height:28px}.metric-card .metric-icon svg{width:15px}.metric-card strong{text-overflow:clip;font-size:clamp(15px,4.5vw,18px);overflow:visible}.metric-card small{font-size:7px}.service-metric{grid-column:1/-1}.tab-view{padding:32px 16px 50px}.section-heading{align-items:start}.section-heading h2{font-size:28px}.section-heading>div>p:last-child{line-height:1.5}.section-heading .primary-button,.section-heading .secondary-button{flex:none;min-width:39px;padding:0 11px;font-size:0}.section-heading .primary-button svg,.section-heading .secondary-button svg{width:18px;height:18px}.journal-view .section-heading .primary-button{gap:0}.journal-view .section-heading .primary-button>svg{flex:none;display:block}.journal-toolbar{align-items:start}.filter-pills{scrollbar-width:none;flex-wrap:nowrap;max-width:calc(100vw - 125px);padding-bottom:4px;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pills button{flex:none}.sort-label{display:flex}.timeline:before{left:15px}.timeline-entry{grid-template-columns:31px 1fr;gap:11px}.timeline-marker{width:31px;height:31px;box-shadow:0 0 0 4px #0b0c0d}.timeline-marker svg{width:13px;height:13px}.entry-date{flex-direction:row;grid-area:1/2;align-items:baseline;gap:5px;padding-top:0}.entry-date strong{font-size:16px}.entry-date span{margin:0;font-size:7px}.entry-card{grid-column:2;margin-top:-7px;padding:14px}.latest-badge{display:none}.entry-readings{flex-wrap:wrap;justify-content:end}.entry-card h3{font-size:13px}.entry-meta{gap:18px}.empty-state{margin-left:42px}.maintenance-list{grid-template-columns:1fr}.next-service-panel{padding:21px;display:block}.next-service-icon{margin:22px 0 18px}.next-service-panel h3{margin:0}.distance-big{margin-bottom:20px}.vehicle-detail-grid,.selected-files{grid-template-columns:1fr}.chart-panel-head{flex-direction:column;align-items:start}.chart-hint{line-height:1.4}.monthly-chart{min-width:650px}.chart-reset-view{top:7px;right:8px}.chart-selection{grid-template-columns:repeat(2,minmax(0,1fr)) 30px;gap:10px;padding:12px 14px}.chart-selection>div:nth-child(4){grid-column:1/3}.chart-selection button{grid-area:1/3}.chart-interaction-hint{padding-inline:14px}.usage-formula{grid-template-columns:1fr auto 1fr;gap:10px}.usage-formula .usage-result{border-top:1px solid #303335;border-left:0;grid-column:1/-1;padding:14px 0 0}.usage-reading{flex-direction:column;align-items:start}.modal-backdrop{align-items:end;padding:0}.entry-modal{border-radius:13px 13px 0 0;width:100%;max-height:calc(100dvh - 20px)}.entry-modal>header{padding:18px 17px 15px}.entry-modal form{padding:18px 17px 0}.form-grid{grid-template-columns:1fr;gap:13px}.form-full{grid-column:auto}.technical-inspection-due-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-inspection-due-choices button:last-child{grid-column:1/-1}.entry-modal footer{padding:13px 17px max(13px, env(safe-area-inset-bottom));align-items:stretch;margin:20px -17px 0}.entry-modal footer>span{display:none}.entry-modal footer>div{width:100%}.entry-modal footer button{flex:1}.statistics-hero{flex-direction:row;align-items:end;height:210px;padding:20px 22px}.statistics-hero h1{font-size:43px}.statistics-hero-copy>p:last-child{max-width:540px;font-size:11px}.statistics-hero .quality-legend{display:none}.statistics-period-control{margin-block:20px}.period-selector{width:100%}.period-selector button{flex:1 0 auto;padding-inline:12px}.custom-period-panel{grid-template-columns:1fr}.custom-period-actions{justify-content:end}.statistics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-kpi{min-height:126px;padding:15px}.statistics-kpi>strong{font-size:24px}.statistics-panel{padding:19px 15px}.statistics-panel-heading h2{overflow-wrap:anywhere;font-size:23px;line-height:1.05}.statistics-split{grid-template-columns:1fr}.garage-chart-legend{margin-left:0}.usage-distribution,.usage-distribution.compact{grid-template-columns:1fr}.distribution-ring{width:155px}.hours-summary-grid{grid-template-columns:repeat(2,1fr)}.ratio-cards{grid-template-columns:1fr}.activity-count-grid{grid-template-columns:repeat(2,1fr)}.oil-intervals>div{grid-template-columns:1fr;gap:5px}.financial-kpis{grid-template-columns:1fr}.fuel-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-savings-grid,.fuel-vehicle-grid{grid-template-columns:1fr}.fuel-savings-card{padding:14px}.fuel-savings-card .financial-kpis{grid-template-columns:1fr}.fuel-savings-card .financial-kpis>div{min-height:92px}.fuel-chart-legend{margin-left:0}.admin-only-label{width:max-content;margin-bottom:15px;position:static}}@media (width<=390px){.service-metric-head{grid-template-columns:30px 1fr}.service-metric-head b{grid-column:2;align-self:start}.progress-labels{font-size:6px}.entry-topline{flex-wrap:wrap}.entry-readings{justify-content:start;width:100%;margin:3px 0 0}.custom-period-fields{grid-template-columns:1fr}.custom-period-actions{grid-template-columns:repeat(2,1fr);display:grid}}.home-admin-link{min-height:36px;color:var(--amber);cursor:pointer;border:1px solid color-mix(in srgb, var(--amber) 45%, var(--line));background:var(--amber-soft);border-radius:5px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.home-admin-link:hover{border-color:var(--amber)}.home-admin-link.active{color:var(--text-tertiary);border-color:var(--line);background:var(--surface-card)}.admin-dashboard{z-index:1;gap:12px;margin-top:34px;display:grid;position:relative}.dashboard-primary{border:1px solid color-mix(in srgb, var(--amber) 38%, var(--line));background:radial-gradient(circle at 92% 0%, var(--amber-soft), transparent 34%), var(--surface-card);border-radius:9px;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.dashboard-primary h2{margin:0;font-size:22px}.dashboard-primary p:last-child{color:var(--text-tertiary);margin:7px 0 0;font-size:11px}.dashboard-snapshot{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboard-snapshot>button{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface-card);border-radius:8px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex}.dashboard-snapshot>button:hover{border-color:var(--border-hover);background:var(--surface-card-alt)}.dashboard-snapshot>button>span:last-child{flex-direction:column;min-width:0;display:flex}.dashboard-snapshot small{color:var(--text-tertiary);letter-spacing:.08em;font-size:8px;font-weight:850}.dashboard-snapshot strong{white-space:nowrap;text-overflow:ellipsis;margin:5px 0 3px;font-size:14px;overflow:hidden}.dashboard-snapshot em{color:var(--text-faint);font-size:9px;font-style:normal}.dashboard-icon{width:39px;height:39px;color:var(--amber);border:1px solid var(--line);background:var(--surface-inset);border-radius:7px;flex:none;place-items:center;display:grid}.dashboard-icon.status-overdue{color:var(--red)}.dashboard-icon.status-due{color:var(--warning)}.secondary-nav-label{margin-top:16px}.unified-side-nav{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;min-height:0;padding-right:2px;overflow:hidden auto}.unified-side-nav>.nav-section-label:first-child{margin-top:1px}.carnet-context-label{margin-top:18px}.vehicle-switcher.embedded{margin:0 0 5px}.sidebar-account{border-top:1px solid var(--line-soft);gap:7px;padding-top:12px}.sidebar-account-identity{grid-template-columns:31px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:5px 7px;display:grid}.sidebar-account-identity>span:last-child{flex-direction:column;min-width:0;display:flex}.sidebar-account-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.sidebar-account-identity small{color:var(--text-faint);margin-top:3px;font-size:8px}.sidebar-login-action{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:31px minmax(0,1fr) 20px;align-items:center;gap:9px;width:100%;min-height:48px;padding:7px;display:grid}.sidebar-login-action:hover{border-color:var(--line);background:var(--surface-card)}.sidebar-login-action>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-login-action strong{font-size:10px}.sidebar-login-action small{color:var(--text-faint);margin-top:3px;font-size:8px}.sidebar-login-action>svg{place-self:center;display:block}.sidebar-auth-action{min-height:36px;color:var(--text-secondary);cursor:pointer;border:1px solid var(--line);background:var(--surface-card);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:9px;font-weight:750;line-height:1;display:inline-flex}.sidebar-auth-action>svg{flex:none;display:block}.sidebar-auth-action:hover{color:var(--text);border-color:var(--border-hover)}.compact-vehicle-header{height:250px;color:var(--image-text);border-bottom:1px solid var(--line);background:var(--surface-sidebar);position:relative;overflow:hidden}.compact-vehicle-background{object-fit:cover;object-position:center 56%;filter:saturate(.84)brightness(.78);width:100%;height:100%;position:absolute;inset:0}.compact-vehicle-placeholder{color:#555b5d;background:radial-gradient(circle at 70% 45%,#303538,#121416 62%);place-items:center;display:grid}.compact-vehicle-overlay{background:linear-gradient(90deg,#070809e6 0%,#070809a8 38%,#0708091f 72%,#07080947 100%),linear-gradient(#0000 42%,#070809c2);position:absolute;inset:0}.compact-vehicle-content{z-index:1;flex-direction:column;justify-content:space-between;height:100%;padding:28px clamp(28px,4vw,62px) 22px;display:flex;position:relative}.compact-vehicle-title{justify-content:space-between;align-items:flex-start;gap:20px;min-width:0;display:flex}.compact-vehicle-title>div{flex:1;min-width:0}.compact-vehicle-title p,.compact-deadline small{color:var(--text-tertiary);letter-spacing:.1em;margin:0 0 4px;font-size:8px;font-weight:850}.compact-vehicle-title h1{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 3px 20px #00000073;margin:0;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(34px,4vw,50px);line-height:.95;overflow:hidden}.compact-vehicle-title>div>span{color:#f2f2eec2;letter-spacing:.035em;margin-top:9px;font-size:11px;font-weight:600;display:block}.compact-vehicle-edit{color:#f2f2eed1;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0e0f85;border:1px solid #ffffff38;border-radius:5px;flex:none;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:8px;font-weight:750;display:inline-flex}.compact-vehicle-edit:hover{color:#fff;background:#121415b8;border-color:#ffffff7a}.compact-vehicle-glance{justify-content:space-between;align-items:end;gap:18px;display:flex}.compact-vehicle-readings{gap:8px;display:flex}.compact-vehicle-readings>span{color:#f2f2eebd;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0e0f9e;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:9px 10px;font-size:9px;display:flex}.compact-vehicle-readings svg{color:var(--amber)}.compact-vehicle-readings strong{color:#f2f2ee;font-size:12px}.compact-deadline{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0e0f9e;border:1px solid #ffffff26;border-left:2px solid #ffffff4d;border-radius:6px;flex-direction:column;min-width:205px;max-width:310px;padding:11px 13px;display:flex}.compact-deadline.status-overdue{border-color:var(--red)}.compact-deadline.status-due{border-color:var(--warning)}.compact-deadline.status-soon{border-color:var(--amber)}.compact-deadline strong{color:#f2f2ee;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.compact-deadline span{color:#f2f2eead;margin-top:4px;font-size:9px}.journal-quick-actions{border:1px solid var(--line);background:var(--surface-inset);border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;margin:-12px 0 17px;padding:10px 12px;display:flex}.journal-quick-actions>span{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-right:4px;font-size:8px;font-weight:850}.journal-quick-actions button,.secondary-filters button{min-height:32px;color:var(--text-secondary);cursor:pointer;border:1px solid var(--line);background:var(--surface-card);border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:9px;display:inline-flex}.journal-quick-actions button:hover,.secondary-filters button:hover{color:var(--text);border-color:var(--border-hover)}.secondary-filter-toggle svg{flex:none}.secondary-filters{border-bottom:1px solid var(--line);background:var(--surface-inset);flex-wrap:wrap;gap:6px;margin-top:-8px;padding:10px;display:flex}.secondary-filters button.active{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 48%, var(--line))}.secondary-filters button span{color:var(--text-faint)}.contextual-fields{border:1px solid var(--line);background:var(--surface-inset);border-radius:7px;padding:13px}.entry-validation-error{margin:13px 0 0}.maintenance-action-summary{grid-template-columns:repeat(3,minmax(90px,.45fr)) minmax(190px,1fr);gap:8px;margin-bottom:18px;display:grid}.maintenance-action-summary>span,.maintenance-action-summary>div{min-height:66px;color:var(--text-tertiary);border:1px solid var(--line);background:var(--surface-card);border-radius:7px;flex-direction:column;justify-content:center;padding:12px 14px;font-size:9px;display:flex}.maintenance-action-summary>span strong{color:var(--text-soft);margin-bottom:3px;font-size:20px}.maintenance-action-summary>span.danger strong{color:var(--red)}.maintenance-action-summary>div small{color:var(--amber);letter-spacing:.09em;font-size:7px;font-weight:850}.maintenance-action-summary>div strong{margin-top:6px;font-size:11px}.maintenance-groups{gap:18px;display:grid}.maintenance-group>h3{align-items:center;gap:7px;margin:0 0 9px;font-size:12px;display:flex}.maintenance-group>h3 span,.maintenance-ok-group>summary span{min-width:20px;height:20px;color:var(--text-tertiary);background:var(--surface-hover);border-radius:10px;place-items:center;padding-inline:5px;font-size:8px;display:inline-grid}.maintenance-deadline-details{color:var(--text-faint);margin-top:11px}.maintenance-deadline-details>summary{cursor:pointer;width:max-content;font-size:8px}.maintenance-deadline-details>footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:5px 13px;margin-top:9px;padding-top:9px;font-size:8px;display:flex}.deadline-action{width:100%;min-height:34px;color:var(--text-soft);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-card);border-radius:5px;margin-top:11px;font-size:9px;font-weight:750}.deadline-action:hover{color:var(--on-accent);border-color:var(--accent-fill);background:var(--accent-fill)}.maintenance-ok-group{border:1px solid var(--line);background:var(--surface-inset);border-radius:7px;padding:13px}.maintenance-ok-group>summary{cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.maintenance-ok-group[open]>summary{margin-bottom:12px}.statistics-view-nav{border-bottom:1px solid var(--line);gap:5px;margin:0 0 22px;padding-bottom:10px;display:flex}.statistics-view-nav button{min-height:36px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:0 16px;font-size:10px;font-weight:800}.statistics-view-nav button:hover{color:var(--text-soft);background:var(--surface-card)}.statistics-view-nav button.active{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 35%, var(--line));background:var(--amber-soft)}.statistics-view-content[hidden],.mobile-period-select{display:none}.chart-scroll-hint{color:var(--text-faint);margin:0 0 8px;font-size:8px;display:none}@media (width<=840px){.compact-vehicle-header{height:205px}.compact-vehicle-content{padding:18px 16px 15px}.compact-vehicle-title h1{font-size:clamp(28px,8vw,38px)}.compact-vehicle-title>div>span{margin-top:6px;font-size:9px}.compact-vehicle-edit{justify-content:center;width:32px;padding:0}.compact-vehicle-edit span{display:none}.compact-deadline{min-width:180px;max-width:48%;padding:9px 10px}}@media (width<=680px){.home-admin-link{justify-content:center;gap:0;width:36px;height:36px;min-height:36px;padding:0;font-size:0;line-height:0}.home-admin-link>svg{flex:none;width:16px;height:16px;margin:0;display:block}.admin-dashboard{margin-top:24px}.dashboard-primary{flex-direction:column;align-items:stretch;padding:18px}.dashboard-primary .primary-button{width:100%}.dashboard-snapshot{grid-template-columns:1fr}.garage-home:has(.admin-dashboard) .vehicle-grid{margin-top:24px}.compact-vehicle-header{height:190px}.compact-vehicle-background{object-position:58% 52%}.compact-vehicle-overlay{background:linear-gradient(#07080970 0%,#07080926 38%,#070809d1 100%)}.compact-vehicle-title p{color:#f2f2eeb3}.compact-vehicle-glance{align-items:end}.compact-vehicle-readings>span{padding:7px;font-size:0}.compact-vehicle-readings strong{font-size:11px}.compact-deadline{min-width:0;max-width:54%}.compact-deadline span{display:none}.journal-quick-actions{flex-wrap:nowrap;margin-top:-8px;padding:8px;overflow-x:auto}.journal-quick-actions>span{display:none}.journal-quick-actions button{flex:none}.secondary-filters{flex-wrap:nowrap;overflow-x:auto}.maintenance-action-summary{grid-template-columns:repeat(3,1fr)}.maintenance-action-summary>div{grid-column:1/-1}.maintenance-deadline-card>header strong{font-size:11px}.maintenance-deadline-value span,.maintenance-deadline-progress-meta,.maintenance-journal-hint{font-size:8px}.period-selector{display:none}.mobile-period-select{flex-direction:column;gap:7px;min-width:0;display:flex}.mobile-period-select>span{color:var(--text-tertiary);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:850}.statistics-period-dropdown{width:100%}.statistics-period-dropdown .dropdown-trigger{min-height:44px;color:var(--text);border-color:var(--border-strong);background:linear-gradient(180deg, var(--surface-elevated), var(--surface-card-alt));box-shadow:0 5px 18px color-mix(in srgb, var(--shadow-card) 45%, transparent);border-radius:8px;padding-inline:13px 11px;font-size:11px;font-weight:750}.statistics-period-dropdown .dropdown-trigger:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover)}.statistics-period-dropdown.is-open .dropdown-trigger{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-soft), 0 8px 22px color-mix(in srgb, var(--shadow-card) 55%, transparent)}.statistics-hero{height:195px;padding:17px 16px}.statistics-hero-image{object-position:center 53%}.statistics-hero-overlay{background:linear-gradient(90deg,#050607c2 0%,#05060766 60%,#05060714 100%),linear-gradient(#05060705 28%,#050607a6 100%)}.statistics-hero h1{max-width:330px;font-size:clamp(31px,10vw,40px)}.statistics-hero-copy>p:last-child{display:none}.statistics-view-nav{z-index:8;background:color-mix(in srgb, var(--surface-app) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;margin-inline:-22px;padding:8px 22px;position:sticky;top:58px;overflow-x:auto}.statistics-view-nav button{flex:1 0 auto;padding-inline:13px}.chart-scroll-hint{display:block}}@media (width<=360px){.compact-vehicle-title h1{font-size:20px}.compact-vehicle-readings{gap:4px}.compact-vehicle-readings>span{padding:6px}.garage-statistics{padding-inline:14px}.statistics-view-nav{margin-inline:-14px;padding-inline:14px}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f0ea;--panel:#fff;--panel-2:#f8f5ef;--panel-3:#ebe6de;--line:#d7d1c7;--line-soft:#e5dfd5;--body-text:#24231f;--text:#24231f;--muted:#66635d;--muted-2:#767169;--amber:#985100;--amber-bright:#7c4100;--amber-soft:#a658001f;--green:#2f7544;--red:#a63f35;--blue:#356f99;--surface-app:#f3f0ea;--surface-sidebar:#ebe6de;--surface-card:#fff;--surface-card-alt:#f8f5ef;--surface-inset:#efebe4;--surface-elevated:#fbf9f5;--surface-deep:#e9e4dc;--surface-hover:#ebe5dc;--border-strong:#c5beb3;--border-hover:#968d81;--text-soft:#3f3c36;--text-secondary:#55514a;--text-tertiary:#666159;--text-faint:#746f67;--accent-fill:#d58a2b;--on-accent:#24180a;--purple:#76508c;--teal:#2f7478;--warning:#98502d;--chart-hours:#2e7196;--chart-hours-bright:#235f80;--shadow-card:#372a1929;--shadow-elevated:#372a1933;--shadow-modal:#2d23183d;--modal-backdrop:#2a251f8a;--mobile-surface:#f8f6f1f5;--mobile-surface-strong:#f6f3edfa}:root[data-theme=light] .garage-home{background:radial-gradient(circle at 74% 22%, #be70151a, transparent 28%), linear-gradient(180deg, #faf8f4 0%, var(--bg) 100%)}:root[data-theme=light] .statistics-hero{color:#24231f;background:#e8e3da}:root[data-theme=light] .statistics-hero-image{filter:saturate(.92)contrast(.98)}:root[data-theme=light] .statistics-hero-overlay{background:linear-gradient(90deg,#f8f6f1e6 0%,#f8f6f1a8 42%,#f8f6f114 76%),linear-gradient(#f8f6f108 34%,#f8f6f18c 100%)}:root[data-theme=light] .statistics-hero-copy{text-shadow:0 2px 18px #ffffff8c}:root[data-theme=light] .statistics-hero-copy>p:last-child{color:#24231fc2}:root[data-theme=light] .statistics-hero .quality-legend{background:#ffffffb3;border-color:#5043342b}:root[data-theme=light] .statistics-hero .quality-badge{color:#24231fc2}:root[data-theme=light] .garage-home:before{opacity:.35;background-image:linear-gradient(#3f362b0e 1px,#0000 1px),linear-gradient(90deg,#3f362b0e 1px,#0000 1px)}:root[data-theme=light] .brand-mark{background:linear-gradient(145deg,#fff4e3,#eee6da);border-color:#c59a60}:root[data-theme=light] .home-lead,:root[data-theme=light] .maintenance-row-foot strong,:root[data-theme=light] .maintenance-row-readings,:root[data-theme=light] .estimate-check{color:var(--text-secondary)}:root[data-theme=light] .home-footer{color:var(--text-faint)}:root[data-theme=light] .vehicle-select-card{color:var(--image-text);box-shadow:0 8px 24px #372a1914}:root[data-theme=light] .vehicle-select-card:hover{box-shadow:0 22px 50px var(--shadow-card);border-color:#a97835}:root[data-theme=light] .vehicle-card-empty{color:var(--text);background:radial-gradient(circle at 65% 38%,#f5f1e9 0%,#e9e3da 55%,#ddd6cc 100%)}:root[data-theme=light] .vehicle-card-empty .vehicle-image-shade{background:linear-gradient(#ffffff0d,#efebe4eb)}:root[data-theme=light] .vehicle-placeholder{color:#aaa297}:root[data-theme=light] .add-vehicle-card{color:var(--muted-2);border-color:var(--border-strong);background:#ffffff94}:root[data-theme=light] .add-vehicle-icon{border-color:var(--border-strong)}:root[data-theme=light] .add-vehicle-card strong{color:var(--text-secondary)}:root[data-theme=light] .app-shell{background:var(--surface-app)}:root[data-theme=light] .sidebar{border-color:var(--line);background:var(--surface-sidebar)}:root[data-theme=light] .side-nav button,:root[data-theme=light] .admin-avatar{color:var(--text-tertiary)}:root[data-theme=light] .current-vehicle-mini,:root[data-theme=light] .vehicle-dropdown .dropdown-trigger{border-color:var(--line);background:var(--surface-card-alt)}:root[data-theme=light] .mini-placeholder{color:var(--muted-2);background:var(--surface-deep)}:root[data-theme=light] .current-vehicle-mini>svg,:root[data-theme=light] .nav-section-label{color:var(--text-faint)}:root[data-theme=light] .dropdown-trigger{border-color:var(--border-strong);background:linear-gradient(180deg, var(--surface-elevated), var(--surface-card-alt))}:root[data-theme=light] .dropdown-chevron{stroke:var(--text-tertiary)}:root[data-theme=light] .dropdown-trigger:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-hover)}:root[data-theme=light] .dropdown-trigger:focus-visible,:root[data-theme=light] .custom-dropdown.is-open .dropdown-trigger{border-color:var(--amber);box-shadow:0 0 0 2px var(--amber-soft)}:root[data-theme=light] .dropdown-trigger:disabled{color:var(--muted-2);background:var(--surface-inset)}:root[data-theme=light] .dropdown-menu{border-color:var(--border-strong);background:var(--surface-card);box-shadow:0 18px 45px var(--shadow-elevated);scrollbar-color:var(--border-hover) var(--panel)}:root[data-theme=light] .dropdown-menu button{color:var(--text-soft)}:root[data-theme=light] .dropdown-menu button>small{color:var(--muted-2)}:root[data-theme=light] .dropdown-menu button.highlighted{color:var(--text);background:var(--surface-hover)}:root[data-theme=light] .dropdown-menu button:disabled{color:var(--muted-2)}:root[data-theme=light] .side-nav button:hover,:root[data-theme=light] .admin-mode:hover{color:var(--text);background:var(--surface-card-alt)}:root[data-theme=light] .privacy-note{color:var(--text-tertiary);border-color:var(--line);background:var(--surface-card-alt)}:root[data-theme=light] .privacy-note strong{color:var(--text-secondary)}:root[data-theme=light] .admin-avatar{border-color:var(--border-strong)}:root[data-theme=light] .admin-mode.is-admin .admin-avatar,:root[data-theme=light] .mobile-admin,:root[data-theme=light] .mobile-admin.active{background:var(--amber-soft);border-color:#b47b2f}:root[data-theme=light] .admin-mode small{color:var(--text-faint)}:root[data-theme=light] .toggle{background:#b9b2a8}:root[data-theme=light] .toggle i{background:#716b63}:root[data-theme=light] .is-admin .toggle{background:#c38a3e}:root[data-theme=light] .vehicle-hero{color:var(--text);border-bottom-color:var(--line);background:#e8e3da}:root[data-theme=light] .hero-background{filter:saturate(.92)brightness(1.02)contrast(.98)}:root[data-theme=light] .hero-placeholder{color:var(--muted-2);background:radial-gradient(circle,#fff 0%,#e9e4dc 68%)}:root[data-theme=light] .hero-overlay{background:linear-gradient(90deg,#f8f6f1f5 0%,#f8f6f1d1 34%,#f8f6f129 68%,#f8f6f147 100%),linear-gradient(#0000 38%,#f3f0ea8c 76%,#f3f0eaf0 100%)}:root[data-theme=light] .hero-title h1{color:var(--text);text-shadow:0 1px #ffffffe6,0 8px 24px #ffffff6b}:root[data-theme=light] .hero-title>p:last-child{color:var(--text-secondary)}:root[data-theme=light] .compact-vehicle-header{color:var(--text);background:#e8e3da}:root[data-theme=light] .compact-vehicle-background{filter:saturate(.94)brightness(1.02)contrast(.98)}:root[data-theme=light] .compact-vehicle-placeholder{color:var(--muted-2);background:radial-gradient(circle,#fff,#e9e4dc 68%)}:root[data-theme=light] .compact-vehicle-overlay{background:linear-gradient(90deg,#f8f6f1eb 0%,#f8f6f1b3 38%,#f8f6f114 72%,#f8f6f133 100%),linear-gradient(#0000 42%,#f3f0ead1)}:root[data-theme=light] .compact-vehicle-title h1{color:var(--text);text-shadow:0 1px #ffffffe0,0 7px 22px #ffffff61}:root[data-theme=light] .compact-vehicle-title>div>span{color:var(--text-secondary)}:root[data-theme=light] .compact-vehicle-edit{color:var(--text-secondary);background:#ffffffc7;border-color:#705e4647}:root[data-theme=light] .compact-vehicle-edit:hover{color:var(--text);border-color:var(--border-hover);background:#fffffff0}:root[data-theme=light] .compact-vehicle-readings>span,:root[data-theme=light] .compact-deadline{color:var(--text-secondary);background:#ffffffd1;border-color:#705e463d;box-shadow:0 8px 20px #372a1914}:root[data-theme=light] .compact-vehicle-readings strong,:root[data-theme=light] .compact-deadline strong{color:var(--text)}:root[data-theme=light] .compact-deadline span{color:var(--text-tertiary)}:root[data-theme=light] .metric-card,:root[data-theme=light] .service-metric{color:var(--text);-webkit-backdrop-filter:blur(14px)saturate(1.05);backdrop-filter:blur(14px)saturate(1.05);background:#ffffffe0;border-color:#705e4642;box-shadow:0 10px 28px #372a191f,inset 0 1px #ffffffd1}:root[data-theme=light] .metric-icon{color:var(--amber);background:#fff5e5d1;border-color:#98510047}:root[data-theme=light] .metric-card small,:root[data-theme=light] .service-metric small,:root[data-theme=light] .progress-labels{color:var(--text-secondary)}:root[data-theme=light] .metric-card strong i{color:var(--amber)}:root[data-theme=light] .service-metric-head b{color:var(--service-status-color,var(--amber))}:root[data-theme=light] .metric-card strong b{color:var(--text-secondary)}:root[data-theme=light] .progress-track{background:#5b4d3a2e}:root[data-theme=light] .progress-track span{background:linear-gradient(90deg, color-mix(in srgb, var(--service-status-color,var(--amber)) 70%, #fff), var(--service-status-color,var(--amber)))}:root[data-theme=light] .primary-button{color:var(--on-accent);border-color:var(--accent-fill);background:var(--accent-fill)}:root[data-theme=light] .primary-button:hover:not(:disabled){color:#fff;border-color:var(--amber);background:var(--amber)}:root[data-theme=light] .primary-button:disabled{color:var(--muted-2);border-color:var(--line);background:var(--surface-inset)}:root[data-theme=light] .secondary-button{color:var(--text-soft);border-color:var(--border-strong);background:var(--surface-elevated)}:root[data-theme=light] .secondary-button:hover{border-color:var(--border-hover);background:var(--surface-hover)}:root[data-theme=light] .secondary-button:disabled{color:var(--muted-2);border-color:var(--line);background:var(--surface-inset)}:root[data-theme=light] .ghost-button{color:var(--text-tertiary)}:root[data-theme=light] .ghost-button:hover{color:var(--text);background:var(--surface-hover)}:root[data-theme=light] .icon-button{border-color:var(--border-strong);background:var(--surface-elevated)}:root[data-theme=light] .filter-pills button{color:var(--text-tertiary)}:root[data-theme=light] .filter-pills button span{color:var(--muted-2);background:var(--surface-inset)}:root[data-theme=light] .filter-pills button:hover{color:var(--text)}:root[data-theme=light] .filter-pills button.active{color:var(--text);border-color:var(--border-strong);background:var(--surface-card-alt)}:root[data-theme=light] .sort-label,:root[data-theme=light] .entry-date span,:root[data-theme=light] .entry-readings{color:var(--text-tertiary)}:root[data-theme=light] .timeline:before{background:var(--line)}:root[data-theme=light] .timeline-marker{color:var(--text-tertiary);border-color:var(--border-strong);background:var(--surface-card);box-shadow:0 0 0 6px var(--surface-app)}:root[data-theme=light] .timeline-marker.type-entretien{border-color:#b4813c}:root[data-theme=light] .timeline-marker.type-réparation{border-color:#b66e66}:root[data-theme=light] .timeline-marker.type-modification{border-color:#7090a7}:root[data-theme=light] .timeline-marker.type-contrôle{border-color:#6f9a79}:root[data-theme=light] .timeline-marker.type-contrôle-technique{color:var(--purple);border-color:#a58aae}:root[data-theme=light] .timeline-marker.type-relevé{color:var(--text-tertiary);border-color:var(--border-strong)}:root[data-theme=light] .timeline-marker.type-carburant{color:var(--purple);border-color:#a58aae}:root[data-theme=light] .timeline-marker.type-pneumatiques{color:var(--teal);border-color:#72a0a2}:root[data-theme=light] .entry-card{border-color:var(--line);background:linear-gradient(135deg, var(--surface-card), var(--surface-card-alt))}:root[data-theme=light] .entry-card:hover{border-color:var(--border-hover);background:var(--surface-card)}:root[data-theme=light] .type-badge.type-entretien{color:var(--amber);background:var(--amber-soft);border-color:#b4813c}:root[data-theme=light] .type-badge.type-réparation{color:var(--red);background:#a63f351a;border-color:#b66e66}:root[data-theme=light] .type-badge.type-modification{color:var(--blue);background:#356f991a;border-color:#7090a7}:root[data-theme=light] .type-badge.type-contrôle{color:var(--green);background:#2f75441a;border-color:#6f9a79}:root[data-theme=light] .type-badge.type-contrôle-technique{color:var(--purple);background:#76508c1a;border-color:#a58aae}:root[data-theme=light] .type-badge.type-relevé{color:var(--text-secondary);border-color:var(--border-strong);background:var(--surface-inset)}:root[data-theme=light] .type-badge.type-carburant{color:var(--purple);background:#76508c1a;border-color:#a58aae}:root[data-theme=light] .type-badge.type-pneumatiques{color:var(--teal);background:#2f74781a;border-color:#72a0a2}:root[data-theme=light] .uncertain-badge{color:var(--warning);border-color:#b88363}:root[data-theme=light] .subtype-badge,:root[data-theme=light] .latest-badge{color:var(--text-tertiary);border-color:var(--border-strong)}:root[data-theme=light] .entry-readings i{background:var(--border-hover)}:root[data-theme=light] .entry-card>p{color:var(--text-secondary)}:root[data-theme=light] .entry-meta,:root[data-theme=light] .entry-actions{border-color:var(--line-soft)}:root[data-theme=light] .entry-meta small,:root[data-theme=light] .entry-actions button{color:var(--text-faint)}:root[data-theme=light] .entry-meta strong{color:var(--text-secondary)}:root[data-theme=light] .entry-actions button:hover{color:var(--text);background:var(--surface-hover)}:root[data-theme=light] .loading-card,:root[data-theme=light] .empty-state{color:var(--text-tertiary);border-color:var(--border-strong)}:root[data-theme=light] .empty-state svg{color:var(--muted-2)}:root[data-theme=light] .empty-state strong{color:var(--text-secondary)}:root[data-theme=light] .next-service-panel{background:radial-gradient(circle at 95% 0%, #be701524, transparent 42%), var(--surface-card);border-color:#b98642}:root[data-theme=light] .next-service-icon{border-color:#b98642}:root[data-theme=light] .next-service-panel p,:root[data-theme=light] .maintenance-row-head span:not(.maintenance-status),:root[data-theme=light] .maintenance-row-foot{color:var(--text-tertiary)}:root[data-theme=light] .next-service-panel p strong{color:var(--text-soft)}:root[data-theme=light] .hour-progress,:root[data-theme=light] .maintenance-progress{background:var(--surface-inset)}:root[data-theme=light] .maintenance-row,:root[data-theme=light] .detail-panel,:root[data-theme=light] .usage-panel{border-color:var(--line);background:var(--surface-card)}:root[data-theme=light] .maintenance-status{border-color:#6f9a79}:root[data-theme=light] .maintenance-status.soon{border-color:#b98642}:root[data-theme=light] .maintenance-status.watch{color:var(--warning);border-color:#b88363}:root[data-theme=light] .maintenance-progress span{background:#7f9484}:root[data-theme=light] .detail-panel dd{color:var(--text-soft)}:root[data-theme=light] .detail-panel h3,:root[data-theme=light] .detail-panel dl>div{border-color:var(--line)}:root[data-theme=light] .detail-panel dt,:root[data-theme=light] .detail-empty,:root[data-theme=light] .attachment-info small,:root[data-theme=light] .document-modal header small{color:var(--text-tertiary)}:root[data-theme=light] .attachment-row.compact,:root[data-theme=light] .selected-file{border-color:var(--line);background:var(--surface-inset)}:root[data-theme=light] .attachment-preview{border-color:var(--border-strong);background:var(--surface-deep)}:root[data-theme=light] .attachment-info em{color:var(--amber)}:root[data-theme=light] .attachment-delete,:root[data-theme=light] .attachment-download,:root[data-theme=light] .selected-file button{color:var(--text-tertiary)}:root[data-theme=light] .selected-file small{color:var(--text-faint)}:root[data-theme=light] .document-dropzone{color:var(--text-tertiary);border-color:var(--border-strong);background:var(--surface-elevated)}:root[data-theme=light] .document-dropzone.dragging,:root[data-theme=light] .document-dropzone:hover{border-color:var(--amber);background:var(--amber-soft)}:root[data-theme=light] .document-dropzone span{color:var(--text-faint)}:root[data-theme=light] .selected-file>span{background:var(--surface-hover)}:root[data-theme=light] .form-error,:root[data-theme=light] .data-error{color:var(--red);background:#a63f3517;border-color:#b66e66}:root[data-theme=light] .data-error strong{color:var(--red)}:root[data-theme=light] .login-setup-note,:root[data-theme=light] .estimate-check,:root[data-theme=light] .hour-meter-note,:root[data-theme=light] .service-estimate{color:var(--text-tertiary);border-color:var(--line);background:var(--surface-inset)}:root[data-theme=light] .login-setup-note strong,:root[data-theme=light] .hour-meter-note strong{color:var(--text-soft)}:root[data-theme=light] .chart-panel{border-color:var(--line);background:linear-gradient(145deg, var(--surface-card), var(--surface-card-alt))}:root[data-theme=light] .chart-panel-head{border-color:var(--line)}:root[data-theme=light] .chart-legend>span{color:var(--text-secondary)}:root[data-theme=light] .chart-legend b,:root[data-theme=light] .chart-hint,:root[data-theme=light] .chart-interaction-hint,:root[data-theme=light] .chart-selection small{color:var(--text-faint)}:root[data-theme=light] .chart-legend .hours i{background:var(--chart-hours);box-shadow:0 0 8px #2e719638}:root[data-theme=light] .chart-scroll{scrollbar-color:var(--border-hover) var(--surface-card-alt)}:root[data-theme=light] .chart-grid line,:root[data-theme=light] .chart-grid-line{stroke:#d9d3c9}:root[data-theme=light] .chart-axis,:root[data-theme=light] .chart-tick{stroke:#9f978c}:root[data-theme=light] .chart-y-label,:root[data-theme=light] .chart-date-label{fill:#68635b}:root[data-theme=light] .mileage-label{fill:var(--amber)}:root[data-theme=light] .hours-label{fill:var(--chart-hours)}:root[data-theme=light] .hours-line{stroke:var(--chart-hours)}:root[data-theme=light] .mileage-point,:root[data-theme=light] .monthly-point.mixed{fill:#fff7eb}:root[data-theme=light] .hours-point{fill:#eff7fb;stroke:var(--chart-hours-bright)}:root[data-theme=light] .hours-crosshair{stroke:var(--chart-hours-bright)}:root[data-theme=light] .ratio-crosshair{stroke:#8b631f}:root[data-theme=light] .crosshair-vertical{stroke:#706b64}:root[data-theme=light] .chart-svg-tooltip rect{fill:#fffffff7;stroke:var(--border-strong);filter:drop-shadow(0 7px 12px var(--shadow-card))}:root[data-theme=light] .chart-svg-tooltip .tooltip-date{fill:var(--text)}:root[data-theme=light] .chart-svg-tooltip .tooltip-hours{fill:var(--chart-hours-bright)}:root[data-theme=light] .chart-svg-tooltip .tooltip-ratio{fill:var(--text-tertiary)}:root[data-theme=light] .chart-interaction-hint,:root[data-theme=light] .chart-selection{border-color:var(--line)}:root[data-theme=light] .chart-selection{background:var(--surface-inset)}:root[data-theme=light] .chart-selection strong{color:var(--text-soft)}:root[data-theme=light] .chart-selection span{color:var(--text-tertiary)}:root[data-theme=light] .chart-selection .hours-text{color:var(--chart-hours-bright)}:root[data-theme=light] .chart-selection button{color:var(--text-tertiary);border-color:var(--border-strong);background:var(--surface-elevated)}:root[data-theme=light] .chart-reset-view{color:var(--text-secondary);border-color:var(--border-strong);box-shadow:0 4px 10px var(--shadow-card);background:#ffffffe6}:root[data-theme=light] .chart-reset-view:hover,:root[data-theme=light] .chart-reset-view:focus-visible,:root[data-theme=light] .chart-selection button:hover,:root[data-theme=light] .chart-selection button:focus-visible{color:var(--text);border-color:var(--amber)}:root[data-theme=light] .chart-empty{color:var(--text-tertiary)}:root[data-theme=light] .rolling-label,:root[data-theme=light] .usage-badge.rolling{color:var(--green);fill:var(--green)}:root[data-theme=light] .stationary-label,:root[data-theme=light] .usage-badge.stationary{color:var(--red);fill:var(--red)}:root[data-theme=light] .monthly-point.rolling{fill:#eff8f1;stroke:var(--green)}:root[data-theme=light] .monthly-point.stationary{fill:#fff2f0;stroke:var(--red)}:root[data-theme=light] .usage-formula{border-color:var(--line);background:var(--surface-inset)}:root[data-theme=light] .usage-formula small,:root[data-theme=light] .usage-formula>b,:root[data-theme=light] .usage-reading small,:root[data-theme=light] .usage-disclaimer{color:var(--text-faint)}:root[data-theme=light] .usage-formula .usage-result{border-color:var(--line)}:root[data-theme=light] .usage-reading strong,:root[data-theme=light] .usage-empty strong{color:var(--text-secondary)}:root[data-theme=light] .usage-empty{color:var(--text-tertiary);border-color:var(--border-strong)}:root[data-theme=light] .usage-disclaimer{border-color:var(--line)}:root[data-theme=light] .modal-backdrop{background:var(--modal-backdrop)}:root[data-theme=light] .entry-modal{border-color:var(--border-strong);background:var(--surface-card);box-shadow:0 28px 90px var(--shadow-modal)}:root[data-theme=light] .entry-modal>header,:root[data-theme=light] .entry-modal footer,:root[data-theme=light] .optional-fields{border-color:var(--line)}:root[data-theme=light] .entry-modal footer{background:var(--surface-inset)}:root[data-theme=light] .form-grid label>span,:root[data-theme=light] .form-grid .form-field>span{color:var(--text-tertiary)}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{color:var(--text);border-color:var(--border-strong);background:var(--surface-card)}:root[data-theme=light] .custom-period-fields input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:var(--muted-2)}:root[data-theme=light] input:hover,:root[data-theme=light] select:hover,:root[data-theme=light] textarea:hover{border-color:var(--border-hover)}:root[data-theme=light] .input-unit b,:root[data-theme=light] .entry-modal footer>span,:root[data-theme=light] .future-upload{color:var(--text-faint)}:root[data-theme=light] .optional-fields summary,:root[data-theme=light] .future-upload strong{color:var(--text-tertiary)}:root[data-theme=light] .future-upload{border-color:var(--border-strong)}:root[data-theme=light] .future-upload em{color:var(--text-tertiary);border-color:var(--border-strong)}:root[data-theme=light] .mobile-topbar{border-color:var(--line);background:var(--mobile-surface)}:root[data-theme=light] .mobile-tabs{border-color:var(--line);background:var(--mobile-surface-strong)}:root[data-theme=light] .mobile-tabs button{color:var(--text-tertiary)}:root[data-theme=light] .timeline-marker{box-shadow:0 0 0 4px var(--surface-app)}@media (width<=680px){:root[data-theme=light] .hero-overlay{background:linear-gradient(180deg, #f3f0ea0a 0%, #f3f0ea2e 22%, #f3f0eac2 48%, #f3f0eaf5 70%, var(--bg) 100%)}:root[data-theme=light] .metric-card,:root[data-theme=light] .service-metric{background:#ffffffe6;box-shadow:0 8px 20px #372a191a,inset 0 1px #ffffffd1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}