@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@media screen{html{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#f3f4f6;--surface:#fff;--tile:#f3f4f6;--ink:#202326;--muted:#676c72;--line:#e2e4e7;--accent:#e20d1b;--accent-hover:#bc0713;--tint:#fff0f1;--hero:#202326;background:#151619}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#151619;--surface:#212327;--tile:#2b2e33;--ink:#f3f4f6;--muted:#b6bac2;--line:#41454c;--accent:#ed2533;--accent-hover:#d71825;--tint:#3c252b;--hero:#24262b}html[data-theme=light] body{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html body{background:var(--page);color:var(--ink)}html .shell{padding:0 24px;display:block}html aside{background:var(--surface);border:0;border-radius:0 0 24px 24px;flex-flow:wrap;align-items:center;gap:24px;width:100%;max-width:1344px;margin:0 auto;padding:24px;display:flex;position:relative;inset:auto}html .brand{letter-spacing:-1.3px;color:var(--ink);flex-shrink:0;font-size:30px}html .brand-icon{background:var(--accent);color:#fff;border-radius:12px;padding:10px}html .brand-dot,html .auth-story .brand-dot{color:var(--accent)}html :is(.sidebar-caption,.sidebar-bottom){display:none}html aside select{background:var(--tile);border-color:var(--line);border-radius:12px;width:220px;padding:14px;font-size:13px;position:static}html nav{flex:1;justify-content:flex-end;gap:6px;margin:0;display:flex}html .nav{white-space:nowrap;color:var(--muted);border-radius:12px;min-height:46px;padding:13px 12px;font-size:12px}html .nav.active{background:var(--accent);color:#fff}html .nav:not(.active):hover{background:var(--tile);color:var(--ink)}html .nav b{color:var(--accent);background:#fff}html main{width:100%;margin:0}html header{background:0 0;border:0;max-width:1344px;height:58px;margin:auto;padding:0 24px}html .breadcrumb{color:var(--muted)}html .header-right{gap:20px}html .avatar{background:var(--tile);color:var(--ink);border:1px solid var(--line)}html .content{max-width:1392px;padding:24px 24px 30px}html .eyebrow{color:var(--accent);letter-spacing:1.1px;font-size:10px}html h1{letter-spacing:-1px;font-size:34px;line-height:1.25}html h2{letter-spacing:-.4px}html .title-row{gap:24px;margin-bottom:28px}html :is(.subtitle,.privacy,.section-label,label,th,td,td small,.next-card p,.stats span,.stats small,.stats em,.empty,.empty p,.onboard p,.onboard small,footer,.panel>p,.reminder-item p,.auth-card p,.auth-note,.upload small,.due-fields small,.muted){color:var(--muted)}html .subtitle{font-size:13px;line-height:1.6}html :is(.primary,.secondary){min-height:46px;box-shadow:none;border-radius:12px;padding:12px 18px;font-size:13px}html .primary,html .numeric-pad .numeric-done{background:var(--accent);color:#fff;border-color:var(--accent)}html .primary:hover,html .numeric-pad .numeric-done:hover{background:var(--accent-hover)}html .secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}html .secondary:hover{background:var(--tile)}html :is(.text-btn,.danger){color:var(--accent)}html .icon-btn{color:var(--muted)}html :is(.panel,.next-card,.stats>div,.onboard,.modal){background:var(--surface);border-color:var(--line);color:var(--ink);border-radius:22px}html .overview-grid{grid-template-columns:1.15fr 1fr;gap:24px}html .car-card{background:var(--hero);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:22px;min-height:275px;padding:28px}html .car-card h2{color:#fff;font-size:28px}html .car-photo{z-index:0;border-radius:14px;width:45%;height:145px;position:absolute;top:74px;right:24px;overflow:hidden}html .car-photo :is(a,img){object-fit:contain;width:100%;height:100%;display:block}html .user-car-photo{justify-content:center;align-items:center;display:flex}html .user-car-photo a{width:94%;height:94%}html .default-car-photo{width:53%;height:158px;top:66px;right:12px}html .default-car-photo img{object-fit:contain}html .car-card h2,html .car-card .plate{max-width:48%}html .car-bottom{z-index:1;margin-top:17px;position:relative}html .car-card .car-top{z-index:1;position:relative}html .car-preview{background:var(--tile);border-radius:14px;flex-direction:column;align-items:center;gap:14px;margin:16px 0;padding:14px;display:flex;overflow:hidden}html .car-preview :is(a,img){object-fit:contain;border-radius:10px;width:100%;max-width:100%;height:190px;display:block}html .catalog-panel{background:var(--surface);border-radius:22px;margin:24px 0;padding:24px}html .catalog-panel h2{margin-bottom:18px}html .catalog-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}html .catalog-tile{text-align:left;background:var(--tile);color:var(--ink);border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:16px;display:flex;overflow:hidden}html .tile-picture{border-radius:12px;justify-content:center;align-items:center;height:135px;display:flex;overflow:hidden}html .tile-picture img{object-fit:contain;width:100%;height:100%}html .catalog-tile b{justify-content:space-between;align-items:center;font-size:15px;display:flex}html .catalog-tile small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}html .report-picture{color:var(--accent);gap:20px}html .report-picture span{background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:35px;font-weight:800;display:flex}html .car-photo img,html .tile-picture :is(img,svg),html .photos img{transition:transform .28s}@media (hover:hover) and (pointer:fine){html .catalog-tile:hover{border-color:var(--accent);box-shadow:0 6px 18px #00000008}html .catalog-tile:hover .tile-picture :is(img,svg),html .car-photo:hover img,html .photos a:hover img{transform:scale(1.06)}}html .catalog-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}html .auth-visual{max-width:500px;height:190px;margin:20px 0}html .auth-visual img,html .onboard-visual img{object-fit:contain;width:100%;height:100%}html .onboard-visual{max-width:430px;height:190px;margin:0 auto 24px}@media (width<=760px){html .auth-visual{display:none}html .onboard-visual{height:150px}}html .access-requests{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-bottom:20px}html .applicant{background:var(--tile);overflow-wrap:anywhere;border-radius:12px;flex-direction:column;gap:8px;margin-top:14px;padding:16px;display:flex}html .applicant small{color:var(--muted)}html .applicant>div{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}@media (prefers-reduced-motion:reduce){html .car-photo img,html .tile-picture :is(img,svg),html .photos img{transition:none;transform:none!important}}@media (width<=760px){html .car-card{min-height:380px}html .car-photo{width:100%;height:175px;margin-top:14px;position:relative;top:auto;right:auto}html .car-card h2,html .car-card .plate{max-width:100%}html .car-card h2{max-width:100%;font-size:23px}html .car-card .car-bottom{margin-top:18px}html .catalog-panel{margin:16px 0;padding:18px 14px}html .catalog-tiles{grid-template-columns:1fr 1fr;gap:10px}html .catalog-tile{padding:12px}html .catalog-tile:last-child{flex-direction:row;grid-column:1/-1;align-items:center}html .catalog-tile:last-child .tile-picture{min-width:110px;height:76px}html .catalog-tile:last-child .report-picture span{display:none}html .tile-picture{height:105px}html .catalog-tile b{font-size:13px}html .catalog-tile small{font-size:10px}}html .car-art{color:#d8dde2;opacity:.32}html :is(.pill,.plate,.car-bottom,.car-bottom small,.car-check,.light-btn){color:#ced1d7}html .light-btn{background:#ffffff14;border-radius:8px;padding:7px}html .next-card{min-height:275px;padding:28px}html .due-number{color:var(--accent)}html .due-number.warning{color:#cc7814}html .stats{gap:24px;margin:24px 0}html .stats>div{border:0;min-height:132px;padding:24px}html .stats strong{color:var(--ink);font-size:28px}html :is(.reminder-line,.due-fields,.numeric-pad,.offline-status){background:var(--tile);color:var(--muted);border-color:var(--line);border-radius:12px}html :is(input,textarea,select){background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:10px;min-height:44px}html input::placeholder,html textarea::placeholder{color:var(--muted)}html :is(input,textarea,select):focus,html .numeric-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e20d1b18}html :is(.entry-title b,.empty h3){color:var(--ink)}html :is(td,.reminder-item,.modal-actions,footer,.search,.upload){border-color:var(--line)}html .search{background:var(--tile);border-radius:12px}html .search input{background:0 0}html .panel{border:0;margin-top:24px;padding:26px}html th{padding-bottom:16px;font-size:10px}html td{padding-top:20px;padding-bottom:20px}html tbody tr:hover{background:var(--tile)}html .entry-icon{background:var(--tile);color:var(--accent);border-radius:11px}html .kind-buy{background:var(--tint);color:var(--accent)}html .kind-repair{background:var(--tile);color:var(--muted)}html .done{background:var(--tile);color:var(--ink)}html .planned{background:var(--tint);color:var(--accent)}html .report-head{background:var(--hero);border-radius:22px;padding:28px}html .report-summary :is(span,strong,small){color:#fff}html .report-summary strong{font-size:34px}html .bar-track{background:var(--tile)}html .bar-track>div{background:var(--accent)}html .large-icon{background:var(--tint);color:var(--accent)}html .empty svg,html .upload{color:var(--muted)}html .notice{background:var(--tint);color:var(--ink)}html .green-dot{background:var(--accent)}html .overlay,html .sync-settings::backdrop{background:#080a0db3}html .theme-options button{background:var(--tile);color:var(--muted);border-color:var(--line);border-radius:10px}html .theme-options button[aria-pressed=true]{background:var(--tint);color:var(--accent);border-color:var(--accent);box-shadow:none}html .theme-options button:focus-visible,html .numeric-pad button:focus-visible{outline-color:var(--accent)}html .numeric-pad button,html .photos button{background:var(--surface);color:var(--ink);border-color:var(--line)}html .numeric-pad button:active{background:var(--tint)}html .auth-loading{color:var(--accent)}html .auth-story{background:var(--hero);border-top:5px solid var(--accent);padding:48px 64px}html .auth-story .brand{color:#fff}html .auth-story .eyebrow{color:#ff7881}html .auth-story :is(p,.auth-benefit,.auth-benefit small,.auth-download small){color:#ced1d7}html .auth-benefit svg{color:#ff5662}html .auth-form{background:var(--page)}html .auth-tabs{background:var(--tile);border:1px solid var(--line);border-radius:12px}html .auth-tabs button{color:var(--muted);border-radius:9px;min-height:42px}html .auth-tabs button.selected{background:var(--surface);color:var(--accent)}@media (width<=1200px){html aside{gap:16px}html nav{flex-basis:100%;justify-content:flex-start}html aside select{width:260px;margin-left:auto}html .content{padding-top:18px}}@media (width<=760px){html .shell{padding:0}html aside{border-radius:0 0 20px 20px;gap:16px;padding:16px}html .brand{gap:8px;font-size:25px}html .brand-icon{padding:7px}html aside select{width:calc(100% - 160px);max-width:260px;min-height:44px;padding:11px;font-size:12px}html nav{flex-wrap:nowrap;gap:4px;padding-bottom:2px;overflow-x:auto}html .nav{flex-shrink:0;min-height:42px;padding:11px 12px;font-size:11px}html header{justify-content:flex-end;height:52px;padding:0 16px}html .breadcrumb{display:none}html .header-right{gap:12px}html .content{padding:18px 16px 24px}html h1{font-size:27px}html .eyebrow{font-size:9px}html .title-row{margin-bottom:22px}html .title-actions{gap:8px}html .title-actions :is(.primary,.secondary){flex:1;padding:11px 12px;font-size:12px}html .overview-grid,html .settings-grid{grid-template-columns:1fr;gap:16px}html .car-card,html .next-card{min-height:245px;padding:22px}html .car-card h2{font-size:26px}html .next-card{min-height:220px}html .stats{grid-template-columns:1fr;gap:12px;margin:16px 0}html .stats>div{min-height:108px;padding:18px 20px}html .stats strong{font-size:26px}html .stats small{bottom:20px}html .panel{margin-top:16px;padding:20px 16px}html .report-head{padding:24px}html .modal{border-radius:20px;max-height:95dvh;padding:20px}html .auth-story{gap:20px;padding:24px}html .auth-story h1{font-size:28px}html .auth-form{padding:28px 24px}html .auth-card h2{font-size:26px}}html .entry-open{color:var(--ink);text-align:left;background:0 0;border:0;justify-content:flex-start;padding:0;font-weight:700;display:block}html .entry-open:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}html .purchase-summary{background:var(--tile);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr auto;gap:12px;padding:20px;display:grid}html .purchase-summary h3{overflow-wrap:anywhere;min-width:0;font-size:22px}html .purchase-summary .status{align-self:start}html .purchase-summary strong{grid-column:1/-1;font-size:30px;line-height:1.25}html .purchase-summary small{color:var(--muted);grid-column:1/-1;font-size:12px}html .purchase-facts{grid-template-columns:1fr 1fr;gap:20px 16px;margin:24px 0;display:grid}html .purchase-facts div{min-width:0}html .purchase-facts dt{color:var(--muted);margin-bottom:6px;font-size:12px}html .purchase-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}html .purchase-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}html .purchase-notes h3,html .purchase-photos h3{font-size:15px}html .purchase-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}html .purchase-photos{margin-top:20px}html .purchase-photos .photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}html .purchase-photos .photos>a{border:1px solid var(--line);background:var(--tile);border-radius:12px;display:block;overflow:hidden}html .purchase-photos .photos img{object-fit:contain;border-radius:0;width:100%;height:160px;display:block}@media (width<=760px){html .entry-open{font-size:11px}html .purchase-summary{padding:16px}html .purchase-summary h3{font-size:20px}html .purchase-details .modal-actions{flex-wrap:wrap}html .purchase-details .modal-actions button{flex:1}html .purchase-photos .photos:has(>a:only-child){grid-template-columns:1fr}}html .attachment-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}html .attachment-preview{border:1px solid var(--line);background:var(--tile);border-radius:12px;min-width:0;padding:8px}html .attachment-preview>img{object-fit:contain;border-radius:8px;width:100%;height:140px;display:block}html .attachment-preview>div{justify-content:space-between;align-items:center;gap:4px;margin-top:8px;display:flex}html .attachment-preview .secondary{padding:8px;font-size:11px}html .attached-photo{border:1px solid var(--line);background:var(--tile);border-radius:12px;min-width:0;padding:8px;position:relative}html .backup-settings{border-block:1px solid var(--line);margin:20px 0;padding:20px 0}html .backup-settings details{margin:14px 0}html .backup-settings summary{cursor:pointer;font-weight:600}html .backup-settings form{margin-top:14px}html .backup-settings a{overflow-wrap:anywhere}html .backup-buttons{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}html .backup-run{border:1px solid var(--line);border-radius:12px;gap:8px;margin:12px 0;padding:14px;display:grid}html .backup-run small{color:var(--muted)}html .backup-run a{justify-self:start}html .attached-photo>a{border-radius:8px;display:block;overflow:hidden}html .attached-photo :is(a,img){object-fit:contain;width:100%;height:140px}html .attached-photo img{border-radius:8px;display:block}html .attached-photo .photo-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}html .attached-photo .photo-actions button{border-radius:8px;min-height:44px;position:static;top:auto;right:auto}html .attached-photo .photo-actions .secondary{border:1px solid var(--line);padding:8px 10px;font-size:12px}html .saved-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}html .car-preview>.attached-photo{width:100%}html .car-preview .attached-photo :is(a,img){height:190px}html .purchase-photos .photos:has(>.attached-photo:only-child){grid-template-columns:1fr}@media (width<=760px){html .saved-photos{grid-template-columns:1fr}html .attached-photo :is(a,img){height:175px}}html .photo-editor{border:1px solid var(--line);background:var(--tile);border-radius:14px;margin:16px 0;padding:16px}html .photo-editor-head{justify-content:space-between;align-items:center;gap:8px;display:flex}html .photo-editor-head h3{font-size:17px}html .photo-editor-tools{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}html .photo-editor-tools .secondary{min-width:42px;min-height:42px;padding:10px}html .photo-editor-stage{background:#30333a;border-radius:8px;max-width:100%;margin:0 auto;position:relative;overflow:hidden}html .photo-editor-stage[hidden]{display:none}html .photo-editor-stage canvas{width:100%;height:auto;display:block}html .photo-crop{cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 2000px #0009}html .photo-crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 32.9%,#ffffff50 33.1% 33.4%,#0000 33.6% 66.2%,#ffffff50 66.4% 66.7%,#0000 66.9%),linear-gradient(#0000 32.9%,#ffffff50 33.1% 33.4%,#0000 33.6% 66.2%,#ffffff50 66.4% 66.7%,#0000 66.9%);position:absolute;inset:0}html .photo-crop-handle{cursor:nwse-resize;background:linear-gradient(135deg,#0000 45%,#fff 46% 53%,#0000 54% 66%,#fff 67% 74%,#0000 75%);width:30px;height:30px;position:absolute;bottom:0;right:0}html .photo-crop-presets{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}html .photo-crop-presets .secondary{min-height:38px;padding:8px 10px;font-size:11px}html .photo-crop-controls{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}html .photo-crop-controls label{min-width:0;color:var(--muted);font-size:11px}html .photo-crop-controls input[type=range]{width:100%;height:28px;accent-color:var(--accent);box-shadow:none;cursor:pointer;background:0 0;border:0;padding:0}html .photo-editor-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}html .photo-editor-actions button{min-height:44px}@media (width<=760px){html .photo-editor{padding:12px}html .photo-editor-actions button{flex:1}html .attachment-previews{grid-template-columns:1fr}html .attachment-preview>img{height:175px}}html .photo-editor-stage{touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate}html .photo-editor-stage canvas{pointer-events:none}html .photo-pan{cursor:grab}html .photo-pan.is-moving{cursor:grabbing}html .photo-pan .photo-crop{pointer-events:none}html .photo-editor-mode{gap:8px;margin:14px 0;display:flex}html .photo-editor-mode button{flex:1;min-height:42px}html .photo-editor-mode button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}html .photo-zoom{align-items:center;gap:12px;display:flex}html .photo-zoom label{min-width:0;color:var(--muted);flex:1;font-size:12px}html .photo-zoom input{width:100%;height:30px;accent-color:var(--accent);background:0 0;border:0;padding:0;display:block}html .photo-zoom button{min-width:42px;min-height:42px;padding:10px}html .photo-crop-details{margin:16px 0}html .photo-crop-details summary{cursor:pointer;color:var(--muted);padding:10px 0;font-size:12px}html .modal-overlay{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:20px;position:fixed;inset:0 auto auto 0;overflow:hidden}html .modal-overlay[open]{justify-content:center;align-items:center;display:flex}html .modal-overlay::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}html .modal-overlay>.modal{flex-direction:column;width:min(570px,100%);min-height:0;max-height:100%;margin:0;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 90px #0004}html .modal-overlay .modal-head{border-bottom:1px solid var(--line);flex:none;margin:0;padding:22px 25px 16px}html .modal-overlay .modal-body{overscroll-behavior:contain;touch-action:pan-y pinch-zoom;scroll-behavior:auto;overflow-anchor:none;flex:auto;min-height:0;padding:0 25px 24px;scroll-padding:10px;overflow-y:auto}html .modal-overlay .modal-actions{background:var(--surface);border-top:1px solid var(--line);flex:none;gap:10px;margin:0;padding:16px 25px;position:static}html .modal-overlay .modal-actions button{min-height:44px}@media (width<=760px){html .modal-overlay{padding:10px}html .modal-overlay .modal-head{padding:16px 20px 12px}html .modal-overlay .modal-body{padding:0 20px 20px}html .modal-overlay .modal-actions{flex-wrap:wrap;padding:12px 20px}html .modal-overlay .modal-actions button{flex:1}}}@media print{.modal-overlay{display:none!important}}.api-settings{border-top:1px solid var(--line,#dedee2);margin-top:24px;padding-top:10px}.api-settings details,.api-secret{border:1px solid var(--line,#dedee2);border-radius:12px;margin:14px 0;padding:16px}.api-settings summary{cursor:pointer;font-weight:700}.api-steps{padding-left:22px;line-height:1.8}.api-steps li+li{margin-top:10px}.api-settings .notice{line-height:1.7;display:block}.api-settings .backup-buttons{flex-wrap:wrap}.api-secret input{font-family:monospace}.api-settings .danger-btn{color:#fff;background:#e90819;border:0;border-radius:8px;padding:10px 14px}.api-settings .backup-run{overflow-wrap:anywhere}@media screen{html .connection-badge{white-space:nowrap;background:var(--tile);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}html .connection-online{color:#228853}html[data-theme=dark] .connection-online{color:#80d9a0}html .connection-offline{color:#b87920}html[data-theme=dark] .connection-offline{color:#f5c47b}html .photo-unavailable{color:var(--muted);padding:12px;font-size:12px}@media (width<=760px){html .header-right{gap:10px}html .connection-badge{padding:5px 6px;font-size:10px}html .connection-checking span{white-space:normal;max-width:78px;line-height:1.2}}}@media print{.connection-badge{display:none!important}}.record-link{color:var(--accent,#e90819);text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}html dialog.photo-viewer{color:#fff;overscroll-behavior:contain;background:#000000f0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 16px 24px;position:fixed;inset:0;overflow:auto}html dialog.photo-viewer[open]{justify-content:center;align-items:center;display:flex}html dialog.photo-viewer::backdrop{background:#000c}html dialog.photo-viewer>img{object-fit:contain;border-radius:0;width:auto;max-width:100%;height:auto;max-height:100%;display:block;transform:none}html dialog.photo-viewer>.photo-viewer-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#fff;z-index:1;background:#222;border:1px solid #ffffff60;border-radius:50%;width:44px;height:44px;padding:10px;position:fixed}html dialog.photo-viewer>.photo-viewer-close:focus-visible{outline-offset:3px;outline:3px solid #fff}.theme-options{flex-wrap:wrap;gap:8px;display:flex}.theme-options button{color:#516b5e;white-space:nowrap;background:#fff;border:1px solid #dce5dd;border-radius:9px;flex:1;min-height:44px;padding:10px 12px;font-size:12px}.theme-options button[aria-pressed=true]{color:#226347;background:#e6f4ec;border-color:#287955;box-shadow:inset 0 0 0 1px #287955}.theme-options button:focus-visible{outline-offset:3px;outline:3px solid #438f70}.theme-settings .subtitle{margin:12px 0 20px}*{box-sizing:border-box}body{color:#202a2a;background:#f7f8fa;margin:0;font-family:Manrope,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}a{color:inherit}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:29px;font-weight:800;line-height:1.3}h2{letter-spacing:-.5px;font-size:19px}p{line-height:1.7}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e8eded;flex-direction:column;width:238px;padding:32px 23px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.5px;align-items:center;gap:10px;font-size:31px;font-weight:800;text-decoration:none;display:flex}.brand-icon{color:#fff;background:#1d8063;border-radius:12px;padding:9px;display:flex}.brand-dot{color:#20856a;margin-left:-9px}.sidebar-caption{letter-spacing:1.8px;color:#899593;margin:45px 0 12px;font-size:9px;font-weight:800}aside select{background:#f6f8f7;border:1px solid #e5eae7;border-radius:9px;width:100%;padding:12px 8px;font-size:12px}nav{gap:7px;margin-top:30px;display:grid}.nav{color:#75817e;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:flex-start;padding:13px 12px;font-size:13px;font-weight:600}.nav.active{color:#1c7b5e;background:#eaf4ef}.nav b{color:#fff;background:#1c7b5e;border-radius:5px;margin-left:auto;padding:1px 5px;font-size:10px}.sidebar-bottom{border-top:1px solid #eee;margin-top:auto;padding-top:22px;font-size:11px}.green-dot{background:#218363;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.muted{color:#97a19e;margin-top:8px;font-size:10px}.sidebar-bottom button{margin-top:17px;font-size:11px}main{width:calc(100% - 238px);margin-left:238px}header{background:#fff;border-bottom:1px solid #e8eded;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.breadcrumb{color:#89938f;align-items:center;gap:12px;font-size:12px;display:flex}.header-right{align-items:center;gap:23px;display:flex}.privacy{color:#7c8984;font-size:11px}.avatar{color:#7b6550;background:#eee8df;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.icon-btn{color:#81918a;background:0 0;border:0;padding:5px;position:relative}.icon-btn i{background:#d89c42;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:5px}.content{max-width:1450px;margin:auto;padding:36px 42px 20px}.title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:#889891;letter-spacing:1.7px;margin-bottom:11px;font-size:9px;font-weight:800}.subtitle{color:#85928c;margin-top:10px;font-size:12px}.primary,.secondary{white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:700}.primary{color:#fff;background:#207e61;box-shadow:0 3px 8px #207e6115}.primary:hover{background:#18664d}.secondary{color:#516b5e;background:#fff;border-color:#dfe6e2}.text-btn{color:#288064;background:0 0;border:0;justify-content:flex-start;padding:0;font-size:12px;font-weight:700}.overview-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.car-card{color:#fff;background:#214e41;border-radius:14px;min-height:265px;padding:23px 26px;position:relative;overflow:hidden}.car-top{justify-content:space-between;align-items:center;display:flex}.pill{letter-spacing:1.7px;color:#b1cbc0;font-size:9px}.light-btn{color:#bdd6cb;background:#ffffff12;border:0;border-radius:6px;padding:5px;font-size:10px}.car-card h2{z-index:1;margin-top:18px;font-size:25px;position:relative}.plate{color:#d8e4df;border:1px solid #ffffff30;border-radius:4px;margin-top:10px;padding:4px 8px;font-size:11px;display:inline-block}.car-art{color:#92b5a5;opacity:.55;width:145px;height:130px;position:absolute;bottom:54px;right:28px}.car-bottom{color:#a9c4b7;border-top:1px solid #ffffff20;justify-content:space-between;align-items:end;margin-top:27px;padding-top:18px;font-size:10px;display:flex}.car-bottom strong{color:#fff;margin-top:5px;font-size:23px;font-weight:600;display:block}.car-bottom small{color:#b1c7bd;font-size:11px;font-weight:400}.car-check{align-items:center;gap:5px;font-size:10px;display:flex}.next-card{background:#fff;border:1px solid #e5eae7;border-radius:14px;padding:24px 27px}.section-label{letter-spacing:1.3px;color:#82928a;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.next-card h2{margin-top:20px}.next-card p{color:#8a9690;margin-top:12px;font-size:12px}.next-card .text-btn{margin-top:23px}.due-number{color:#258468;margin-top:10px;font-size:29px;font-weight:800}.due-number.warning{color:#b58a35}.reminder-line{color:#839187;background:#f6f8f5;border-radius:6px;align-items:center;gap:8px;margin-top:17px;padding:10px;font-size:11px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0;display:grid}.stats>div{background:#fff;border:1px solid #e6eae7;border-radius:11px;padding:21px 23px}.stats span{color:#82918a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stats strong{letter-spacing:-.7px;margin-top:15px;font-size:25px;font-weight:800;display:block}.stats small{color:#94a097;margin-top:10px;font-size:10px;display:block}.stats em{color:#8e9b94;font-size:14px;font-style:normal;font-weight:500}.alert-banner{color:#92783c;background:#faf6eb;border:1px solid #eadfc8;border-radius:9px;align-items:center;gap:15px;margin:22px 0;padding:17px 20px;font-size:12px;display:flex}.alert-banner p{color:#a18d62;margin-top:4px;font-size:11px}.alert-banner button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:11px}.panel{background:#fff;border:1px solid #e5eae7;border-radius:12px;margin-top:22px;padding:25px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.panel-title h2{font-size:17px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#919b95;text-transform:uppercase;letter-spacing:1px;padding:0 10px 15px;font-size:9px;font-weight:600}td{color:#5e6b62;border-top:1px solid #edf0ed;padding:18px 10px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8faf8}td small{color:#9ba59e;margin-top:5px;font-size:10px;display:block}.entry-title{align-items:center;gap:13px;display:flex}.entry-title b{color:#36453c;font-weight:700}.entry-icon{color:#5f8d74;background:#eaf2ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kind-buy{color:#a28a62;background:#f3efe9}.kind-repair{color:#7d89a0;background:#eef0f5}.right{text-align:right}.status{white-space:nowrap;border-radius:5px;padding:5px 8px;font-size:9px}.done{color:#658d6b;background:#edf6ef}.planned{color:#b29b64;background:#f7f1e5}.empty{text-align:center;color:#92a198;padding:50px 20px}.empty svg{color:#89a396;margin-bottom:14px}.empty h3{color:#596b61;font-size:16px}.empty p{margin:10px 0 18px;font-size:12px}.onboard{text-align:center;background:#fff;border:1px solid #e3eae5;border-radius:16px;min-height:420px;padding:70px 20px}.large-icon{color:#398967;background:#eaf3ed;border-radius:50%;margin-bottom:23px;padding:25px;display:inline-flex}.onboard h2{font-size:26px}.onboard p{color:#839288;margin:17px;font-size:13px}.onboard small{color:#9da69f;margin-top:20px;font-size:11px;display:block}footer{color:#9ca69f;border-top:1px solid #e5eae7;justify-content:space-between;align-items:center;margin-top:36px;padding-top:20px;font-size:11px;display:flex}footer span{font-size:10px}.filters{flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 20px;display:flex}.filters label{align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.filters input{width:145px;padding:9px}.search{color:#9aa79e;border:1px solid #e0e7e1;border-radius:7px;align-items:center;padding-left:10px;display:flex}.search input{background:0 0;border:0;width:230px}.report-head{background:#eaf3ed;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:25px;display:flex}.report-summary span{letter-spacing:1.4px;color:#789582;font-size:9px}.report-summary strong{color:#256f50;margin:10px 0;font-size:31px;display:block}.report-summary small{color:#8aa493;font-size:11px}.report-actions{gap:10px;display:flex}.bar-row{align-items:center;gap:16px;margin-top:20px;font-size:12px;display:flex}.bar-row>span{width:65px}.bar-row b{text-align:right;min-width:100px}.bar-track{background:#f0f4f0;border-radius:6px;flex:1;height:8px;overflow:hidden}.bar-track>div{background:#549d79;border-radius:6px;height:100%}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-grid .panel{margin-top:0}.panel>p{color:#839286;margin:17px 0;font-size:12px}.panel>.section-label{margin-bottom:20px}.reminder-item{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.reminder-item p{color:#8b968e;margin-top:5px;font-size:11px}.overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17342666;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:570px;max-height:92vh;padding:25px;overflow-y:auto;box-shadow:0 20px 90px #183b3233}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{font-size:22px}label{color:#6c7d72;flex-direction:column;gap:7px;margin:14px 0;font-size:11px;font-weight:600;display:flex}input,textarea,select{color:#384a3d;background:#fff;border:1px solid #dce5dd;border-radius:7px;outline:none;width:100%;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#448d6d;box-shadow:0 0 0 3px #448d6d15}textarea{resize:vertical;min-height:70px}.form-grid{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.due-fields{background:#f2f7f1;border-radius:9px;padding:4px 14px 12px}.due-fields small{color:#799380;align-items:center;gap:5px;font-size:10px;display:flex}.upload{color:#62896d;border:1px dashed #c5d7c9;border-radius:9px;align-items:center;padding:15px}.upload input{border:0;padding:4px;font-size:10px}.upload small{color:#98a49b;font-size:9px;font-weight:400}.photos{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.photos>div{position:relative}.photos img{object-fit:cover;border-radius:6px;width:90px;height:75px}.photos button{background:#fff;border:0;border-radius:50%;padding:3px;position:absolute;top:3px;right:3px}.modal-actions{border-top:1px solid #edf0ed;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.danger{color:#b55b58;background:0 0;border:0;margin-right:auto;font-size:12px}.error{color:#ab4c44;background:#fbecea;border:1px solid #edcbc5;border-radius:8px;margin:15px 0;padding:13px;font-size:12px}.notice{color:#498465;background:#e9f4ed;border-radius:8px;justify-content:space-between;margin:15px 0;padding:13px;display:flex}.notice button{color:inherit;background:0 0;border:0}@media (width>=1500px){.content{padding-top:45px}.car-card,.next-card{min-height:290px}}@media (width<=1100px){aside{width:205px;padding:25px 16px}main{width:calc(100% - 205px);margin-left:205px}.content{padding:28px 24px}header{padding:0 24px}h1{font-size:24px}.title-row{align-items:flex-start}.car-art{width:100px;right:20px}.car-card{padding:22px}.stats{gap:12px}.stats>div{padding:17px}.stats strong{font-size:22px}}@media (width<=760px){aside{border-bottom:1px solid #eee;width:auto;padding:17px;display:block;position:relative;inset:auto}.shell{display:block}.brand{font-size:24px}.brand-icon{padding:6px}.sidebar-caption,.sidebar-bottom{display:none}aside select{width:155px;position:absolute;top:17px;right:17px}nav{gap:5px;margin-top:16px;display:flex;overflow-x:auto}.nav{white-space:nowrap;padding:10px;font-size:11px}.nav svg{flex-shrink:0;width:16px}main{width:100%;margin:0}header{height:49px;padding:0 18px}.header-right{gap:13px}.content{padding:25px 17px}.title-row{display:block}.title-row .primary{margin-top:17px}h1{font-size:25px;line-height:1.4}.eyebrow{font-size:8px}.overview-grid,.settings-grid{grid-template-columns:1fr}.car-art{width:145px}.stats{grid-template-columns:1fr;gap:10px}.stats>div{padding:16px 20px;position:relative}.stats strong{margin-top:8px}.stats small{font-size:9px;position:absolute;bottom:19px;right:20px}.panel{padding:19px 15px}.table-wrap{margin:0 -5px}td{white-space:nowrap;padding:15px 7px}.entry-title{gap:8px}.entry-title b{font-size:11px}.status{font-size:8px}.alert-banner{align-items:flex-start;gap:10px}.alert-banner button,.alert-banner p{font-size:10px}.report-head{display:block}.report-actions{margin-top:18px}.filters{gap:10px}.search,.search input{width:100%}.filters input{width:130px}.overlay{padding:10px}.modal{max-height:95vh;padding:19px}.form-grid{gap:0 10px}.privacy{display:none}footer span{font-size:8px}.reminder-item{gap:10px}.reminder-item .secondary{font-size:10px}.bar-row{gap:8px}.bar-row b{min-width:80px}.car-card h2{font-size:25px}.onboard{padding:45px 15px}}@media print{aside,header,.title-row .primary,.filters,.report-actions,.icon-btn,footer,.overlay{display:none!important}main{width:100%;margin:0}.content{padding:0}.panel{break-inside:avoid;box-shadow:none}.report-head{background:#fff;border:1px solid #ddd}body{background:#fff}.table-wrap{overflow:visible}}.auth-loading{color:#448b6b;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-story{color:#fff;background:#204f41;flex-direction:column;justify-content:space-between;gap:40px;padding:45px 65px;display:flex}.auth-story .brand-dot{color:#86c9a8}.auth-story .eyebrow{color:#98c4ae}.auth-story h1{letter-spacing:-1.5px;margin:20px 0;font-size:43px;line-height:1.3}.auth-story p{color:#bbd1c5;max-width:420px;font-size:15px;line-height:1.8}.auth-benefit{color:#acd3bd;align-items:center;gap:18px;margin-top:30px;display:flex}.auth-benefit b{color:#f3faf5;font-size:14px;display:block}.auth-benefit small{color:#aac7b6;margin-top:7px;font-size:11px;display:block}.auth-download{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.auth-download a{text-decoration:none}.auth-download small{color:#9dbcaa;font-size:11px;line-height:1.6}.auth-form{justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{width:100%;max-width:365px}.auth-card h2{margin-top:15px;font-size:29px}.auth-card p{color:#879b8e;margin:12px 0 25px;font-size:12px}.auth-tabs{background:#eaf0ec;border-radius:8px;gap:5px;margin-bottom:22px;padding:5px;display:flex}.auth-tabs button{color:#8ba091;background:0 0;border:0;border-radius:6px;flex:1;padding:9px;font-size:12px;font-weight:700}.auth-tabs button.selected{color:#287955;background:#fff;box-shadow:0 2px 8px #204d4010}.auth-card .primary{width:100%;margin-top:13px;padding:13px}.auth-note{text-align:center;color:#94a397;margin-top:22px;font-size:10px;display:block}.account-error{color:#ab534b;z-index:40;background:#fce5e1;border-radius:10px;padding:15px;position:fixed;bottom:20px;right:20px}@media (width<=760px){.auth-page{display:block}.auth-story{gap:20px;padding:22px 25px}.auth-story h1{margin:8px 0;font-size:26px}.auth-story p{font-size:12px}.auth-story .brand{font-size:24px}.auth-benefit{display:none}.auth-download{gap:10px}.auth-download small{font-size:10px}.auth-story .eyebrow{font-size:8px}.auth-form{padding:30px 25px}.auth-card{max-width:430px}.auth-card h2{font-size:25px}.auth-card>.eyebrow{display:none}.header-right .text-btn{font-size:10px}}.offline-status{color:#205440;background:#e9f4ee;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.verification-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.verification-page .auth-form{width:100%;max-width:560px}.auth-card>.secondary{width:100%;margin-top:16px}.sync-settings{width:min(560px,100vw - 32px);color:inherit;border:0;margin:auto}.sync-settings::backdrop{background:#153b2db3}.sync-settings h3{margin:20px 0 12px}.sync-settings .subtitle{margin-bottom:20px}.sync-settings .offline-status{align-items:flex-start}.sync-settings .offline-status>span{width:100%;line-height:1.6}.sync-settings .modal-head{justify-content:space-between;align-items:center;gap:16px;display:flex}@media print{.sync-settings{display:none!important}}.numeric-field{position:relative}.numeric-field input{cursor:pointer}.numeric-field input:focus{border-color:#438f70;box-shadow:0 0 0 3px #438f7015}.numeric-pad{background:#edf5ef;border:1px solid #dce7df;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;padding:10px;display:grid}.numeric-pad button{color:#204f41;touch-action:manipulation;background:#fff;border:1px solid #dce7df;border-radius:8px;min-height:44px;font-size:22px;font-weight:600}.numeric-pad button:active{background:#cce5d6}.numeric-pad button:disabled{opacity:.25}.numeric-pad .numeric-clear{font-size:11px}.numeric-pad .numeric-done{color:#fff;background:#287955;grid-column:span 2;font-size:13px}.numeric-pad button:focus-visible{outline-offset:2px;outline:2px solid #287955}.title-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.title-actions .secondary{min-height:44px}@media (width<=760px){.title-actions{margin-top:17px}.title-row .title-actions .primary{margin-top:0}}@media print{.title-actions{display:none!important}}
