@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-2-cyrillic-600-normal-CENMUrsM.woff2)format("woff2"),url(/assets/exo-2-cyrillic-600-normal-DUkGHFVI.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-2-latin-600-normal-DOMk466V.woff2)format("woff2"),url(/assets/exo-2-latin-600-normal-DZPWd1Z-.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-2-cyrillic-700-normal-BWvdHNKb.woff2)format("woff2"),url(/assets/exo-2-cyrillic-700-normal-BV2eOPIx.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-2-latin-700-normal-OoACPC18.woff2)format("woff2"),url(/assets/exo-2-latin-700-normal-CMe4g2cX.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2)format("woff2"),url(/assets/material-icons-Dr0goTwe.woff)format("woff")}.material-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141b22;--surface:#1e2832;--surface-2:#293643;--surface-3:#344656;--border:#425667;--border-strong:#637d92;--text:#f6f8fb;--sub:#d3dde7;--muted:#afbfce;--cyan:#8de9f5;--cyan-dim:#77deeb12;--amber:#f2c28e;--danger:#f2b5d7;--chart:#79b6c4;--danger-dim:#e7a4ca14;--head:"Exo 2", sans-serif;--font:"IBM Plex Sans", sans-serif;--mono:"JetBrains Mono", monospace;--transition:.18s ease}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,textarea,select{color:inherit}button{background:0 0}button,input,textarea,select,a{transition:color var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}::selection{background:var(--cyan);color:var(--bg)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--head)}h1{letter-spacing:-.035em;font-size:clamp(26px,2.4vw,36px);font-weight:600;line-height:1.2}.material-icons{-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:20px}.mono,.kicker,.eyebrow{font-family:var(--mono)}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.muted{color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--cyan);color:var(--bg);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.app-shell{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;width:226px;padding:35px 22px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{width:fit-content;font:700 19px/1.05 var(--head);letter-spacing:.09em;align-items:center;gap:11px;display:flex}.brand img{border:1px solid var(--border-strong)}.brand-second{margin-top:4px;font-size:17px;display:block}.brand-dot{color:var(--cyan)}.sidebar-label{font:9px var(--mono);color:var(--muted);letter-spacing:.12em;border-bottom:1px solid var(--border);padding:23px 0 28px}.desktop-nav{gap:8px;padding-top:30px;display:grid}.desktop-nav a{min-height:47px;color:var(--muted);border:1px solid #0000;align-items:center;gap:13px;padding:13px 10px;display:flex;position:relative}.desktop-nav a small{font:10px var(--mono);opacity:.65;margin-left:auto}.desktop-nav a:hover{background:var(--surface-2);color:var(--text)}.desktop-nav a.active{color:var(--cyan);background:linear-gradient(90deg, var(--cyan-dim), transparent);border-color:#77deeb1c}.desktop-nav a.active:before{content:"";background:var(--cyan);width:2px;height:18px;position:absolute;left:-1px;box-shadow:0 0 12px #77deeb50}.sidebar-bottom{margin-top:auto;padding-top:45px}.garage-number{font:600 88px/1 var(--head);letter-spacing:-.08em;color:#28333e;padding-bottom:35px;position:relative}.garage-number span{color:#36434f}.garage-number i{background:var(--cyan);opacity:.5;width:44px;height:2px;position:absolute;bottom:29px;left:4px}.sidebar-car{border-top:1px solid var(--border);align-items:center;gap:11px;padding:20px 0;font-size:13px;display:flex}.sidebar-car .material-icons{color:var(--muted)}.sidebar-car small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.subtle-link{color:var(--muted);justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.subtle-link:hover{color:var(--cyan)}.subtle-link .material-icons{font-size:14px}.sidebar-version{font:8px var(--mono);color:var(--muted);border-top:1px solid var(--border);letter-spacing:.03em;padding:19px 0}.sidebar-version span{float:right}.workspace{flex-direction:column;min-height:100vh;margin-left:226px;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;height:65px;padding:0 42px;display:flex}.breadcrumb{color:var(--muted);gap:15px;font-size:12px;display:flex}.breadcrumb strong{color:var(--sub);font-weight:400}.breadcrumb>span{color:var(--border-strong)}.demo-badge{font:10px var(--mono);color:var(--amber);align-items:center;gap:7px;display:flex}.demo-badge>span{color:var(--muted)}.demo-badge i,.eyebrow i,.hero-bottom i{background:currentColor;width:5px;height:5px;display:inline-block}main#main{outline:none;width:100%}.workspace main{flex:1;max-width:1680px;margin-inline:auto;padding:35px 42px 30px}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px;display:flex}.page-header h1{margin-top:9px}.kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--border-strong);white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:10px 18px;font-size:12px;font-weight:500;display:inline-flex}.btn .material-icons{font-size:18px}.btn:hover:not(:disabled){border-color:var(--cyan);background:var(--cyan-dim)}.btn.primary{color:var(--bg);background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px #77deeb09}.btn.primary:hover:not(:disabled){background:#a0eaf2;box-shadow:0 0 22px #77deeb20}.btn.danger,.icon-btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-dim);border-color:var(--danger)}.icon-btn{border:1px solid var(--border);border-radius:3px;justify-content:center;align-items:center;min-width:42px;height:43px;display:inline-flex}.icon-btn:hover{background:var(--surface-3)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;position:relative}.panel:after{content:"";border-bottom:1px solid var(--border-strong);border-right:1px solid var(--border-strong);pointer-events:none;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.car-hero{isolation:isolate;background:#11161c;height:333px;overflow:hidden}.hero-background{z-index:-2;background:linear-gradient(90deg, #11161c 0%, #11161cf0 24%, #11161c10 62%), var(--car-image) 90% 58%/79% auto no-repeat;position:absolute;inset:0}.car-hero:before{content:"";z-index:-1;background:linear-gradient(#11161c55,#0000 15% 74%,#11161c 100%);position:absolute;inset:0}.hero-content{padding:30px 33px}.eyebrow{color:var(--cyan);letter-spacing:.1em;align-items:center;gap:9px;font-size:9px;display:flex}.eyebrow>span{color:var(--muted);margin-left:10px}.hero-content h2{letter-spacing:-.04em;max-width:60%;margin:13px 0 10px;font-size:clamp(30px,3.1vw,45px);font-weight:600;line-height:1.2}.car-meta{color:var(--sub);align-items:center;gap:13px;font-size:12px;display:flex}.plate{border:1px solid var(--border-strong);font:10px var(--mono);border-radius:2px;padding:4px 7px}.hero-edit{color:var(--muted)}.hero-edit:hover{color:var(--cyan)}.hero-edit .material-icons{font-size:15px}.odometer{margin-top:36px}.odometer>div{font:400 38px/1.5 var(--mono);letter-spacing:-.06em}.odometer small{font:12px var(--font);color:var(--muted);letter-spacing:0;margin-left:10px}.hero-coordinate{font:8px var(--mono);color:var(--muted);letter-spacing:.16em;position:absolute;top:22px;right:24px}.hero-bottom{color:var(--muted);font:8px var(--mono);letter-spacing:.06em;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:33px;right:24px}.hero-bottom i{width:3px;height:3px;margin-right:6px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:19px 0 25px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;min-width:0;padding:21px 23px 19px}.stat-label{color:var(--sub);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.stat-label .material-icons{color:var(--muted);font-size:16px}.amount{font:400 clamp(23px, 2.3vw, 32px)/1.6 var(--mono);letter-spacing:-.065em;white-space:nowrap;margin:8px 0 4px;display:block}.amount small{font:11px var(--font);color:var(--muted);letter-spacing:0;margin-left:10px}.stat-foot{color:var(--muted);font-size:10px;display:block}.reminder-card:hover{border-color:var(--cyan)}.reminder-card .amount{font-size:clamp(22px,2.1vw,29px)}.reminder-card .stat-foot>span{margin-top:3px;display:block}.is-alert{border-color:var(--amber)}.dashboard-bottom{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:20px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:21px;padding:23px 23px 0;display:flex}.section-heading h2{letter-spacing:-.02em;font-size:15px;font-weight:500}.section-heading h2 b,.section-title b{font:9px var(--mono);color:var(--muted);margin-right:9px;font-weight:400}.text-link{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:inline-flex}.text-link:hover{color:var(--cyan)}.text-link .material-icons{font-size:15px}.mono{font-size:10px}.expense-chart{padding:0 23px 21px}.chart-caption{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:10px;display:flex}.chart-caption strong{font:10px var(--mono);color:var(--sub)}.chart-plot{gap:14px;height:138px;margin-bottom:32px;display:flex}.chart-y{min-width:42px;font:8px var(--mono);color:var(--muted);flex-direction:column;justify-content:space-between;display:flex;transform:translateY(-5px)}.bars{align-items:flex-end;gap:9px;width:100%;padding:0 2px;display:flex;position:relative}.bar-column{z-index:1;border:0;flex:1;justify-content:center;align-items:flex-end;min-width:0;height:100%;padding:0;display:flex;position:relative}.bar{background:var(--chart);width:100%;max-width:28px;min-height:2px;transition:background var(--transition);border-radius:2px 2px 0 0;display:block}.bar.peak{background:var(--cyan)}.bar.zero{background:var(--border-strong)}.bar-column:hover .bar,.bar-column:focus .bar,.bar-column.selected .bar{background:var(--amber)}.bar-label{font:8px var(--font);color:var(--muted);position:absolute;bottom:-23px}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-grid i{border-bottom:1px solid var(--border);width:100%}.average-line{z-index:2;pointer-events:none;border-top:1px dashed #9ba6b64d;position:absolute;left:0;right:0}.chart-legend{color:var(--muted);gap:17px;margin-top:18px;font-size:8px;display:flex}.chart-legend>span{align-items:center;gap:6px;display:flex}.chart-legend i{background:var(--chart);width:6px;height:6px}.chart-legend i.dashed{border-top:1px dashed var(--muted);background:0 0;width:12px;height:0}.entry-row{border-top:1px solid var(--border);align-items:center;gap:14px;min-width:0;padding:19px 23px;display:flex}.entry-row:hover{background:var(--surface-2)}.entry-row>.material-icons{color:var(--muted);font-size:16px}.entry-date{text-align:center;min-width:42px;line-height:1}.entry-date strong{font:400 22px var(--mono);color:var(--sub)}.entry-date>span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.entry-symbol{background:var(--surface-2);border:1px solid var(--border);width:39px;height:39px;color:var(--sub);border-radius:3px;place-items:center;display:grid}.entry-copy{flex:1;min-width:0}.entry-copy h3{font-family:var(--font);font-size:12px;font-weight:500;line-height:1.4}.entry-copy p{color:var(--muted);margin-top:6px;font-size:10px}.entry-amount{font:400 13px var(--mono);letter-spacing:-.04em;white-space:nowrap;color:var(--amber)}.recent-panel .entry-symbol{display:none}.recent-panel .entry-row{gap:11px;padding:20px}.recent-panel .section-heading{margin-bottom:15px}.recent-panel .entry-copy h3{font-size:11px}.recent-panel .entry-amount{font-size:12px}.app-footer{font:8px var(--mono);letter-spacing:.05em;color:var(--muted);justify-content:space-between;padding:0 42px 24px;display:flex}.mobile-nav{display:none}.history-summary{background:linear-gradient(100deg, var(--surface-2), var(--surface));border-left:2px solid var(--amber);justify-content:space-between;align-items:center;margin-bottom:25px;padding:26px;display:flex}.history-summary>span{color:var(--sub);font-family:var(--head);font-size:19px}.history-summary strong{color:var(--amber);font:400 28px var(--mono);letter-spacing:-.04em}.history-summary small{font:11px var(--font);text-align:right;color:var(--muted);letter-spacing:0;margin-top:8px;display:block}.toolbar{gap:12px;margin-bottom:27px;display:flex}.search-box{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:3px;flex:1;align-items:center;gap:12px;padding:0 13px;display:flex}.search-box:focus-within{border-color:var(--cyan)}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:12px}.search-box kbd{font:11px var(--mono);border:1px solid var(--border-strong);padding:0 5px}.period-select select{background:var(--surface);border:1px solid var(--border-strong);border-radius:3px;height:43px;padding:12px 32px 12px 14px;font-size:12px}.month-heading{color:var(--sub);text-transform:capitalize;align-items:center;gap:12px;margin:25px 0 12px;font-size:12px;font-weight:500;display:flex}.month-heading span{font:9px var(--mono);color:var(--muted);border:1px solid var(--border);padding:2px 6px}.history-groups .entry-row:first-child{border-top:0}.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.empty-state>.material-icons{color:var(--cyan);margin-bottom:16px;font-size:38px}.empty-state h2,.empty-state h3{color:var(--text);font-size:19px;font-weight:500}.empty-state p{margin:9px 0 21px;font-size:12px}.analytics-chart{margin-bottom:25px}.analytics-chart .chart-plot{height:230px}.analytics-chart .bar{max-width:45px}.analytics-chart .chart-caption{margin-top:20px}.form-page{max-width:860px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:23px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--cyan)}.back-link .material-icons{font-size:16px}.form-card{margin-bottom:20px;padding:26px}.section-title{letter-spacing:.015em;align-items:center;margin:0 0 24px;font-size:13px;font-weight:500;display:flex}.form-card .section-heading{margin-bottom:24px;padding:0}.form-card .section-heading .section-title{margin:0}.field{flex-direction:column;gap:9px;min-width:0;margin-bottom:20px;display:flex}.field>span{color:var(--sub);font-size:12px}.field>span i{color:var(--cyan);margin-left:3px;font-style:normal}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border-strong);width:100%;min-height:45px;color:var(--text);border-radius:3px;outline:none;padding:12px 13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-dim)}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.75}.field textarea{resize:vertical}.form-card>.field:last-child,.form-card>.form-row:last-child .field{margin-bottom:0}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.segmented{border:1px solid var(--border);background:var(--bg);border-radius:3px;padding:3px;display:flex}.segmented button{color:var(--muted);border:0;border-radius:2px;padding:7px 11px;font-size:10px}.segmented button.active{background:var(--surface-3);color:var(--cyan)}.amount-field{max-width:320px}.amount-field input{font:22px var(--mono);color:var(--amber)}.cost-item{grid-template-columns:minmax(130px,1fr) 105px 75px 65px 42px;align-items:end;gap:10px;display:grid}.cost-item .field,.cost-item .icon-btn{margin-bottom:12px}.cost-item .field input{padding-inline:9px}.cost-item .field>span{white-space:nowrap;font-size:10px}.cost-items>.btn{margin-top:8px}.form-total{border-top:1px solid var(--border);color:var(--sub);justify-content:space-between;align-items:center;margin-top:24px;padding-top:19px;display:flex}.form-total strong{font:24px var(--mono);color:var(--amber);letter-spacing:-.05em}.form-actions{justify-content:flex-end;gap:12px;margin:25px 0;display:flex}.demo-info{color:var(--muted);align-items:flex-start;gap:10px;font-size:11px;display:flex}.demo-info .material-icons{font-size:17px}.form-error,.storage-error{color:var(--danger);background:var(--danger-dim);border-left:2px solid var(--danger);margin-block:18px;padding:14px 17px;font-size:12px}.storage-error{margin:15px 42px 0}.storage-error a{text-decoration:underline}.button-row{flex-wrap:wrap;gap:10px;display:flex}.detail-page{max-width:940px}.detail-page .page-header{align-items:flex-start}.detail-page .page-header h1{max-width:650px}.detail-card{margin-bottom:22px;padding:30px}.detail-meta{color:var(--muted);flex-wrap:wrap;gap:25px;font-size:12px;display:flex}.detail-meta>span{align-items:center;gap:9px;display:flex}.detail-meta .material-icons{font-size:16px}.detail-amount{margin:32px 0}.detail-amount strong{font:400 44px var(--mono);letter-spacing:-.06em;color:var(--amber);margin-top:10px;display:block}.detail-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sub);max-width:660px;line-height:1.8}.cost-detail{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:25px;padding:16px 0;display:flex}.cost-detail>span{overflow-wrap:anywhere;min-width:0}.cost-detail strong{font:13px var(--mono);white-space:nowrap;font-weight:400}.cost-detail small{color:var(--muted);margin-top:5px;display:block}.detail-footer{justify-content:space-between;align-items:center;gap:15px;display:flex}.demo-settings{margin-top:35px}.demo-settings p{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.8}.demo-settings .text-link{margin-top:24px}.toast{z-index:100;background:var(--surface-2);border:1px solid var(--cyan);color:var(--text);align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:16px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;right:28px;box-shadow:0 12px 40px #0006}.toast .material-icons{color:var(--cyan)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(12px)}.login-page{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:35px 20px;display:flex;position:relative}.login-grid{z-index:-1;background:radial-gradient(at 50% 45%,#77deeb0c,#0000 55%),linear-gradient(#77deeb04 1px,#0000 1px) 0 0/50px 50px,linear-gradient(90deg,#77deeb04 1px,#0000 1px) 0 0/50px 50px;position:absolute;inset:0}.login-card{border-top:2px solid var(--cyan);width:420px;max-width:100%;padding:38px}.login-card>.kicker{margin:22px 0 10px}.login-card h1{font-size:28px}.login-status{color:var(--amber);align-items:center;gap:9px;margin:19px 0 27px;font-size:11px;display:flex}.login-status .material-icons{font-size:16px}.login-card form>.btn{justify-content:space-between;width:100%;margin-top:4px}.login-card>.text-link{color:var(--cyan);margin-top:25px}.login-footer{color:var(--muted);letter-spacing:.1em;margin-top:30px;font-size:8px}.swatches{flex-wrap:wrap;gap:15px;display:flex}.swatches>div{width:70px;font:9px var(--mono);color:var(--muted)}.swatches i{border:1px solid var(--border-strong);height:50px;margin-bottom:10px;display:block}.form-card>p{color:var(--muted);margin-block:15px 22px}.loading-center{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:30px;font-size:12px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.animate-fadeIn{animation:.3s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){.car-hero{height:390px}.hero-content{padding:39px}.odometer{margin-top:48px}.dashboard-bottom{grid-template-columns:1.2fr 1fr}.chart-plot{height:165px}}@media (width<=1250px){.sidebar{width:194px;padding-inline:16px}.workspace{margin-left:194px}.workspace main{padding:30px 28px}.topbar,.app-footer{padding-inline:28px}.hero-background{background-position:170% 60%;background-size:92%}.dashboard-bottom{grid-template-columns:1fr}.recent-panel .entry-symbol{display:grid}.recent-panel .entry-copy h3{font-size:12px}.stats-grid{gap:12px}.stat-card{padding:18px 16px}.amount small{margin:0;line-height:1.3;display:block}.chart-plot{height:180px}.reminder-card .stat-foot>span{display:inline}}@media (width<=950px){.sidebar{width:76px;padding-inline:15px}.brand>span,.sidebar-label,.desktop-nav a>span:not(.material-icons),.desktop-nav a small,.sidebar-bottom{display:none}.desktop-nav a{justify-content:center;padding:13px 0}.desktop-nav{margin-top:25px}.brand img{width:44px;height:44px}.workspace{margin-left:76px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.amount{font-size:25px}.stat-foot{font-size:10px}.hero-background{background-position:190% 65%;background-size:105%}.hero-content h2{max-width:70%}.car-hero{height:325px}.hero-coordinate{display:none}}@media (width<=680px){.sidebar{display:none}.workspace{margin-left:0}.workspace main{padding:25px 18px}.topbar{height:53px;padding-inline:18px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb strong,.breadcrumb>span{display:none}.demo-badge{font-size:9px}.demo-badge>span{display:none}.page-header{align-items:flex-end;gap:12px;margin-bottom:23px}.page-header h1{margin-top:8px;font-size:29px}.kicker{letter-spacing:.08em;font-size:8px}.header-actions{gap:8px}.header-actions>.btn.primary{gap:0;width:44px;height:44px;padding:0;font-size:0}.header-actions>.btn.primary .material-icons{font-size:25px}.btn{min-height:44px}.car-hero{height:395px}.hero-content{padding:24px}.hero-content h2{max-width:100%;font-size:34px}.hero-background{background:linear-gradient(180deg, #11161c 0%, #11161c00 50%), var(--car-image) 59% 70%/155% auto no-repeat}.car-hero:before{background:linear-gradient(#11161caa 30%,#0000 42% 65%,#11161c)}.odometer{margin:0;position:absolute;bottom:36px}.odometer>div{font-size:28px}.odometer .kicker{font-size:7px}.hero-bottom{font-size:6px;bottom:15px;left:24px;right:20px}.eyebrow{font-size:8px}.hero-bottom>span:last-child{font-size:7px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:13px;margin-bottom:20px}.stat-card{padding:17px 15px}.stats-grid>.stat-card:last-child{grid-column:1/-1}.stat-label{font-size:10px}.stat-label .material-icons{font-size:15px}.amount{margin-block:9px;font-size:24px}.amount small{font-size:10px}.reminder-card{position:relative}.reminder-card .amount{margin:8px 0 4px;font-size:24px}.reminder-card .amount small{margin-left:8px;display:inline}.reminder-card .stat-foot>span{display:block}.stat-foot{font-size:9px}.dashboard-bottom{gap:20px}.section-heading{padding:20px 17px 0}.section-heading h2{font-size:14px}.expense-chart{padding-inline:16px}.chart-plot{gap:9px;height:155px}.bars{gap:7px}.bar-label{font-size:8px}.chart-y{min-width:37px;font-size:7px}.chart-legend{gap:12px;font-size:7px}.chart-caption,.chart-caption strong{font-size:9px}.recent-panel .entry-row,.entry-row{gap:10px;padding:19px 15px}.recent-panel .entry-symbol,.entry-symbol,.entry-row>.material-icons{display:none}.entry-copy h3,.recent-panel .entry-copy h3,.entry-amount,.recent-panel .entry-amount{font-size:12px}.entry-date{min-width:35px}.entry-date strong{font-size:19px}.entry-date span{font-size:8px}.entry-copy p{font-size:9px}.entry-copy p>span{display:none}.app-footer{gap:14px;padding:4px 18px 105px;font-size:6px}.mobile-nav{z-index:30;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-strong);padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{min-width:60px;min-height:50px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.mobile-nav .material-icons{font-size:21px}.mobile-nav a.active{color:var(--cyan);background:var(--cyan-dim);border-radius:3px}.toast{padding:14px 15px;font-size:11px;bottom:88px;left:18px;right:18px}.history-summary{align-items:flex-start;padding:19px}.history-summary>span{max-width:135px;font-size:16px;line-height:1.4}.history-summary strong{font-size:22px}.history-summary small{font-size:10px}.toolbar{flex-wrap:wrap;gap:8px}.search-box{min-width:100%}.search-box kbd{display:none}.toolbar .period-select{flex:1}.toolbar .period-select select{width:100%}.toolbar>.btn{min-width:90px}.form-card{padding:21px 18px}.form-row{gap:14px}.field{gap:8px}.field>span{font-size:11px}.field input,.field textarea,.field select{padding:12px 10px;font-size:14px}.form-card .section-heading{flex-wrap:wrap;gap:15px}.segmented{width:100%}.segmented button{flex:1;min-height:36px;font-size:11px}.cost-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(80px,1fr) 70px 57px 42px;gap:8px;margin-bottom:15px;padding-bottom:10px}.cost-item .item-name{grid-column:1/-1}.cost-item .item-unit{grid-column:3}.cost-item>.field:nth-child(2){grid-column:1}.cost-item>.field:nth-child(3){grid-column:2}.cost-item>.icon-btn{grid-column:4}.cost-item .field input{min-width:0}.cost-item .field,.cost-item .icon-btn{margin-bottom:5px}.form-actions .btn{padding-inline:13px}.detail-card{padding:24px 20px}.detail-page .page-header{display:block}.detail-page .header-actions{margin-top:20px}.detail-meta{gap:16px;font-size:11px}.detail-amount strong{font-size:36px}.detail-description{font-size:13px}.detail-footer{flex-wrap:wrap}.demo-settings .button-row{flex-direction:column}.analytics-chart .chart-plot{height:185px}.storage-error{margin-inline:18px}.header-actions .period-select select{padding-right:18px}.login-card{padding:30px 24px}.login-card h1{font-size:27px}}.page-header>div:first-child{min-width:0}.page-header h1,.hero-content h2{overflow-wrap:anywhere}.history-summary{flex-wrap:wrap;gap:20px}.history-summary strong{overflow-wrap:anywhere;max-width:100%}.stat-card{container-type:inline-size}.stat-card .amount{white-space:normal;overflow-wrap:anywhere;font-size:clamp(18px,10cqw,32px)}.detail-amount strong{overflow-wrap:anywhere;font-size:clamp(24px,5vw,44px)}.entry-copy h3,.recent-panel .entry-copy h3{overflow-wrap:anywhere;font-size:13px}.entry-amount{flex-shrink:0}.type-specimen{font-size:30px;line-height:1.25}@media (width<=380px){.history-summary{flex-direction:column;align-items:flex-start}.history-summary>span{max-width:100%}.history-summary small{text-align:left}.stat-card .amount{font-size:18px}.entry-row{flex-wrap:wrap}.entry-copy{flex-basis:calc(100% - 55px)}.entry-amount{margin-left:45px}.history-summary strong{font-size:21px}}.garage-picker{margin-bottom:22px}.current-car{color:var(--sub);align-items:center;gap:10px;min-width:0;max-width:70%;font-size:13px;display:flex}.current-car>.material-icons{color:var(--cyan)}.current-car>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.garage-picker-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.garage-cars{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.garage-car{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:3px;align-items:center;gap:16px;min-width:0;padding:0 28px 0 0;display:flex;position:relative;overflow:hidden}.garage-car:hover,.garage-car.selected{border-color:var(--cyan)}.garage-car.selected{background:linear-gradient(105deg, var(--surface), var(--cyan-dim))}.garage-car>img{object-fit:cover;object-position:center 70%;flex-shrink:0;width:155px;height:105px}.garage-car-copy{flex-direction:column;gap:3px;min-width:0;padding-block:15px;display:flex}.garage-car-copy strong{font:600 16px var(--head);overflow-wrap:anywhere}.garage-car-copy>span{font:12px var(--mono);color:var(--sub)}.garage-car-copy small{color:var(--muted);font-size:11px}.garage-car>.material-icons:last-child{color:var(--cyan);font-size:17px;position:absolute;top:12px;right:10px}@media (width<=1100px){.garage-car>img{width:110px}.garage-car{gap:12px}.garage-car-copy strong{font-size:14px}}@media (width<=680px){body{font-size:16px}.garage-cars{gap:10px}.garage-car{flex-direction:column;align-items:stretch;gap:0;padding:0}.garage-car>img{width:100%;height:92px}.garage-car-copy{gap:7px;padding:12px}.garage-car-copy strong{font-size:15px;line-height:1.3}.garage-car-copy>span,.garage-car-copy small{font-size:12px}.kicker,.eyebrow{font-size:10px}.btn,.back-link{font-size:14px}.stat-label{font-size:13px;line-height:1.45}.stat-foot,.amount small,.reminder-card .amount small{font-size:12px}.section-heading h2,.section-title{font-size:16px}.entry-copy h3,.recent-panel .entry-copy h3{font-size:15px;line-height:1.45}.entry-copy p{font-size:12px}.entry-date>span{font-size:10px}.entry-amount,.recent-panel .entry-amount{font-size:14px}.entry-row{flex-wrap:wrap}.entry-copy{flex-basis:calc(100% - 55px)}.entry-amount{margin-left:45px}.text-link,.stat-foot,.demo-info,.demo-settings p,.field>span{font-size:13px}.field input,.field textarea,.field select,.search-box input,.period-select select{font-size:16px}.segmented button{font-size:13px}.car-meta{font-size:14px}.plate{font-size:12px}.mobile-nav a{flex:1;min-width:0;font-size:11px}.chart-caption,.chart-caption strong,.bar-label,.chart-y,.chart-legend{font-size:10px}.chart-legend{flex-wrap:wrap;row-gap:8px}.bar-label{font-size:9px}.bars{gap:5px}.chart-y{min-width:48px}.month-heading{font-size:15px}.month-heading span{font-size:11px}.detail-meta{font-size:13px}.detail-description{font-size:15px}.empty-state p{font-size:14px}.demo-badge{font-size:11px}.toast{font-size:14px}.hero-bottom{font-size:8px}.header-actions>.btn.primary{font-size:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:18px 0;display:grid}.photo-card{border:1px solid var(--border);background:var(--surface-2);margin:0;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:150px;display:block}.photo-card .icon-btn{background:var(--surface);position:absolute;top:6px;right:6px}.photo-upload{cursor:pointer;display:inline-flex}.photo-upload.disabled{opacity:.6;pointer-events:none}.photo-upload input{display:none}.photo-hint{margin-top:8px;display:block}