:root{color:#f2f4f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-variant-numeric:tabular-nums;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:#0d1115;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ffc21a}::selection{color:#12171c;background:#ffc21a}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{--page:#0d1115;--surface:#161c22;--surface-raised:#1c252d;--line:#2a343d;--text:#f2f4f3;--muted:#9aa5ae;--yellow:#ffc21a;--green:#3ddc84;--red:#ff7a59;--blue:#35c7ea;background:var(--page);min-height:100vh;color:var(--text);padding:18px 24px 120px;transition:background-color .16s,color .16s}.app-shell[data-theme=light]{--page:#f5f5f2;--surface:#fff;--surface-raised:#f0f1ee;--line:#e0e3e1;--text:#12171c;--muted:#59636b;--yellow:#ffc21a;--green:#087a47;--red:#b43920;--blue:#087792;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.app-loading{color:#f2f4f3;text-align:center;background:#0d1115;align-content:center;justify-items:center;gap:14px;min-height:100vh;padding:24px;display:grid}.app-loading p{color:#9aa5ae;margin:0}.app-loading h1{margin:10px 0 0;font-size:26px}.app-loading .primary-button{margin-top:10px}.error-screen p{max-width:520px;line-height:1.6}.brand-mark{background:var(--yellow);color:#12171c;border-radius:14px;flex:none;place-items:center;width:43px;height:43px;font-size:27px;font-weight:850;line-height:1;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100%);min-height:54px;margin:0 auto 34px;display:flex}.brand{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-copy{gap:1px;display:grid}.brand-copy strong{letter-spacing:-.065em;font-size:23px;font-weight:800;line-height:1}.brand-copy small{color:var(--muted);font-size:11px}.topbar-actions{align-items:center;gap:12px;display:flex}.local-badge{border:1px solid var(--line);min-height:33px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.local-badge svg{color:var(--green)}.account-button{cursor:pointer;background:0 0}.account-button:hover{color:var(--text);border-color:#687780}.vehicle-button,.secondary-button,.primary-button,.text-button,.icon-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:650;transition:background-color .14s,border-color .14s,transform .14s,filter .14s;display:inline-flex}.vehicle-button,.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 13px;font-size:13px}.vehicle-button:hover,.secondary-button:hover{border-color:#687780}.primary-button{border:1px solid var(--yellow);background:var(--yellow);color:#12171c;padding:0 17px;font-size:14px}.primary-button:hover{filter:brightness(1.05)}.primary-button:active,.secondary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.65;cursor:wait}.text-button{min-height:36px;color:var(--yellow);background:0 0;border:0;padding:0 3px;font-size:13px}.text-button:hover{color:var(--text)}.danger-text{color:var(--red)}.icon-button{width:40px;min-height:40px;color:var(--muted);background:0 0;border:1px solid #0000;flex:none;padding:0}.icon-button:hover{border-color:var(--line);background:var(--surface-raised);color:var(--text)}.main-content{width:min(1120px,100%);min-height:calc(100vh - 220px);margin:0 auto}.welcome-row,.page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.welcome-row h1,.page-heading h1{letter-spacing:-.055em;margin:0 0 7px;font-size:clamp(29px,4vw,39px);font-weight:750;line-height:1.13}.page-heading h1{font-size:clamp(28px,4vw,36px)}.welcome-row .muted,.page-heading .muted{color:var(--muted);margin:0;font-size:14px}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:750}.quick-actions{flex:none;gap:9px;display:flex}.profit-card{color:#f2f4f3;background:radial-gradient(at 86% 0,#303d43 0%,#202930 42%,#171e23 100%);border:1px solid #35414a;border-radius:23px;padding:25px 27px 20px;position:relative;overflow:hidden}.profit-card-glow{pointer-events:none;border:1px solid #ffffff0a;border-radius:50%;width:250px;height:250px;position:absolute;top:-110px;right:-25px;box-shadow:0 0 0 24px #ffffff08,0 0 0 50px #ffffff05}.profit-card-top{justify-content:space-between;align-items:start;gap:18px;display:flex;position:relative}.profit-card-top>div:first-child{gap:8px;display:grid}.profit-label{color:#b5c0c7;font-size:13px;font-weight:650}.profit-amount{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(42px,8vw,55px);font-weight:780;line-height:1}.profit-symbol{width:47px;height:47px;color:var(--green);background:#ffffff0a;border:1px solid #ffffff16;border-radius:15px;place-items:center;display:grid}.profit-details{border-top:1px solid #ffffff17;flex-wrap:wrap;gap:12px 24px;margin-top:20px;padding-top:16px;display:flex;position:relative}.profit-details span{color:#b8c2c8;align-items:center;gap:5px;font-size:13px;display:inline-flex}.profit-details strong{color:#fff;font-weight:700}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.blue{color:var(--blue)!important}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;min-width:0;padding:16px 17px}.metric-icon{background:var(--surface-raised);width:34px;height:34px;color:var(--yellow);border-radius:11px;place-items:center;margin-bottom:13px;display:grid}.metric-icon.positive{color:var(--green)!important}.metric-icon.negative{color:var(--red)!important}.metric-icon.blue{color:var(--blue)!important}.metric-label{color:var(--muted);letter-spacing:.04em;margin-bottom:5px;font-size:11px;font-weight:650;display:block}.metric-value{color:var(--text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,2.3vw,23px);font-weight:740;display:block;overflow:hidden}.metric-value.positive{color:var(--green)!important}.metric-value.negative{color:var(--red)!important}.metric-value.blue{color:var(--blue)!important}.content-section,.maintenance-section{margin-top:35px}.section-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:13px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0 0 4px;font-size:19px;font-weight:720}.section-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.activity-list,.reminder-list{gap:9px;display:grid}.activity-row{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:12px;min-width:0;min-height:68px;padding:12px 14px;display:flex}.activity-icon,.reminder-icon{width:40px;height:40px;color:var(--green);background:#21382b;border-radius:13px;flex:none;place-items:center;display:grid}.expense-icon{color:var(--red);background:#3b2923}.activity-copy{flex:1;min-width:0}.activity-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.activity-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.activity-copy .activity-note{color:#bbc4c9}.activity-amount{font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:730}.activity-delete{width:34px;min-height:34px;margin-left:-4px}.empty-card{color:var(--muted);text-align:center;border:1px dashed #3b4851;border-radius:18px;justify-items:center;gap:10px;padding:31px 20px;display:grid}.empty-card>strong{color:var(--text);font-size:15px}.empty-card>p{max-width:360px;color:var(--muted);margin:-2px 0 5px;font-size:13px;line-height:1.55}.empty-icon{background:var(--surface-raised);width:47px;height:47px;color:var(--yellow);border-radius:15px;place-items:center;display:grid}.inline-empty{justify-items:unset;text-align:left;align-items:center;gap:13px;padding:15px;display:flex}.inline-empty>svg{color:var(--yellow);flex:none}.inline-empty>div{flex:1;gap:4px;display:grid}.inline-empty>div strong{color:var(--text);font-size:13px}.inline-empty>div span{color:var(--muted);font-size:11px}.inline-empty .secondary-button{min-height:38px}.reminder-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:12px;min-width:0;min-height:66px;padding:12px 13px;display:flex}.reminder-icon{width:39px;height:39px;color:var(--yellow);background:#39311e}.reminder-copy{flex:1;min-width:0}.reminder-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.reminder-copy span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.status-pill{color:var(--green);background:#24352e;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:750}.status-pill.soon{color:var(--yellow);background:#40361f}.status-pill.overdue{color:var(--red);background:#422923}.status-pill.ok{color:var(--green);background:#24352e}.completion-button{min-height:37px;padding:0 11px;font-size:11px}.completed-card{opacity:.83}.safety-note{color:var(--muted);margin:18px 0;font-size:12px;line-height:1.55}.privacy-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;justify-content:space-between;align-items:center;gap:14px;margin-top:35px;padding:13px 15px;display:flex}.privacy-card>div:first-child{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.privacy-card>div:first-child svg{color:var(--green);flex:none}.privacy-actions{align-items:center;gap:15px;display:flex}.privacy-actions .text-button{white-space:nowrap;min-height:34px;font-size:11px}.bottom-nav{z-index:20;right:50%;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:repeat(5,1fr);gap:5px;width:min(620px,100% - 24px);padding:8px;display:grid;position:fixed;transform:translate(50%);box-shadow:0 12px 40px #0006}.nav-item{min-width:0;min-height:50px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;align-content:center;justify-items:center;gap:4px;padding:4px 3px;display:grid}.nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:650;overflow:hidden}.nav-item.active{color:var(--yellow);background:#ffc21a19}.segmented-control{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:4px;max-width:100%;padding:4px;display:inline-flex}.segmented-control button{min-height:37px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex}.segmented-control button.selected{color:var(--yellow);background:#ffc21a1b}.filter-control{margin:0 0 15px}.report-profit{text-align:center;background:linear-gradient(140deg,#1d292f,#171e23);border:1px solid #35414a;border-radius:20px;justify-items:center;gap:6px;margin-bottom:14px;padding:25px 18px;display:grid}.report-profit strong{letter-spacing:-.06em;font-size:clamp(38px,8vw,48px);font-weight:770}.report-profit>span:last-child{color:var(--muted);font-size:12px}.report-metrics{margin:0 0 15px}.report-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:19px}.report-card .section-heading{margin-bottom:17px}.report-bar-row+.report-bar-row{margin-top:17px}.report-bar-top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;font-size:12px;display:flex}.report-bar-top strong{font-size:13px}.bar-track{background:var(--surface-raised);border-radius:99px;height:9px;overflow:hidden}.bar-fill{border-radius:inherit;min-width:0;height:100%}.bar-fill.positive{background:var(--green)}.bar-fill.negative{background:var(--red)}.report-footnote{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:14px;font-size:11px;line-height:1.55}.simulator-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:16px;padding:19px}.simulator-card>.section-heading>svg{color:var(--yellow);flex:none}.simulator-inputs{margin-top:16px}.simulator-hint{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.55}.simulator-result{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;gap:9px;margin-top:15px;padding:14px;display:grid}.simulator-result>div{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.simulator-result>div span{color:var(--muted)}.simulator-result>div strong{text-align:right;font-variant-numeric:tabular-nums}.simulator-result.profitable>div:first-child strong{color:var(--green)}.simulator-result.unprofitable>div:first-child strong{color:var(--red)}.simulator-result p{border-top:1px solid var(--line);color:var(--muted);margin:4px 0 0;padding-top:10px;font-size:11px;line-height:1.5}.modal{background:var(--surface);width:min(490px,100% - 24px);max-height:min(90vh,760px);color:var(--text);border:1px solid #3a4650;border-radius:22px;padding:0;overflow:auto;box-shadow:0 25px 80px #000a}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000a}.modal-content{padding:21px}.modal-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:17px;display:flex}.modal-heading h2{letter-spacing:-.035em;margin:0;font-size:21px}.modal-heading p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.field{min-width:0;color:var(--text);gap:7px;font-size:12px;font-weight:650;display:grid}.field-wide{grid-column:1/-1}.field input,.field select{color:#f2f4f3;background:#10161b;border:1px solid #3a4650;border-radius:12px;outline:none;width:100%;min-height:47px;padding:0 12px;font-size:14px}.app-shell[data-theme=light] .field input,.app-shell[data-theme=light] .field select{color:#12171c;background:#fff;border-color:#c9d0d1}.field input:focus,.field select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffc21a22}.field input::placeholder{color:#74808a}.field input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell[data-theme=light] .field input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.muted{color:var(--muted);font-weight:400}.form-note{margin:0;font-size:11px;line-height:1.55}.form-error{color:var(--red);margin:0;font-size:12px;line-height:1.5}.form-grid>.primary-button{width:100%;margin-top:3px}.account-privacy{border:1px solid var(--line);background:var(--surface-raised);color:var(--muted);border-radius:12px;margin-bottom:15px;padding:12px;font-size:11px;line-height:1.55}.account-mode{margin-bottom:14px}.account-panel{gap:10px;display:grid}.account-panel p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 4px;font-size:13px}.account-panel p strong{color:var(--text)}.account-panel .primary-button,.account-panel .secondary-button{width:100%}.account-status{overflow-wrap:anywhere;margin-top:13px}.toast{z-index:40;color:#f2f4f3;background:#202a32;border:1px solid #42505b;border-radius:13px;width:max-content;max-width:min(500px,100% - 32px);margin:auto;padding:12px 16px;font-size:13px;position:fixed;bottom:92px;left:16px;right:16px;box-shadow:0 10px 35px #0007}.safety-note{max-width:800px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=900px){.app-shell{padding-top:25px}.topbar{margin-bottom:42px}}@media (width<=760px){.app-shell{padding:15px 16px 115px}.topbar{margin-bottom:27px}.welcome-row,.page-heading{flex-direction:column;align-items:start;gap:16px}.quick-actions{width:100%}.quick-actions button{flex:1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:13px}.metric-icon{width:31px;height:31px;margin-bottom:10px}.metric-value{font-size:20px}.content-section,.maintenance-section{margin-top:29px}.privacy-card{flex-direction:column;align-items:start}.privacy-actions{justify-content:space-between;width:100%}.privacy-actions .text-button{padding:0}}@media (width<=460px){.app-shell{padding-left:12px;padding-right:12px}.topbar{align-items:start}.brand-mark{width:39px;height:39px}.brand-copy strong{font-size:21px}.topbar-actions{flex-direction:column-reverse;align-items:end;gap:6px}.local-badge{min-height:26px;padding:0 8px;font-size:10px}.vehicle-button{max-width:178px;min-height:37px;padding:0 10px}.vehicle-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.welcome-row h1{font-size:30px}.profit-card{border-radius:19px;padding:20px 18px 17px}.profit-amount{font-size:43px}.profit-details{gap:9px 16px}.profit-details span{font-size:11px}.activity-row{gap:9px;padding:10px}.activity-icon{width:35px;height:35px}.activity-amount{font-size:12px}.activity-delete{width:30px;min-height:34px}.reminder-card{gap:8px;padding:10px}.reminder-icon{width:34px;height:34px}.reminder-copy strong{font-size:12px}.status-pill{padding:5px 7px;font-size:9px}.completion-button{min-height:34px;padding:0 8px;font-size:10px}.section-heading h2{font-size:17px}.inline-empty{flex-wrap:wrap}.inline-empty .secondary-button{flex:100%}.bottom-nav{bottom:max(7px, env(safe-area-inset-bottom));border-radius:17px;width:calc(100% - 16px);padding:6px}.nav-item{min-height:48px}.nav-item span{font-size:9px}.modal-content{padding:17px}.form-grid{gap:11px}}@media (width<=360px){.local-badge{min-height:26px;padding:0 7px;font-size:9px}.quick-actions{flex-direction:column}.status-pill{display:none}.privacy-actions{flex-direction:column;align-items:start;gap:4px}.bottom-nav{gap:1px}.nav-item span{font-size:8px}}