:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243c34;background:#f5f6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--green:#164f45;--ink:#203b31;--muted:#7a857e;--line:#e5e9e2;--paper:#fff;--lime:#d7edc8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a5c784;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #9dbb92;outline-offset:1px}button{border:0;background:none}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:17px}p{line-height:1.65}svg{flex-shrink:0}input,select,textarea{min-width:0}input[type=color]{padding:5px;cursor:pointer}input[type=file]{width:100%;font-size:14px}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:650;display:flex;gap:8px;align-items:center;color:#718779}.live-dot{width:6px;height:6px;border-radius:50%;background:#7da972;display:inline-block;flex-shrink:0}.btn{min-height:44px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .16s,transform .16s}.btn:hover{transform:translateY(-1px)}.primary{color:#fff;background:var(--green);box-shadow:0 2px 3px #164f4510}.primary:hover{background:#103d35}.secondary{background:#fff;border:1px solid #dce2d9}.secondary:hover{background:#f6f8f3}.ghost{background:none}.destructive{background:#a53e32;color:#fff}.danger{color:#ac5144}.text-btn{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:14px;font-weight:600;white-space:nowrap;padding:5px 0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:38px;border-radius:9px}.icon-btn:hover{background:#eaf0e7}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--green);display:grid;place-items:center;color:#d9f0cb}.brand>div{font-size:22px;letter-spacing:-.9px;font-weight:750;line-height:1.1}.brand>div>span{font-weight:450}.brand small{display:block;font-size:9px;letter-spacing:1.7px;margin-top:7px;font-weight:600;color:#8b968b}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:30px 19px 0;background:#fcfdf9;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.sidebar .brand{padding:0 5px 42px}.sidebar-section{font-size:11px;font-weight:600;color:#9ba497;letter-spacing:1.3px;margin:0 13px 13px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;margin-bottom:5px;border-radius:8px;color:#758176;font-size:14px;text-align:left;transition:background .15s}.nav-item.active{background:#e8efdf;color:#355d37;font-weight:600}.nav-item:hover{background:#edf1e7}.nav-dot{width:5px;height:5px;background:#5b7f48;border-radius:50%;margin-left:auto}.sidebar nav{margin-bottom:31px}.quick-sidebar .nav-item{font-size:13px}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-tip{padding:15px;border:1px solid #e4eadb;border-radius:10px;background:#f1f5e9;margin:0 3px 24px}.sidebar-tip>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#5b7651}.sidebar-tip p{font-size:12px;color:#91a088;line-height:1.7;margin-top:9px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);width:100%;margin-top:16px;padding:20px 3px;text-align:left}.avatar{display:grid;place-items:center;background:#e4eadc;color:#607b51;border:1px solid #d8e1cd;width:34px;height:34px;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.profile>span:nth-child(2){font-size:13px;min-width:0;flex:1}.profile small{display:block;color:#97a18f;font-size:11px;margin-top:5px;max-width:130px;text-overflow:ellipsis;overflow:hidden}.profile>svg{color:#98a18e}.main-shell{margin-left:224px}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fbfcf9}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;color:#a1a99f}.breadcrumb b{font-weight:500;color:#5e705f}.topbar-actions{display:flex;align-items:center;gap:23px}.mode-badge{font-size:11px;display:inline-flex;align-items:center;gap:6px;color:#63865f}.mode-badge.demo{color:#8a824d}.mode-badge.demo .live-dot{background:#b0a36c}.notification{position:relative;color:#7a8875}.notification>span{height:5px;width:5px;position:absolute;right:8px;top:7px;background:#ca9e5b;border:1px solid #fff;border-radius:50%}.small-avatar{width:30px;height:30px;font-size:12px}.demo-banner{display:flex;align-items:center;gap:8px;background:#f3f1e6;padding:8px 38px;font-size:12px;color:#8a835d;border-bottom:1px solid #eae6d6}.demo-banner button{display:flex;align-items:center;gap:3px;margin-left:auto;white-space:nowrap;color:#78704a;font-size:12px}.offline-banner,.page-error{display:flex;align-items:center;gap:10px;font-size:14px;padding:12px 38px;background:#fff1dc;color:#8d661f}.page-error{background:#fff0ec;color:#a24739}.page-error button{margin-left:auto;text-decoration:underline}.main-content{max-width:1520px;margin:0 auto;padding:35px 38px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:4px 0 29px}.page-heading h1{font-size:29px;letter-spacing:-1px;line-height:1.3;margin:10px 0 8px}.page-heading h1 span{font-weight:400;color:#788477}.page-heading p{font-size:13px;color:#899184}.page-heading .btn{align-self:center}.garage-overview{display:grid;grid-template-columns:1.26fr 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:34px;min-height:218px}.overview-main{display:flex;align-items:center;position:relative;padding:29px 30px;background:#164c43;color:#fff;overflow:hidden}.subtle-white{color:#8db4a1;font-size:10px;letter-spacing:1.4px}.overview-main h2{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:14px 0 10px}.overview-main p{font-size:11px;color:#9db9a8;max-width:240px}.road-visual{margin-left:auto;width:150px;height:150px;display:grid;place-items:center;position:relative;transform:rotate(-14deg);color:#9cbea5}.road-circle{position:absolute;border:1px solid #9acbaa22;border-radius:50%;width:170px;height:170px;inset:-10px}.circle-2{width:260px;height:260px;inset:-55px}.road-marker{position:absolute;right:-2px;bottom:16px;display:grid;place-items:center;width:46px;height:46px;background:#d9eac5;border:5px solid #164c43;border-radius:14px;color:#2d5b45;transform:rotate(14deg)}.overview-numbers{padding:9px 29px;display:flex;flex-direction:column}.overview-numbers>div,.overview-numbers>button{display:flex;align-items:center;gap:14px;flex:1;width:100%;padding:12px 0;text-align:left}.overview-numbers>div+div,.overview-numbers>button{border-top:1px solid #edf0e8}.overview-numbers small{font-size:11px;color:#939d8d;display:block;margin-bottom:5px}.overview-numbers strong{font-size:20px;font-weight:550;letter-spacing:-.6px}.overview-numbers strong>span{font-size:12px;color:#a2aa9b;font-weight:400;margin-left:6px;letter-spacing:0}.overview-numbers>button>svg{margin-left:auto;color:#9da994}.stat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:#799361;background:#f1f5e9}.stat-icon.amber{background:#fbf4e8;color:#bc9a59}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-line h2{display:flex;align-items:center;gap:9px}.garage-list-head p{margin-top:7px;font-size:12px}.count-badge{font-size:12px;font-weight:500;background:#e7ecdf;padding:4px 7px;border-radius:6px;color:#7d8e6c;letter-spacing:0}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 11px;color:#a2aa9a;min-height:38px}.search input{border:0;background:none;padding:10px 0;font-size:12px;outline:0;width:170px;color:#53634b}.search input::placeholder{color:#a7af9d}.search:focus-within{outline:2px solid #afc297}.tabs{display:flex;align-items:center;gap:4px;margin:22px 0 20px}.tabs>button{font-size:12px;color:#96a08c;border:1px solid transparent;border-radius:7px;min-height:33px;padding:8px 16px;white-space:nowrap}.tabs>button.active{background:#e8edde;border-color:#dce5d1;color:#617b4e;font-weight:600}.tabs>button:hover{background:#edf1e7}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.vehicle-card{padding:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #243b3110}.vehicle-card-image{height:160px;background:#eaf0e7;position:relative;overflow:hidden}.vehicle-card:nth-child(2) .vehicle-card-image{background:#f0ebe5}.vehicle-card:nth-child(3) .vehicle-card-image{background:#e9edf0}.vehicle-type{position:absolute;top:14px;left:15px;z-index:1;display:flex;align-items:center;gap:5px;font-size:10px;border:1px solid #ffffff60;color:#72816a;background:#ffffffa0;padding:5px 7px;border-radius:5px}.vehicle-year{position:absolute;top:18px;right:15px;font-size:11px;color:#8d9884}.vehicle-art{width:100%;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-top:13px}.vehicle-art svg{width:100%;height:auto;max-height:155px}.vehicle-art>span{position:absolute;right:8px;bottom:5px;font-size:6px;letter-spacing:.2px;color:#7e8c7570}.vehicle-photo{width:100%;height:100%;object-fit:cover}.vehicle-card-body{padding:19px 18px 0}.vehicle-brand{text-transform:uppercase;font-size:10px;letter-spacing:1.2px;color:#98a08f}.vehicle-name{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.vehicle-name h3{font-size:18px;letter-spacing:-.5px}.vehicle-name svg{color:#7f9570}.vehicle-card-body>p{font-size:11px;color:#a4ac9c;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-identification{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:19px 0}.plate{display:inline-block;color:#6d7d61;background:#f7f8f3;border:1px solid #e5e9dd;padding:5px 7px;border-radius:4px;font-size:12px;font-family:Consolas,monospace;letter-spacing:1px}.vehicle-identification>span:last-child{display:flex;align-items:center;gap:4px;font-size:13px;color:#7c8c6f}.vehicle-identification small{font-size:11px}.vehicle-identification svg{color:#a4b196;margin-right:2px}.vehicle-status{padding:12px 0 14px;border-top:1px solid #edf0e7;display:flex;align-items:center;gap:6px;font-size:10px;color:#92a17e}.vehicle-status .live-dot{width:4px;height:4px;background:#9bb681}.vehicle-status.has-due{color:#b39561}.vehicle-status.has-due .live-dot{background:#c5a973}.add-vehicle-card{border:1px dashed #d7dfcd;min-height:160px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;background:#f4f7ee;color:#829771}.add-vehicle-card:hover{background:#ecf2e4}.add-vehicle-card>span{width:47px;height:47px;border-radius:50%;border:1px solid #d8e2cb;background:#edf3e4;display:grid;place-items:center;color:#8da479;margin-bottom:15px}.add-vehicle-card h3{font-size:13px;font-weight:500}.add-vehicle-card p{font-size:12px;color:#a7b398;margin-top:8px;line-height:1.8}.add-vehicle-card b{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:19px;font-weight:500}.garage-bottom-note{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;padding:18px 21px;margin-top:29px;background:#fafbf6}.note-icon{width:37px;height:37px;background:#edf2e5;color:#99ad83;display:grid;place-items:center;border-radius:9px}.garage-bottom-note b{font-size:12px;color:#829373;font-weight:500}.garage-bottom-note p{font-size:11px;color:#aab49c;margin-top:3px}.garage-bottom-note>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1.2px;color:#b2bca5}.content-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#afb9a2;padding:27px 0 25px;margin-top:15px;gap:15px}.content-footer>span:first-child{display:flex;align-items:center;gap:5px}.vehicle-context{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:27px}.context-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#e8efdf;color:#779064}.vehicle-context select{border:0;background:none;font-size:14px;font-weight:600;color:var(--ink);padding:0 5px 0 0;max-width:300px;cursor:pointer}.vehicle-context small{display:block;font-size:11px;margin:6px 0 0 2px;color:#9aa48e}.vehicle-context small span{margin:0 6px}.edit-vehicle{margin-left:auto}.compact h1{font-size:26px}.dashboard-toolbar,.history-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.period{display:flex;align-items:center;gap:8px;border:1px solid #dde4d4;border-radius:8px;background:#fcfdf9;padding:0 10px;min-height:38px;color:#8b9d7b;font-size:12px;flex-wrap:wrap}.period select{background:none;color:#768965;border:0;font-size:12px;padding:10px 5px;cursor:pointer}.period input{border:1px solid var(--line);border-radius:4px;font-size:12px;padding:5px;background:#fff;color:#6c7c5e}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#fff;border:1px solid var(--line);padding:19px;border-radius:11px}.metric>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a2af94}.metric>div span{font-size:12px;color:#8a9980}.metric>strong{font-size:25px;font-weight:500;letter-spacing:-1px;display:block;margin:17px 0 10px}.metric>small{font-size:10px;line-height:1.6;color:#a5af99;display:block}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#eff3e9;border:1px solid #e3e9d9;border-radius:9px;margin:18px 0 22px;padding:14px 4px}.category-strip>div{display:flex;gap:10px;align-items:center;justify-content:center;border-right:1px solid #dce4d3}.category-strip>div:last-child{border:0}.category-strip small{font-size:10px;color:#95a486;display:block;margin-bottom:6px}.category-strip b{font-size:14px;font-weight:550;color:#6b7e5b}.entry-icon{width:38px;height:38px;border-radius:10px;background:#ebf3e8;color:#668461;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.entry-icon.oil{background:#f0f5e5;color:#91a567}.entry-icon.maintenance{background:#f9f1e4;color:#bf9e64}.entry-icon.document{background:#eeeef7;color:#8c93b3}.entry-icon.tires{background:#eaf0f2;color:#8d9da5}.category-strip .entry-icon{width:31px;height:31px;border-radius:7px}.category-strip .entry-icon svg{width:16px}.panel{border:1px solid var(--line);border-radius:12px;padding:23px;background:#fff;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.panel-title h2{font-size:14px;font-weight:550}.panel-title p{font-size:11px;color:#a6b098;margin-top:7px}.mini-badge{font-size:12px;padding:5px 8px;border-radius:5px;background:#f2f5ec;color:#a2af92}.chart-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.bar-chart{height:215px;position:relative;padding:12px 0 30px 45px;margin-top:15px}.chart-gridlines{position:absolute;inset:10px 0 30px;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines>span{font-size:9px;color:#b2bba7;position:relative;height:0}.chart-gridlines>span:after{content:"";position:absolute;top:3px;left:45px;right:0;border-top:1px dashed #edf0e8}.bar-columns{display:flex;gap:18px;height:100%;position:relative}.bar-column{flex:1;min-width:0;position:relative;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;z-index:1}.bar-stack{width:100%;max-width:48px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;border-radius:5px 5px 0 0;overflow:hidden}.bar-stack>div{min-height:0}.bar-column>span{position:absolute;top:calc(100% + 14px);font-size:10px;color:#a3ad95}.bar-value{display:none;position:absolute;top:-10px;z-index:3;background:#173e33;color:#fff;font-size:11px;padding:5px;border-radius:5px;white-space:nowrap}.bar-column:hover .bar-value{display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}.chart-legend>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#9eaa8d}i{display:inline-block;width:6px;height:6px;border-radius:2px;flex-shrink:0}.donut-wrap{display:flex;justify-content:center;margin:6px 0 20px}.donut{height:170px;width:170px;border-radius:50%;padding:21px;transform:rotate(-90deg)}.donut>div{height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg)}.donut small{font-size:10px;color:#aab69b}.donut strong{font-size:18px;font-weight:500;letter-spacing:-.7px;margin-top:8px}.donut-legend{display:grid;gap:10px}.donut-legend>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#9aa88a}.donut-legend span{display:flex;align-items:center;gap:6px}.donut-legend b{font-size:11px;font-weight:500;color:#6f825d}.lower-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:20px}.entry-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #edf0e6;width:100%;text-align:left}.entry-row:hover{background:#fbfcf8}.entry-row-title{flex:1;min-width:0}.entry-row-title b{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.entry-row-title small{font-size:10px;line-height:1.6;color:#a9b29b;display:block;margin-top:6px}.entry-row-title small span{margin:0 3px}.entry-row-amount{text-align:right;flex-shrink:0}.entry-row-amount b{font-size:13px;font-weight:550}.entry-row-amount small{display:block;font-size:9px;color:#a7b198;margin-top:6px}.entry-row>svg{color:#a7b396;width:13px}.forecast-panel{background:#eaf0df;border:1px solid #dce7cc;border-radius:12px;padding:24px;color:#5e7950;display:flex;flex-direction:column}.forecast-panel .eyebrow{font-size:10px;color:#88a474;letter-spacing:1px}.forecast-panel h2{font-size:19px;margin-top:18px;font-weight:500}.forecast-panel>p{font-size:11px;color:#96aa85;margin-top:8px}.forecast-value{font-size:30px;font-weight:500;letter-spacing:-1px;margin:23px 0}.forecast-panel>div{display:flex;justify-content:space-between;border-top:1px solid #dbe5cc;padding:12px 0;gap:10px;font-size:11px;color:#92a67f}.forecast-panel>div b{font-weight:500;color:#718b5e}.forecast-panel>small{font-size:10px;line-height:1.7;color:#9bad8a;margin-top:10px;display:block}.forecast-panel>button{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-align:left;color:#6c8a57;padding:15px 0 0;margin-top:auto}.calculation-note{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#a9b39d;margin-top:15px}.history-controls{margin:28px 0 20px}.scroll-tabs{overflow:auto;white-space:nowrap;padding-bottom:5px}.history-panel .section-line{margin-bottom:16px}.history-panel .section-line h2{font-size:14px}.document-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.documents-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.document-card h3{font-size:15px;margin:22px 0 8px}.document-card>p{font-size:12px;color:#a0ac92}.document-card>strong{display:block;font-size:24px;margin:21px 0;font-weight:500;letter-spacing:-.7px}.document-actions{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between}.status-pill{font-size:10px;padding:5px 8px;border-radius:5px;white-space:nowrap;display:inline-block}.paid{background:#eaf2e2;color:#7d9964}.pending{background:#fcf4e1;color:#b89b60}.overdue{background:#fbece5;color:#b7836c}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel>p{font-size:13px;color:#91a080;margin:15px 0 19px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;border-top:1px solid var(--line);padding:16px 0;color:#91a080}.settings-row b{font-weight:500;color:#6f855e}.settings-grid .panel-title>svg{color:#94aa80}.settings-grid .btn{margin-right:8px;margin-top:8px}.settings-actions{display:flex;flex-wrap:wrap}.settings-grid .panel>p.small{font-size:11px}.loading-state{min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8caa7b;gap:20px}.loading-state h3{font-size:15px;font-weight:400}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:40px 20px;text-align:center}.empty-icon{width:60px;height:60px;background:#f1f5e9;color:#a4b88f;display:grid;place-items:center;margin:0 auto 19px;border-radius:18px}.empty h3{font-size:17px;font-weight:500}.empty p{color:#a3af94;font-size:13px;margin:12px auto 20px;max-width:320px}.toast{position:fixed;bottom:25px;left:calc(50% + 112px);transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#214d3c;color:#eef5e7;font-size:14px;max-width:min(620px,90vw);padding:15px 18px;border:1px solid #4d7157;border-radius:11px;box-shadow:0 10px 30px #18372420;z-index:100}.toast button{color:#e0ead6;display:grid;place-items:center;margin-left:12px}.mobile-nav{display:none}.modal{padding:0;border:1px solid #e0e7d9;border-radius:17px;width:min(570px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:#fff;color:var(--ink);box-shadow:0 20px 100px #103f3330}.modal.wide{width:min(690px,calc(100vw - 32px))}.modal::backdrop{background:#102d2670;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 27px 21px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{font-size:20px;letter-spacing:-.6px}.modal-head p{font-size:13px;color:#94a285;margin-top:8px}.modal-head .icon-btn{margin-top:-5px;margin-right:-7px;color:#8b9d7e}.modal-body{padding:25px 27px}.modal-body>p{font-size:14px;color:#859a74}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span:first-child{font-size:13px;font-weight:500;color:#758a65}.field input:not([type=file]),.field select,.field textarea{background:#fcfdf9;border:1px solid #dfe7d5;border-radius:7px;min-height:42px;padding:10px 11px;font-size:14px;color:#536c43;width:100%}.field input::placeholder,.field textarea::placeholder{color:#acb69d;font-size:12px}.field textarea{resize:vertical}.field small{color:#a4b197;font-size:11px;line-height:1.6}.span-2{grid-column:1/-1}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;min-height:42px;font-size:13px;color:#7c916c;position:relative;cursor:pointer}.toggle-label input{position:absolute;right:0;width:39px;height:23px;margin:0;opacity:0;cursor:pointer;z-index:1}.switch{width:37px;height:22px;border-radius:20px;background:#e5ebdc;position:relative;flex-shrink:0}.switch:after{content:"";width:16px;height:16px;background:#fff;box-shadow:0 1px 3px #253f2120;position:absolute;left:3px;top:3px;border-radius:50%;transition:transform .15s}.toggle-label input:checked+.switch{background:#66894e}.toggle-label input:checked+.switch:after{transform:translate(15px)}.toggle-label input:focus-visible+.switch{outline:2px solid #94b17f;outline-offset:3px}.upload-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed #d4e0c7;border-radius:9px;padding:17px;color:#9bb38a;background:#f8fbf2}.upload-area>span{font-size:12px;flex:1;overflow-wrap:anywhere}.upload-area input{font-size:11px;color:#9bab8d}.upload-area input::file-selector-button{border:1px solid #dae4cc;border-radius:4px;padding:5px 7px;font-size:11px;background:#fff;color:#799267;margin-right:10px}.modal-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 27px;background:#fbfcf8;border-top:1px solid var(--line);z-index:2}.form-total{padding:21px;background:#edf4e4;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:15px}.form-total>span{font-size:14px;color:#789564}.form-total small{display:block;font-size:11px;color:#a0b28d;margin-top:5px}.form-total strong{font-size:26px;font-weight:500;letter-spacing:-.8px;color:#587942;white-space:nowrap}.form-error{padding:12px 14px;background:#fdefe9;border:1px solid #efdbce;border-radius:7px;font-size:13px;color:#ad7461;line-height:1.6}.suggestion{display:flex;align-items:center;gap:9px;background:#f1f5e9;border-radius:8px;padding:13px;color:#8fa577;font-size:12px;line-height:1.5}.suggestion .text-btn{margin-left:auto}.items-editor h3{font-size:13px;font-weight:500;color:#7f946d}.items-editor{border-top:1px solid var(--line);padding-top:19px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 100px 32px;align-items:end;gap:10px;margin-top:17px}.item-row .field>span{font-size:11px}.item-row input{font-size:13px!important;padding:9px!important}.item-subtotal{grid-column:1/-1;text-align:right;color:#98ac85;font-size:12px}.location-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.location-row .btn{font-size:12px;min-height:36px;padding:8px 10px}.location-row small{font-size:11px;color:#a2b191}.note{font-size:12px;background:#f8f5e7;padding:12px;border-radius:7px;color:#a59869}.pressure-head,.pressure-row{display:grid;grid-template-columns:1fr 90px 90px;gap:15px;align-items:center}.pressure-head{font-size:12px;color:#99ab87;padding-bottom:13px}.pressure-row{font-size:12px;color:#81966e;border-top:1px solid var(--line);padding:11px 0}.pressure-row input{width:100%;border:1px solid #dfe7d5;border-radius:6px;padding:10px;font-size:13px;color:#74915e;background:#fcfdf9}.choice-list{padding:12px 25px}.choice-list>button{display:flex;align-items:center;gap:14px;width:100%;padding:17px 0;text-align:left;border-bottom:1px solid var(--line)}.choice-list>button:last-child{border:0}.choice-list>button>span:nth-child(2){font-size:13px;flex:1}.choice-list small{display:block;font-size:12px;color:#a4b096;margin-top:6px}.choice-list>button>svg{color:#9eb28b}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:13px 0;border-bottom:1px solid #edf1e6;font-size:13px}.detail-row span{color:#9daf8c}.detail-row b{font-weight:500;color:#718b5f;text-align:right;max-width:65%;overflow-wrap:anywhere}.detail-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:#839c70}.detail-item small{display:block;font-size:11px;color:#a1b28d;margin-top:7px}.detail-item b{font-weight:500}.detail-notes{padding:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-notes span{font-size:12px;color:#a6b594}.detail-notes p{font-size:14px;color:#839c70;margin-top:7px}.detail-body>.btn{margin:18px 0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.detail-body .form-total{margin-top:20px}.alerts-list>button{width:100%;display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);text-align:left}.alerts-list>button>span:nth-child(2){flex:1}.alerts-list b{font-size:14px;font-weight:500}.alerts-list small{display:block;color:#9daf8c;font-size:11px;margin-top:6px}.alerts-list strong{font-size:14px;font-weight:500;color:#809b6a}.login-page{min-height:100dvh;background:#f6f7f2;padding:36px 6vw 0}.login-page>header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto}.login-page>header>.small{font-size:12px}.login-layout{max-width:1150px;margin:9vh auto 8vh;display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center}.login-story h1{font-size:clamp(40px,4.5vw,65px);line-height:1.12;letter-spacing:-2.8px;font-weight:500;margin:24px 0}.login-story h1 em{font-style:normal;color:#8fa87a}.login-story>p{font-size:14px;max-width:360px;color:#919f84;line-height:1.9}.login-preview{max-width:390px;margin-top:33px;border:1px solid #dce5d1;background:linear-gradient(135deg,#eaf1e0,#f6f8ee);border-radius:14px;padding:21px 21px 0;overflow:hidden}.login-preview>div{display:flex;align-items:center;gap:12px}.preview-icon{height:38px;width:38px;display:grid;place-items:center;background:#dae7cc;border-radius:10px;color:#8ba771}.login-preview>div>span:nth-child(2){font-size:13px;color:#728f59;flex:1}.login-preview small{display:block;font-size:10px;color:#9fb28c;margin-top:5px}.login-preview>div>svg{color:#a7bc91}.login-preview>svg{display:block;width:100%;height:75px;margin-top:16px}.login-benefits{display:flex;gap:18px;margin-top:25px;flex-wrap:wrap}.login-benefits span{display:flex;align-items:center;gap:5px;font-size:10px;color:#a0b18d}.login-benefits svg{color:#9cb588;width:14px}.login-card{border:1px solid #e0e7d8;border-radius:19px;background:#fff;padding:37px;box-shadow:0 20px 80px #2a4d3010}.welcome-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#eef4e6;color:#8ca676;margin-bottom:25px}.login-card h2{font-size:23px;letter-spacing:-.8px;line-height:1.3;font-weight:500}.login-card>p{font-size:13px;color:#a1b090;margin-top:13px}.google{background:#174f44;color:#fff;width:100%;justify-content:flex-start;margin-top:28px;font-size:13px;min-height:48px}.google-g{font-family:Arial;font-weight:700;background:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#4285f4;font-size:16px}.google>svg{margin-left:auto;color:#a3c69c}.divider{border-top:1px solid #e7ecdf;text-align:center;margin:28px 0 21px;line-height:0}.divider>span{background:#fff;padding:0 12px;font-size:11px;color:#b0bba2}.demo-btn{width:100%;justify-content:space-between;color:#7d9566;font-size:13px}.login-card>p.demo-note{font-size:11px;line-height:1.9;color:#adb89d}.setup-note{display:flex;gap:8px;align-items:flex-start;background:#f7f5e8;padding:12px;border-radius:7px;font-size:11px;line-height:1.6;color:#ada175;margin-top:19px}.login-trust{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font-size:11px;color:#a8b698;display:flex;align-items:center;justify-content:center;gap:6px}.login-card .form-error{margin-top:15px}.login-page>footer{padding:25px;text-align:center;font-size:11px;color:#aebaa0}.login-page>footer span{margin:0 10px}@media(min-width:1450px){.main-content{padding-top:45px}.vehicle-card-image{height:185px}.vehicle-art svg{max-height:170px}.garage-overview{min-height:240px}.overview-main{padding:32px 38px}.page-heading h1{font-size:34px}.overview-main h2{font-size:29px}.vehicle-card-body{padding:23px 22px 0}.vehicle-name h3{font-size:20px}.sidebar{width:246px}.main-shell{margin-left:246px}.topbar{padding:0 48px}.main-content{padding-left:48px;padding-right:48px}}@media(max-width:1150px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.main-shell{margin-left:200px}.sidebar .brand{gap:8px}.sidebar .brand>div{font-size:20px}.main-content{padding:28px 25px 0}.topbar{padding:0 25px}.demo-banner{padding-left:25px;padding-right:25px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-overview{grid-template-columns:1.15fr 1fr}.overview-main{padding:23px}.overview-main h2{font-size:23px}.road-visual{width:75px;opacity:.6}.road-marker{right:-20px;bottom:-1px}.overview-main p{max-width:190px}.overview-numbers{padding-left:20px;padding-right:20px}.page-heading h1{font-size:26px}.metric-grid{gap:10px}.metric{padding:16px 13px}.metric>strong{font-size:22px}.chart-grid,.lower-grid{grid-template-columns:1.4fr 1fr}.panel{padding:20px}.chart-legend,.bar-columns{gap:10px}.category-strip>div{gap:6px}.category-strip small{font-size:9px}.documents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{left:calc(50% + 100px)}}@media(max-width:900px){.sidebar{width:175px;padding-left:10px;padding-right:10px}.main-shell{margin-left:175px}.sidebar .brand>div{font-size:17px}.sidebar .brand small{font-size:6px;letter-spacing:1.1px}.brand-mark{width:32px;height:34px}.brand-mark svg{width:21px}.nav-item{font-size:13px;padding:13px 10px;gap:9px}.quick-sidebar .nav-item{font-size:12px}.sidebar-section{font-size:10px;margin-left:10px}.sidebar-tip{padding:11px}.sidebar-tip>span{font-size:12px}.sidebar-tip p{font-size:11px}.garage-overview{grid-template-columns:1fr}.overview-numbers{display:grid;grid-template-columns:repeat(3,1fr);padding:15px}.overview-numbers>div,.overview-numbers>button{border:0!important;gap:9px;padding:0 12px;border-right:1px solid var(--line)!important}.overview-numbers>button{border:0!important}.overview-numbers strong{font-size:17px}.overview-numbers strong>span{font-size:10px}.overview-numbers .stat-icon{width:29px;height:29px}.overview-numbers .stat-icon svg{width:17px}.overview-numbers small{font-size:10px}.overview-numbers button>svg{display:none}.overview-main{min-height:190px}.road-visual{width:180px;opacity:1}.road-marker{right:20px;bottom:15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading>.btn{font-size:12px;padding:11px 12px}.garage-list-head{align-items:flex-start}.garage-list-head h2{font-size:16px}.garage-list-head p{font-size:11px;max-width:230px}.search input{width:130px;font-size:11px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong{font-size:26px}.chart-grid,.lower-grid{grid-template-columns:1fr}.donut-wrap{margin-top:20px}.donut-legend{max-width:350px;margin:0 auto 8px}.category-strip .entry-icon{display:none}.category-strip b{font-size:13px}.category-strip small{font-size:10px}.panel-title h2{font-size:15px}.forecast-panel{padding:25px}.forecast-panel>small{max-width:500px}.forecast-panel>button{margin-top:15px}.settings-grid{grid-template-columns:1fr}.document-stats{gap:10px}.document-stats .metric>strong{font-size:21px}.edit-vehicle{font-size:12px}.toast{left:calc(50% + 87px)}.login-layout{gap:5vw}.login-card{padding:28px}.login-story h1{font-size:48px}.login-story .eyebrow{font-size:10px}}@media(max-width:700px){.sidebar{display:none}.main-shell{margin:0}.topbar{height:64px;padding:0 21px}.topbar-actions{gap:14px}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb b{font-size:14px}.mode-badge{font-size:10px}.small-avatar{width:28px;height:28px}.demo-banner{padding:9px 20px;font-size:11px;align-items:flex-start;line-height:1.5}.demo-banner>svg{margin-top:1px}.demo-banner>span{max-width:310px}.demo-banner button{font-size:10px}.main-content{padding:27px 20px 90px}.page-heading{gap:15px;flex-wrap:wrap;margin-top:0;margin-bottom:22px}.page-heading .eyebrow{font-size:10px;letter-spacing:1.3px}.page-heading h1{font-size:28px;margin:11px 0 9px}.page-heading h1 span{display:inline}.page-heading p{font-size:12px}.page-heading>.btn{font-size:13px;min-height:40px;padding:11px 14px}.garage-overview{margin-bottom:28px;border-radius:13px}.overview-main{padding:24px;min-height:185px}.overview-main h2{font-size:26px}.overview-main p{max-width:230px;font-size:11px}.road-visual{width:100px}.road-marker{right:0;bottom:9px}.overview-numbers{padding:17px 7px}.overview-numbers>div,.overview-numbers>button{padding:0 9px;gap:7px;justify-content:center}.overview-numbers .stat-icon{display:none}.overview-numbers strong{font-size:18px;letter-spacing:-.7px;white-space:nowrap}.overview-numbers strong>span{display:block;margin:5px 0 0;font-size:10px;letter-spacing:0}.overview-numbers small{font-size:10px;margin-bottom:7px}.garage-list-head{flex-wrap:wrap;align-items:center}.garage-list-head h2{font-size:18px}.garage-list-head p{max-width:none;font-size:12px}.garage-list-head .search{width:100%;margin-top:1px}.search input{flex:1;width:100%;font-size:13px}.search{min-height:41px}.tabs{margin-top:17px;gap:3px}.tabs>button{font-size:12px;padding:9px 16px;min-height:36px}.vehicle-grid{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-card-image{height:140px}.vehicle-art svg{max-height:137px;min-width:220px}.vehicle-type{left:10px;top:11px;font-size:9px;padding:4px 6px}.vehicle-year{right:11px;top:16px;font-size:10px}.vehicle-card-body{padding:15px 13px 0}.vehicle-brand{font-size:9px;letter-spacing:1px}.vehicle-name h3{font-size:16px}.vehicle-name>svg{width:17px}.vehicle-card-body>p{font-size:10px}.vehicle-identification{gap:6px;flex-wrap:wrap;margin:14px 0}.plate{font-size:11px;padding:5px}.vehicle-identification>span:last-child{font-size:12px}.vehicle-identification svg{width:12px}.vehicle-status{font-size:9px;padding:11px 0;line-height:1.6;min-height:41px}.vehicle-status .live-dot{width:3px;height:3px}.add-vehicle-card{padding:20px 13px;min-height:200px}.add-vehicle-card h3{font-size:14px}.add-vehicle-card p{font-size:11px}.garage-bottom-note{padding:16px;margin-top:24px;gap:12px}.garage-bottom-note b{font-size:12px}.garage-bottom-note p{font-size:11px}.desktop-only{display:none!important}.content-footer{padding-bottom:18px;align-items:flex-start;font-size:9px;margin-top:10px}.content-footer>span:last-child{text-align:right;max-width:150px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom));padding:0 7px env(safe-area-inset-bottom);align-items:center;justify-content:space-around;background:#fcfdf9f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e0e8d5;z-index:30}.mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#a0ae90;min-width:53px;min-height:50px}.mobile-nav>button.active{color:#618245}.mobile-nav>button.mobile-add{min-width:44px;min-height:44px;width:44px;height:44px;background:#174f44;color:#fff;border-radius:13px;box-shadow:0 4px 12px #164e4525}.toast{left:50%;bottom:83px;font-size:13px;width:max-content;max-width:90vw}.vehicle-context{padding-bottom:19px;gap:7px;margin-bottom:23px}.vehicle-context>.icon-btn{margin-left:-6px;min-width:30px}.vehicle-context select{font-size:14px;max-width:235px}.vehicle-context small{font-size:11px}.edit-vehicle{font-size:11px;margin-left:auto}.edit-vehicle>svg{display:none}.context-icon{width:34px;height:34px;border-radius:8px}.compact h1{font-size:26px}.dashboard-toolbar{flex-wrap:wrap;margin-bottom:17px}.dashboard-toolbar>.small{font-size:12px}.period{font-size:12px;min-height:41px;max-width:100%}.period select{font-size:13px;padding:12px 0}.metric-grid{gap:12px}.metric{padding:17px 15px}.metric>div span{font-size:12px}.metric>div svg{width:17px}.metric>strong{font-size:26px;margin:17px 0 9px}.metric>small{font-size:10px}.category-strip{grid-template-columns:1fr 1fr;padding:0 13px;margin:17px 0 20px}.category-strip>div{justify-content:flex-start;padding:14px 10px;border-right:0;border-bottom:1px solid #dce4d3;gap:10px}.category-strip>div:nth-child(2n){border-left:1px solid #dce4d3;padding-left:18px}.category-strip>div:nth-child(n+3){border-bottom:0}.category-strip .entry-icon{display:flex;width:28px;height:28px}.category-strip small{font-size:10px}.category-strip b{font-size:14px}.panel{padding:20px}.chart-grid,.lower-grid{gap:16px}.panel-title p{font-size:11px}.bar-chart{height:210px}.bar-columns{gap:13px}.donut-wrap{margin:15px 0 25px}.donut{width:180px;height:180px;padding:23px}.donut-legend{gap:13px}.chart-legend span{font-size:10px}.entry-row{gap:10px;padding:16px 0}.entry-row-title b{font-size:13px}.entry-row-title small{font-size:10px}.entry-row-amount b{font-size:13px}.entry-row-amount small{font-size:9px}.entry-icon{width:35px;height:35px}.calculation-note{font-size:10px;line-height:1.7}.history-controls{align-items:flex-start;gap:10px}.history-controls>.btn{font-size:11px;min-height:41px;padding:9px 11px}.scroll-tabs{margin-bottom:13px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.history-panel .section-line{flex-wrap:wrap}.history-panel .search{width:100%}.document-stats{grid-template-columns:1fr 1fr;gap:12px}.document-stats .metric:last-child{grid-column:1/-1}.document-stats .metric:last-child>strong{display:inline-block;margin:12px 0 5px}.documents-grid{grid-template-columns:1fr 1fr;gap:13px}.document-card{padding:17px 15px}.document-card h3{font-size:13px;overflow-wrap:anywhere}.document-card>p{font-size:11px}.document-card>strong{font-size:22px}.document-actions .text-btn{font-size:12px}.status-pill{font-size:10px;padding:4px 6px}.settings-grid .panel>p{font-size:13px}.modal{max-height:94dvh;max-width:calc(100vw - 20px);width:calc(100vw - 20px);border-radius:15px}.modal.wide{width:calc(100vw - 20px)}.modal-head{padding:21px 20px 18px}.modal-head h2{font-size:18px}.modal-head p{font-size:12px}.modal-body{padding:22px 20px}.form-grid{gap:20px 13px}.field>span:first-child{font-size:12px}.field input:not([type=file]),.field select,.field textarea{font-size:16px;padding:10px;min-height:44px}.field input::placeholder,.field textarea::placeholder{font-size:13px}.field small{font-size:11px}.modal-footer{padding:15px 20px calc(15px + env(safe-area-inset-bottom))}.modal-footer .btn{font-size:13px}.toggle-label{font-size:12px;gap:7px}.suggestion{font-size:11px;gap:7px;align-items:flex-start}.suggestion .text-btn{font-size:12px}.form-total{padding:18px 15px}.form-total>span{font-size:13px}.form-total small{font-size:10px}.form-total strong{font-size:25px}.item-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;background:#f7f9f2;border-radius:8px;padding:14px}.item-row .field:first-child{grid-column:1/-1}.item-row .field:nth-child(2){grid-column:1}.item-row .field:nth-child(3){grid-column:2}.item-row .field>span{font-size:11px}.item-row .icon-btn{grid-column:1;grid-row:3;justify-self:start;min-width:44px;min-height:44px}.item-row input{font-size:16px!important}.item-subtotal{grid-column:2;grid-row:3;align-self:center;overflow-wrap:anywhere;margin-top:0}.pressure-head,.pressure-row{grid-template-columns:1fr 70px 70px;gap:11px}.pressure-row input{font-size:16px;padding:10px 7px}.pressure-row>span{font-size:11px}.pressure-head{font-size:11px}.login-page{padding:26px 24px 0}.login-page>header>.small{display:none}.login-page .brand>div{font-size:23px}.login-page .brand-mark{width:39px;height:39px}.login-layout{grid-template-columns:1fr;margin:42px auto 30px;gap:34px;max-width:480px}.login-story h1{font-size:48px;letter-spacing:-2px;margin:20px 0}.login-story>p{font-size:14px;max-width:340px}.login-story .eyebrow{font-size:10px}.login-preview{display:none}.login-benefits{margin-top:22px;gap:16px}.login-benefits span{font-size:10px}.login-card{padding:27px 24px;border-radius:16px}.welcome-icon{width:47px;height:47px;border-radius:13px;margin-bottom:21px}.welcome-icon svg{width:26px}.login-card h2{font-size:23px}.login-card>p{font-size:13px}.login-card>p.demo-note{font-size:12px}.setup-note{font-size:12px}.login-page>footer{font-size:10px;padding:16px 0 25px}.offline-banner,.page-error{padding:12px 20px;font-size:12px}}@media(max-width:390px){.vehicle-grid{grid-template-columns:1fr}.vehicle-card-image{height:180px}.vehicle-art svg{max-height:170px}.vehicle-card-body{padding:19px 19px 0}.vehicle-brand{font-size:10px}.vehicle-name h3{font-size:20px}.vehicle-card-body>p{font-size:12px}.vehicle-identification>span:last-child{font-size:13px}.vehicle-status{font-size:10px}.add-vehicle-card{min-height:220px}.overview-main{padding:21px}.road-visual{width:55px;opacity:.55}.overview-numbers strong{font-size:16px}.metric>strong{font-size:23px}.documents-grid{grid-template-columns:1fr}.pressure-head,.pressure-row{grid-template-columns:1fr 60px 60px;gap:8px}.category-strip .entry-icon{display:none}.category-strip>div:nth-child(2n){padding-left:12px}.demo-banner button{display:none}.vehicle-context select{max-width:185px}.edit-vehicle{font-size:10px}.form-grid{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:1}.page-heading h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--muted:#697660}.sidebar{overflow-y:auto}.muted,.page-heading p,.garage-list-head p,.metric>small,.vehicle-card-body>p,.entry-row-title small,.entry-row-amount small,.panel-title p,.document-card>p,.field small,.content-footer,.detail-row span,.calculation-note,.login-card>p.demo-note,.login-story>p,.login-card>p,.settings-grid .panel>p{color:#697660}.vehicle-brand,.vehicle-identification>span:last-child,.vehicle-status,.vehicle-context small,.metric>div span,.category-strip small,.donut small,.donut-legend>div,.chart-legend>span,.bar-column>span,.overview-numbers small,.garage-bottom-note p{color:#6e7c60}.vehicle-status.has-due{color:#8d713b}.sidebar-tip p,.profile small,.eyebrow{color:#718261}.subtle-white{color:#b9d0bd}.overview-main p{color:#c3d4c6}.forecast-panel>p,.forecast-panel>small,.forecast-panel>div{color:#657b51}.forecast-panel .eyebrow{color:#677f52}.demo-banner{color:#766a3d}.demo-banner button{color:#6f6336}.mini-badge,.vehicle-type,.vehicle-year{color:#65775a}.status-pill.paid{color:#55763a}.status-pill.pending{color:#896d31}.status-pill.overdue{color:#975a40}.field>span:first-child,.toggle-label{color:#627a50}.field small{color:#748369}.login-trust,.login-benefits span,.login-page>footer,.setup-note{color:#758565}.login-page .setup-note{color:#8b7b46}@media(max-width:700px){.tabs>button{min-height:42px}.page-heading>.btn,.history-controls>.btn{font-size:12px}.mobile-nav>button{font-size:10px;color:#6f805f}.pressure-row>span{font-size:11px}.vehicle-status,.overview-numbers small{font-size:10px}.overview-numbers strong>span{font-size:10px}.edit-vehicle,.demo-banner{font-size:11px}.metric>small{font-size:10px}.vehicle-context small{font-size:11px}.calculation-note{font-size:10px}}@media(max-width:700px){.overview-main{display:none}.garage-overview{min-height:0}.overview-numbers{padding:18px 7px}.overview-numbers>div,.overview-numbers>button{align-items:flex-start}.page-heading{margin-bottom:22px}}.currency-input{display:flex;align-items:center;border:1px solid #dfe7d5;border-radius:7px;background:#fcfdf9;min-width:0;overflow:hidden}.currency-input>span{padding-left:11px;color:#687d58;font-size:13px;flex-shrink:0}.field .currency-input input{flex:1;width:0;min-width:0;border:0;background:transparent;box-shadow:none;padding-left:7px;outline:0}.currency-input:focus-within{outline:2px solid #9dbb92;outline-offset:1px}.currency-input.calculated-input{background:#f0f6e8;border-color:#c9dbb5}.fuel-values-help{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f1f5e9;border-radius:8px;font-size:12px;color:#728361;line-height:1.6}.location-search{border-top:1px solid var(--line);padding-top:18px}.location-disclosure{font-size:11px;color:#77876a;line-height:1.7;margin:10px 0}.location-message{font-size:12px;color:#5f7b4d;line-height:1.7;margin:12px 0}.osm-credit{font-size:10px;line-height:1.7;color:#7b896f;display:block;margin-top:12px}.place-candidates{border:1px solid #e0e8d5;border-radius:9px;overflow:hidden}.place-candidates>button{display:flex;align-items:center;gap:10px;width:100%;padding:13px;text-align:left;background:#fff;border-top:1px solid #e8eedd;color:#6c835a;font-size:12px}.place-candidates>button:first-child{border-top:0}.place-candidates>button.chosen{background:#edf5e4}.place-candidates>button>span:nth-child(2){flex:1;min-width:0}.place-candidates b{font-weight:550;overflow-wrap:anywhere}.place-candidates small{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#859575}.place-candidates>button>span:last-child{white-space:nowrap;font-size:11px}.place-candidates>button:hover{background:#f3f7ec}.data-tools-grid{margin-top:24px;align-items:start}.data-tools h2{display:flex;align-items:center;gap:10px}.data-tools p{line-height:1.7;overflow-wrap:anywhere}.data-tools .field{margin:18px 0}.data-tools .field select,.data-tools .field input{max-width:100%;min-height:44px}.data-tools .btn{white-space:normal;min-height:44px}.import-review{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f6f8f2}.import-review dl{margin:12px 0}.import-review dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}.import-review dd{margin:0;text-align:right}.tool-success{color:#245a48}.push-preferences{border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:14px}.push-preferences label{display:flex;gap:12px;align-items:center;min-height:44px}.push-preferences input{width:20px;height:20px;accent-color:#245a48}.tool-actions{display:flex;gap:10px;flex-wrap:wrap}.data-tools-grid .panel{min-width:0}.import-conflict{display:flex;align-items:flex-start;gap:12px;margin:20px 0;color:#86582d;line-height:1.6}.import-conflict input{flex:none;width:20px;height:20px;margin-top:3px;accent-color:#245a48}.items-editor{min-width:0}@media(max-width:700px){.items-editor .section-line{flex-wrap:wrap;gap:10px}}@media(max-width:360px){.item-row .field:nth-child(2),.item-row .field:nth-child(3){grid-column:1/-1}.item-row .icon-btn,.item-row .item-subtotal{grid-row:4}}.period-range{display:flex;align-items:center;gap:8px;min-width:0}.chart-scroll{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}.modal-head>div,.detail-item>span,.vehicle-name h3{min-width:0;overflow-wrap:anywhere}.modal-head>.icon-btn{flex-shrink:0}.detail-item{align-items:flex-start;flex-wrap:wrap}.detail-item>span{flex:1 1 130px}.detail-item>b{white-space:nowrap;margin-left:auto}.detail-row>span{min-width:0;overflow-wrap:anywhere}.form-total{flex-wrap:wrap}.form-total>span{min-width:0;flex:1 1 150px}.form-total>strong{max-width:100%;overflow-wrap:anywhere;white-space:normal;margin-left:auto}.modal-footer{flex-wrap:wrap}.modal-footer .btn,.tool-actions .btn,.settings-grid .btn{max-width:100%;white-space:normal;min-width:0}@media(max-width:700px){.vehicle-context>div{flex:1;min-width:0}.vehicle-context select{width:100%;max-width:100%}.edit-vehicle{flex-shrink:0}.tabs:not(.scroll-tabs){flex-wrap:wrap}.period{min-width:0;max-width:100%}.period-range{flex-basis:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;padding-bottom:10px}.period-range input{width:100%;min-width:0;max-width:100%;min-height:40px}.history-controls{flex-wrap:wrap}.history-controls .period,.dashboard-toolbar .period{width:100%}.chart-scroll .bar-chart{min-width:var(--chart-min-width)}.bar-column>span{white-space:nowrap}.metric>strong,.category-strip b,.document-card>strong,.forecast-value{overflow-wrap:anywhere}.metric>div{align-items:flex-start}.panel-title{flex-wrap:wrap}.upload-area>span{min-width:0;flex-basis:150px}.form-total{align-items:flex-start}}@media(max-width:480px){.vehicle-context{display:grid;grid-template-columns:30px 34px minmax(0,1fr);gap:8px}.vehicle-context>.edit-vehicle{grid-column:2/-1;justify-self:end;margin-left:0}.vehicle-context small{white-space:nowrap}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid>.span-2{grid-column:1/-1}.modal-footer .btn{padding:11px 12px}.pressure-head,.pressure-row{grid-template-columns:minmax(0,1fr) 80px 80px;gap:8px}.pressure-row>span{min-width:0;overflow-wrap:anywhere}.documents-grid{grid-template-columns:minmax(0,1fr)}.entry-row{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:start;column-gap:10px;row-gap:8px}.entry-row>.entry-icon{grid-column:1;grid-row:1/3}.entry-row-title{grid-column:2;min-width:0}.entry-row-title b{white-space:normal;overflow-wrap:anywhere}.entry-row-amount{grid-column:2;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;text-align:left;min-width:0}.entry-row-amount small{margin-top:0}.entry-row>svg{display:none}}@media(max-width:360px){.metric-grid,.document-stats{grid-template-columns:minmax(0,1fr)}.document-stats .metric:last-child{grid-column:auto}}@media(max-width:380px){.topbar{gap:8px;padding-inline:16px}.topbar-actions{gap:8px}.breadcrumb b{font-size:12px}.mode-badge{white-space:nowrap}}:root{color-scheme:light;--chart-empty:#e8ece7}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;margin:0;min-width:0}.theme-options legend{font-size:12px;font-weight:600;padding:0;margin-bottom:12px}.theme-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:16px 12px;min-height:96px;border:1px solid #dce2d9;border-radius:10px;background:#fafbf7;color:#627a50;cursor:pointer;min-width:0}.theme-option input{position:absolute;right:10px;top:10px;width:17px;height:17px;margin:0;accent-color:#245a48;cursor:pointer}.theme-option span{font-size:12px;font-weight:600;overflow-wrap:anywhere}.theme-option.selected{border-color:#648d65;background:#eaf2e4;color:#294e34;box-shadow:inset 0 0 0 1px #648d65}.theme-option:focus-within{outline:3px solid #a5c784;outline-offset:3px}@media(max-width:380px){.theme-options{grid-template-columns:minmax(0,1fr)}.theme-option{flex-direction:row;align-items:center;justify-content:flex-start;min-height:58px;padding:12px}.theme-option input{position:static;order:3;margin-left:auto;flex-shrink:0}}:root[data-theme=dark]{color-scheme:dark;--green:#a7d3b2;--ink:#e6eee7;--muted:#a5b7a9;--line:#34483d;--paper:#1b2922;--chart-empty:#34483d;--theme-bg:#111a16;--theme-surface:#1b2922;--theme-raised:#23352b;--control-border:#728c78;--control-focus:#bde5b9;--chart-fuel:#59b7a8;--theme-field:#14221a;--theme-text:#e6eee7;--theme-muted:#a5b7a9;--theme-accent:#a7d3b2;background:var(--theme-bg);color:var(--theme-text)}:root[data-theme=dark] body{background:var(--theme-bg);color:var(--theme-text)}:root[data-theme=dark] :is(.login-page,.app-shell){background:var(--theme-bg)}:root[data-theme=dark] :is(.sidebar,.topbar,.panel,.metric,.vehicle-card,.garage-overview,.login-card,.modal,.modal-head,.modal-footer,.secondary,.search,.period,.place-candidates>button){background:var(--theme-surface);color:var(--theme-text);border-color:var(--line)}:root[data-theme=dark] .mobile-nav{background:#1b2922f5;border-color:var(--line)}:root[data-theme=dark] :is(.brand,.breadcrumb b,.page-heading h1,.vehicle-name h3,.modal-head h2,.panel-title h2,.data-tools h2,.empty h3,.login-card h2,.login-story h1){color:var(--theme-text)}:root[data-theme=dark] :is(.muted,.small,.page-heading p,.page-heading h1 span,.breadcrumb,.garage-list-head p,.metric>small,.vehicle-card-body>p,.vehicle-status,.entry-row-title small,.entry-row-amount small,.panel-title p,.document-card>p,.field small,.content-footer,.calculation-note,.login-story>p,.login-card>p,.settings-grid .panel>p,.empty p,.brand small,.sidebar-section,.profile small,.vehicle-context small,.login-trust,.login-benefits span,.login-page>footer,.detail-notes span,.detail-notes p,.location-disclosure,.location-message,.osm-credit,.place-candidates small,.import-review,.settings-row){color:var(--theme-muted)}:root[data-theme=dark] :is(.mode-badge,.modal-head p,.vehicle-brand,.vehicle-identification>span:last-child,.metric>div span,.category-strip small,.donut small,.donut-legend>div,.chart-legend>span,.bar-column>span,.overview-numbers small,.garage-bottom-note p,.garage-bottom-note>span:last-child,.field>span:first-child,.toggle-label,.pressure-row>span,.pressure-head,.detail-row>span,.settings-row>span){color:var(--theme-muted)}:root[data-theme=dark] :is(.overview-numbers strong,.metric>strong,.document-card>strong,.donut strong,.entry-row-title b,.entry-row-amount b,.vehicle-context select,.detail-row b,.detail-item,.detail-item b,.settings-row b){color:var(--theme-text)}:root[data-theme=dark] :is(.field input:not([type=file]),.field select,.field textarea,.currency-input,.pressure-row input,.period input,.data-tools select){background:var(--theme-field);color:var(--theme-text);border-color:var(--line)}:root[data-theme=dark] .field .currency-input input{background:transparent;color:var(--theme-text)}:root[data-theme=dark] :is(.currency-input>span,.currency-input.calculated-input,.period select,.search input){color:var(--theme-text)}:root[data-theme=dark] .currency-input.calculated-input{background:#243c2b;border-color:var(--control-border)}:root[data-theme=dark] :is(input,textarea)::placeholder{color:#9aaa9e;opacity:1}:root[data-theme=dark] :is(.field input,.field select,.field textarea,.pressure-row input,.period input):focus{outline-color:var(--theme-accent)}:root[data-theme=dark] :is(.currency-input,.search):focus-within{outline-color:var(--theme-accent)}:root[data-theme=dark] :is(.nav-item,.mobile-nav>button,.icon-btn,.text-btn,.document-actions .text-btn,.vehicle-name>svg,.profile>svg,.notification,.modal-head .icon-btn){color:var(--theme-accent)}:root[data-theme=dark] :is(.nav-item.active,.tabs>button.active,.theme-option.selected){background:#2b4432;color:#d3ebd6;border-color:#648d65}:root[data-theme=dark] :is(.nav-item:hover,.tabs>button:hover,.icon-btn:hover,.secondary:hover,.entry-row:hover,.place-candidates>button:hover){background:var(--theme-raised)}:root[data-theme=dark] .tabs>button{color:var(--theme-muted)}:root[data-theme=dark] :is(.btn.primary,.google,.mobile-nav>button.mobile-add){background:#a7d3b2;color:#132b1d}:root[data-theme=dark] :is(.primary:hover,.google:hover){background:#bee2c6}:root[data-theme=dark] .brand-mark{background:#2e5943;color:#ddf1df}:root[data-theme=dark] :is(.stat-icon,.context-icon,.avatar,.sidebar-tip,.garage-bottom-note,.note-icon,.empty-icon,.welcome-icon,.fuel-values-help,.suggestion,.item-row,.category-strip,.import-review,.upload-area,.mini-badge,.count-badge){background:var(--theme-raised);color:var(--theme-accent);border-color:var(--line)}:root[data-theme=dark] :is(.eyebrow,.sidebar-tip>span,.sidebar-tip p,.garage-bottom-note b,.category-strip b,.settings-grid .panel-title>svg,.vehicle-identification svg,.login-story h1 em,.subtle-white){color:var(--theme-accent)}:root[data-theme=dark] :is(.add-vehicle-card,.vehicle-card-image,.vehicle-card:nth-child(2) .vehicle-card-image,.vehicle-card:nth-child(3) .vehicle-card-image){background:#203329;border-color:#55745d}:root[data-theme=dark] :is(.add-vehicle-card,.add-vehicle-card p,.add-vehicle-card b){color:var(--theme-muted)}:root[data-theme=dark] .add-vehicle-card:hover{background:#2b4432}:root[data-theme=dark] .add-vehicle-card>span{background:#2b4432;color:var(--theme-accent);border-color:#55745d}:root[data-theme=dark] :is(.plate,.vehicle-type){background:#1b2922e8;color:#d2e0d3;border-color:#55745d}:root[data-theme=dark] .vehicle-year{color:#d2e0d3}:root[data-theme=dark] :is(.entry-row,.vehicle-status,.detail-row,.detail-item,.pressure-row,.profile,.settings-row,.modal-footer,.modal-head,.location-search,.overview-numbers>div,.overview-numbers>button,.category-strip>div,.import-review dl>div,.document-actions,.login-trust){border-color:var(--line)!important}:root[data-theme=dark] .donut>div{background:var(--theme-surface)}:root[data-theme=dark] .donut-legend b{color:var(--theme-accent)}:root[data-theme=dark] .chart-gridlines>span{color:var(--theme-muted)}:root[data-theme=dark] .chart-gridlines>span:after{border-color:var(--line)}:root[data-theme=dark] .forecast-panel{background:#24382a;border-color:#425b47;color:var(--theme-text)}:root[data-theme=dark] :is(.forecast-panel .eyebrow,.forecast-panel>p,.forecast-panel>small,.forecast-panel>div){color:var(--theme-muted);border-color:#425b47}:root[data-theme=dark] :is(.forecast-value,.forecast-panel>div b,.forecast-panel>button){color:var(--theme-accent)}:root[data-theme=dark] .form-total{background:#28402c}:root[data-theme=dark] :is(.form-total>span,.form-total small,.form-total strong,.item-subtotal,.detail-item small){color:#c0dfb9}:root[data-theme=dark] .switch{background:#4b5b50}:root[data-theme=dark] .toggle-label input:checked+.switch{background:#83b58f}:root[data-theme=dark] .switch:after{background:#f0f7ee}:root[data-theme=dark] :is(.upload-area input,.upload-area>span){color:var(--theme-muted)}:root[data-theme=dark] .upload-area input::file-selector-button{background:var(--theme-surface);border-color:#55745d;color:var(--theme-text)}:root[data-theme=dark] .place-candidates{border-color:var(--line)}:root[data-theme=dark] .place-candidates>button.chosen{background:#2b4432}:root[data-theme=dark] .place-candidates>button{border-color:var(--line);color:var(--theme-accent)}:root[data-theme=dark] .theme-option{background:var(--theme-field);border-color:var(--line);color:var(--theme-muted)}:root[data-theme=dark] .theme-option.selected{background:#2b4432;border-color:#8aba94;color:#d3ebd6;box-shadow:inset 0 0 0 1px #8aba94}:root[data-theme=dark] :is(.theme-option input,.push-preferences input,.import-conflict input){accent-color:#a7d3b2}:root[data-theme=dark] .theme-option:focus-within{outline-color:var(--theme-accent)}:root[data-theme=dark] :is(.form-error,.page-error){background:#402820;border-color:#795044;color:#ffd0be}:root[data-theme=dark] :is(.danger,.icon-btn.danger,.text-btn.danger){color:#f4ad9a}:root[data-theme=dark] .destructive{background:#b65042;color:#fff}:root[data-theme=dark] :is(.note,.setup-note,.offline-banner,.stat-icon.amber,.demo-banner){background:#3b3420;color:#ead5a0;border-color:#695c34}:root[data-theme=dark] :is(.status-pill.pending,.import-conflict,.vehicle-status.has-due){color:#e8c887}:root[data-theme=dark] .status-pill.overdue{color:#f4ad9a}:root[data-theme=dark] :is(.status-pill.paid,.tool-success){color:#b7dfb5}:root[data-theme=dark] .entry-icon{background:#294332;color:#afd5ad}:root[data-theme=dark] .entry-icon.oil{background:#38432b;color:#c6dba1}:root[data-theme=dark] .entry-icon.maintenance{background:#483c29;color:#e0c18b}:root[data-theme=dark] .entry-icon.document{background:#34364a;color:#c8c6e9}:root[data-theme=dark] .entry-icon.tires{background:#2c3d43;color:#b8d4de}:root[data-theme=dark] .login-preview{background:linear-gradient(135deg,#24382a,#1b2922);border-color:var(--line)}:root[data-theme=dark] :is(.login-preview>div>span:nth-child(2),.login-preview small,.login-preview>div>svg,.login-benefits svg){color:var(--theme-accent)}:root[data-theme=dark] .login-card{box-shadow:0 20px 80px #0003}:root[data-theme=dark] .modal{box-shadow:0 20px 100px #0006}:root[data-theme=dark] .modal::backdrop{background:#07110bd1}@media(max-width:900px){:root[data-theme=dark] .overview-numbers>div{border-right-color:var(--line)!important}}:root[data-theme=dark] .status-pill.paid{background:#294332}:root[data-theme=dark] .status-pill.pending{background:#3b3420}:root[data-theme=dark] .status-pill.overdue{background:#402820}:root[data-theme=dark] .google>svg{color:#274e34}:root[data-theme=dark] :is(.field input:not([type=file]),.field select,.field textarea,.currency-input,.pressure-row input,.period input,.search,.period,.theme-option:not(.selected),.secondary,.upload-area){border-color:var(--control-border)}:root[data-theme=dark] .field .currency-input input{border:0}:root[data-theme=dark] :is(.field input[type=file],.upload-area input)::file-selector-button{background:var(--theme-raised);color:var(--theme-text);border:1px solid var(--control-border);border-radius:5px;padding:8px 10px;font-size:12px}:root[data-theme=dark] :is(.items-editor h3,.choice-list small,.alerts-list small){color:var(--theme-accent)}:root[data-theme=dark] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--control-focus);outline-offset:3px}:root[data-theme=dark] :is(.currency-input,.search):focus-within{outline:3px solid var(--control-focus);outline-offset:3px}:root[data-theme=dark] :is(.theme-option:focus-within,.toggle-label input:focus-visible+.switch){outline-color:var(--control-focus)}:root[data-theme=dark] .switch{border:1px solid var(--control-border)}:root[data-theme=dark] .vehicle-year{padding:4px 6px;border:1px solid #55745d;border-radius:5px;background:var(--theme-field);color:var(--theme-text);line-height:1.2}:root[data-theme=dark] .bar-stack>div{box-shadow:inset 0 -1px 0 var(--theme-surface)}@media(max-width:700px){:root[data-theme=dark] .vehicle-year{top:auto;bottom:10px;right:10px}}:root[data-theme=dark] :is(.field .currency-input input,.search input):focus-visible{outline:0}