:root{--bg:#14161b;--surface:#1c1f26;--surface-2:#242830;--border:#2c303a;--text:#edeeea;--text-muted:#8a8e99;--accent:#ff8a3d;--accent-strong:#ffa45c;--accent-glow:#ff8a3d47;--good:#3ed598;--good-bg:#3ed59824;--warn:#ffc24b;--warn-bg:#ffc24b24;--bad:#ff5c5c;--bad-bg:#ff5c5c24;--track:#2c303a;--shadow:0 12px 32px #00000059}:root[data-theme=light]{--bg:#f5f3ec;--surface:#fff;--surface-2:#fbf9f3;--border:#e3ddcf;--text:#1a1c20;--text-muted:#6b6e76;--accent:#e4711f;--accent-strong:#c85d14;--accent-glow:#e4711f29;--good:#1d9a62;--good-bg:#1d9a621a;--warn:#a86a00;--warn-bg:#b882001f;--bad:#c73f3f;--bad-bg:#c73f3f1a;--track:#e9e4d6;--shadow:0 12px 28px #1e190f1a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f5f3ec;--surface:#fff;--surface-2:#fbf9f3;--border:#e3ddcf;--text:#1a1c20;--text-muted:#6b6e76;--accent:#e4711f;--accent-strong:#c85d14;--accent-glow:#e4711f29;--good:#1d9a62;--good-bg:#1d9a621a;--warn:#a86a00;--warn-bg:#b882001f;--bad:#c73f3f;--bad-bg:#c73f3f1a;--track:#e9e4d6;--shadow:0 12px 28px #1e190f1a}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:hidden}body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif;overflow-x:hidden}.num{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-family:SF Mono,Cascadia Code,JetBrains Mono,Consolas,ui-monospace,monospace}h1,h2,h3{text-wrap:balance;margin:0}h1{letter-spacing:-.02em;font-size:26px;font-weight:800}h2{letter-spacing:-.01em;font-size:15px;font-weight:700}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#edeeea;background:#14161b;border-right:1px solid #262a33;flex-direction:column;gap:28px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 6px;display:flex}.brand-mark{background:linear-gradient(155deg, var(--accent), #c8570f);color:#16171b;width:34px;height:34px;box-shadow:0 4px 14px var(--accent-glow);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.brand-mark svg{width:19px;height:19px}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-text strong{letter-spacing:-.01em;font-size:14.5px;font-weight:800}.brand-text span{color:#8a8e99;font-size:12px}.nav{flex-direction:column;gap:3px;display:flex}.nav-item{text-align:left;cursor:pointer;color:#a4a8b2;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item:hover{color:#edeeea;background:#1e222a}.nav-item.active{background:var(--accent-glow);color:var(--accent-strong)}.sidebar-foot{background:#1c1f26;border:1px solid #2c303a;border-radius:12px;margin-top:auto;padding:14px 14px 12px}.budget-mini{flex-direction:column;gap:3px;display:flex}.budget-mini .label{color:#8a8e99;letter-spacing:.03em;font-size:11px}.budget-mini .value{color:#edeeea;font-size:18px;font-weight:800}.budget-mini .value.num{color:var(--accent-strong)}.mini-track{background:#2c303a;border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.mini-fill{background:var(--accent);border-radius:3px;height:100%}.main{width:100%;max-width:1120px;padding:30px 40px 60px}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.view-head .sub{color:var(--text-muted);margin-top:5px;font-size:13.5px}.primary-btn{background:var(--accent);color:#17140f;cursor:pointer;box-shadow:0 6px 18px var(--accent-glow);border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.primary-btn:hover{box-shadow:0 10px 22px var(--accent-glow);transform:translateY(-1px)}.primary-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-btn svg{width:16px;height:16px}.ghost-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.ghost-btn svg{width:15px;height:15px}.gauge-strip{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.gauge-card,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.gauge-card{align-items:center;gap:16px;display:flex}.gauge-ring{flex-shrink:0}.gauge-ring circle{fill:none;stroke-width:9px}.gauge-ring .track{stroke:var(--track)}.gauge-ring .fill{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent-glow))}.gauge-info{flex-direction:column;gap:3px;min-width:0;display:flex}.gauge-value{letter-spacing:-.01em;font-size:21px;font-weight:800}.gauge-sub{color:var(--text-muted);font-size:12px}.stat-card{flex-direction:column;gap:6px;display:flex}.stat-value{letter-spacing:-.01em;font-size:24px;font-weight:800}.stat-value.good{color:var(--good)}.stat-sub{color:var(--text-muted);font-size:12px}.stat-sub.good{color:var(--good)}.stat-sub.warn{color:var(--warn)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:6px 6px 10px}.panel-head{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.row-list{flex-direction:column;display:flex}.car-row{border-top:1px solid var(--border);grid-template-columns:40px 1.6fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px;display:grid}.car-row:first-child{border-top:none}.row-thumb{background:linear-gradient(155deg, var(--surface-2), var(--track));width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border);border-radius:10px;place-items:center;display:grid}.row-thumb svg{width:19px;height:19px}.car-name{font-weight:700}.car-meta{color:var(--text-muted);font-size:12px}.pill{border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.neutral{background:var(--surface-2);color:var(--text-muted)}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.money-cell{text-align:right}.money-cell.good{color:var(--good)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700}.chip.active{background:var(--accent);border-color:var(--accent);color:#17140f}.status-chips{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.date-edit{align-items:center;gap:6px;display:flex}.date-edit .value{cursor:pointer;border-bottom:1px dotted var(--text-muted)}.date-edit input{border:none;border-bottom:1.5px solid var(--accent);color:var(--text);font-family:inherit;font-size:inherit;background:0 0;padding:1px 0}.date-edit input:focus{outline:none}.car-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.car-card{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;width:100%;padding:0;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.car-card:hover{border-color:var(--accent);transform:translateY(-2px)}.car-photo{background:radial-gradient(circle at 30% 20%, #ffffff0f, transparent 60%), linear-gradient(155deg, var(--surface-2), var(--track));height:118px;color:var(--text-muted);place-items:center;display:grid;position:relative}.car-photo svg{width:34px;height:34px}.car-photo .car-illustration{width:82%;height:auto;max-height:82px}.car-photo .days-badge{position:absolute;top:10px;right:10px}.car-card-body{flex-direction:column;gap:9px;padding:13px 14px 15px;display:flex}.car-card-title{font-size:14.5px;font-weight:800}.car-card-vin{color:var(--text-muted);font-size:11.5px}.price-row{justify-content:space-between;align-items:baseline;display:flex}.price-row .label{color:var(--text-muted);font-size:11px}.price-row .amount{font-size:15px;font-weight:800}.card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.modal-backdrop{z-index:50;background:#0a0b0d99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:620px;max-height:88vh;box-shadow:var(--shadow);border-radius:20px;overflow-y:auto}.modal-wide{max-width:720px}.modal-photo{background:radial-gradient(circle at 25% 20%, #ffffff12, transparent 55%), linear-gradient(155deg, var(--surface-2), var(--track));height:180px;color:var(--text-muted);place-items:center;display:grid;position:relative}.modal-photo svg{width:46px;height:46px}.modal-photo .car-illustration{width:75%;height:auto;max-height:150px}.photo-carousel{touch-action:pan-y;position:absolute;inset:0}.photo-carousel-img{object-fit:cover;width:100%;height:100%;display:block}.photo-carousel-arrow{color:#edeeea;cursor:pointer;background:#14161b8c;border:none;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo-carousel-arrow svg{width:16px;height:16px}.photo-carousel-arrow.left{left:10px}.photo-carousel-arrow.right{right:10px}.photo-carousel-arrow.left svg{transform:rotate(180deg)}.photo-carousel-count{color:#edeeea;background:#14161b8c;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.photo-carousel-dots{align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.photo-carousel-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:width .15s,border-radius .15s}.photo-carousel-dot.active{background:#fff;border-radius:3px;width:16px}.modal-close{color:#edeeea;cursor:pointer;background:#14161b8c;border:none;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.modal-close svg{width:15px;height:15px}.modal-body{flex-direction:column;gap:20px;padding:20px 22px 24px;display:flex}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-title{font-size:19px;font-weight:800}.modal-sub{color:var(--text-muted);margin-top:3px;font-size:12.5px}.fin-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.fin-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 13px}.fin-box .label{color:var(--text-muted);font-size:11px}.fin-box .amount{margin-top:3px;font-size:16px;font-weight:800}.fin-box .amount.good{color:var(--good)}.fin-box .amount-placeholder{color:var(--text-muted);margin-top:5px;font-size:12.5px;font-weight:600}.doc-list{flex-wrap:wrap;gap:8px;display:flex}.doc-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:7px;padding:7px 11px 7px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.doc-chip svg{width:15px;height:15px;color:var(--accent)}.doc-chip.add{color:var(--text-muted);cursor:pointer;border-style:dashed}.timeline-bar{background:var(--track);border-radius:3px;height:6px;overflow:hidden}.timeline-fill{border-radius:3px;height:100%}.upload-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.dropzone{border:1.5px dashed var(--border);text-align:center;background:var(--surface);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:28px 18px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--accent)}.dropzone.filled{border-style:solid;border-color:var(--good);background:var(--good-bg)}.dropzone-icon{background:var(--surface-2);width:46px;height:46px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.dropzone.filled .dropzone-icon{color:var(--good);background:#3ed59829}.dropzone-icon svg{width:21px;height:21px}.dropzone-title{font-size:14px;font-weight:700}.dropzone-sub{color:var(--text-muted);font-size:12px}.scan-status{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.scan-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.scan-dot{animation:1s ease-in-out infinite pulse}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.contract-doc{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:620px;padding:30px 34px}.contract-doc h3{text-align:center;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:15px}.contract-doc .doc-date{text-align:center;color:var(--text-muted);margin-bottom:22px;font-size:12px}.contract-doc p{color:var(--text-muted);margin:0 0 14px;font-size:13.5px;line-height:1.85}.fill{background:var(--accent-glow);color:var(--text);border-radius:4px;padding:1px 5px;font-weight:700}.contract-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.secondary-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.secondary-btn svg{flex-shrink:0;width:15px;height:15px}.secondary-btn:disabled{opacity:.55;cursor:not-allowed}.form-note{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 13px;font-size:12.5px}.form-note.error{color:var(--bad);border-color:var(--bad);background:var(--bad-bg)}.field-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:14px;display:grid}.field-col{flex-direction:column;gap:11px;display:flex}.field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:11.5px;display:flex}.field input{border:none;border-bottom:1.5px solid var(--border);color:var(--text);background:0 0;width:100%;padding:5px 2px;font-family:inherit;font-size:13.5px}.field input:focus{border-color:var(--accent);outline:none}.field select{border:none;border-bottom:1.5px solid var(--border);background:var(--surface);color:var(--text);width:100%;padding:6px 2px;font-family:inherit;font-size:13.5px}.field select:focus{border-color:var(--accent);outline:none}.price-edit{align-items:center;gap:6px;margin-top:2px;display:flex}.price-edit .amount{cursor:pointer}.price-edit input{border:none;border-bottom:1.5px solid var(--accent);color:var(--text);background:0 0;width:120px;padding:2px 0;font-family:inherit;font-size:15px;font-weight:800}.price-edit input:focus{outline:none}.edit-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:inline-grid}.edit-icon-btn svg{width:14px;height:14px}.edit-icon-btn:hover{color:var(--accent)}.count-chip{background:var(--accent-glow);min-width:18px;height:18px;color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.expenses-toggle{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.expenses-toggle svg{width:15px;height:15px;color:var(--text-muted);transition:transform .15s}.expenses-toggle.open svg{transform:rotate(90deg)}.expenses-list{max-height:0;transition:max-height .2s;overflow:hidden}.expenses-list.open{max-height:420px}.expense-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 4px;font-size:13px;display:flex}.expense-date{color:var(--text-muted);text-align:right;flex-shrink:0;width:44px;font-size:11.5px}.expense-add-row{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:4px;padding:12px 4px 4px;display:flex}.expense-add-row input{border:1px solid var(--border);background:var(--surface);min-width:120px;color:var(--text);border-radius:8px;flex:1;padding:7px 9px;font-family:inherit;font-size:12.5px}.expense-add-row input:focus{border-color:var(--accent);outline:none}.expense-add-row button{background:var(--accent);color:#17140f;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.expense-add-row button svg{width:13px;height:13px}.margin-summary{margin-top:14px}.margin-summary .label{color:var(--text-muted);font-size:12.5px}.text-good{color:var(--good)}.text-bad{color:var(--bad)}.danger-zone{border-top:1px solid var(--border);margin-top:6px;padding-top:18px}.danger-btn{border:1px solid var(--bad);color:var(--bad);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.danger-btn svg{width:14px;height:14px}.danger-btn:hover{background:var(--bad-bg)}.danger-btn.solid{background:var(--bad);border-color:var(--bad);color:#fff}.danger-btn.solid:hover{opacity:.9}.danger-btn:disabled{opacity:.55;cursor:not-allowed}.danger-confirm{background:var(--bad-bg);border:1px solid var(--bad);border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.danger-confirm p{color:var(--text);margin:0;font-size:13px}.danger-confirm .row{gap:10px;display:flex}.text-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:9px 11px;font-family:inherit;font-size:13.5px}.text-input:focus{border-color:var(--accent);outline:none}.item-rows{flex-direction:column;gap:8px;margin-top:10px;display:flex}.item-row{align-items:center;gap:8px;display:flex}.item-row .text-input.desc{flex:2;min-width:0}.item-row .text-input.amount{flex:1;min-width:0}.remove-item-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;padding:6px;display:inline-grid}.remove-item-btn:hover{color:var(--bad);background:var(--bad-bg)}.remove-item-btn svg{width:15px;height:15px}.add-item-btn{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.add-item-btn:hover{border-color:var(--accent);color:var(--accent)}.add-item-btn svg{width:14px;height:14px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-top:10px;display:grid}.photo-thumb{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-thumb-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:4px;right:4px}.photo-thumb-remove svg{width:12px;height:12px}.photo-thumb-remove:hover{background:var(--bad)}.photo-add-tile{aspect-ratio:1;border:1.5px dashed var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:11px;font-weight:700;display:flex}.photo-add-tile:hover{border-color:var(--accent);color:var(--accent)}.photo-add-tile svg{width:20px;height:20px}.inspection-history-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px;display:grid}.inspection-history-row:first-child{border-top:none}@media (max-width:780px){.inspection-history-row{grid-template-columns:1fr 1fr}.inspection-history-row>:nth-child(3){display:none}}.settings-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:640px;margin-bottom:16px;padding:20px 22px}.settings-block h2{margin-bottom:6px}.settings-hint{color:var(--text-muted);margin:0 0 14px;font-size:12.5px}.theme-switch{flex-wrap:wrap;gap:8px;display:flex}.settings-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.settings-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:700}.settings-tab.active{background:var(--accent);border-color:var(--accent);color:#17140f}.budget-row{border-top:1px solid var(--border);grid-template-columns:1.3fr 1fr 1fr 1fr auto;align-items:center;gap:12px;padding:12px 16px;font-size:13.5px;display:grid}.budget-row:first-child{border-top:none}.budget-row .col-label{color:var(--text-muted);margin-bottom:2px;font-size:10.5px;display:block}.budget-row .inline-edit{align-items:center;gap:5px;display:flex}.budget-row .inline-edit .value{cursor:pointer;font-weight:700}.budget-row .inline-edit input{border:1px solid var(--accent);background:var(--surface-2);color:var(--text);border-radius:6px;width:100%;padding:4px 7px;font-family:inherit;font-size:13.5px}.budget-row .inline-edit input:focus{outline:none}@media (max-width:780px){.budget-row{grid-template-columns:1fr 1fr;row-gap:10px}.budget-row>:nth-child(3){display:none}}.budget-add-row{border-top:1px solid var(--border);grid-template-columns:1.3fr 1fr auto;align-items:end;gap:10px;padding:14px 16px;display:grid}.budget-add-row .field{margin:0}.fuel-gauge-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:20px;padding:28px 30px 22px;display:flex}.fuel-figures{flex-direction:column;gap:12px;min-width:220px;display:flex}.fuel-figures .big{font-size:30px;font-weight:800}.fuel-figures .big .sub-unit{color:var(--text-muted);font-size:15px;font-weight:700}.fuel-legend{gap:18px;display:flex}.fuel-legend-item{color:var(--text-muted);align-items:center;gap:7px;font-size:12.5px;display:flex}.swatch{border-radius:3px;width:9px;height:9px}.finance-row{border-top:1px solid var(--border);cursor:pointer;flex-direction:column;gap:10px;padding:14px 16px;transition:background .12s;display:flex}.finance-row:first-child{border-top:none}.finance-row:hover{background:var(--surface-2)}.finance-row-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.finance-row-title{font-size:14px;font-weight:700}.finance-row-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.finance-row-stats .col-label,.finance-totals .col-label{color:var(--text-muted);margin-bottom:2px;font-size:10.5px;display:block}.finance-row-stats .num{font-size:13.5px;font-weight:600}.finance-totals{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;padding:14px 16px;display:grid}.finance-totals .num{font-size:14px;font-weight:800}.empty-note{color:var(--text-muted);text-align:center;padding:30px;font-size:13.5px}@media (max-width:780px){input,select,textarea{font-size:16px!important}.app{grid-template-columns:1fr}.sidebar{height:calc(68px + env(safe-area-inset-bottom));width:100%;padding:0 6px calc(6px + env(safe-area-inset-bottom));z-index:40;border-top:1px solid #262a33;border-right:none;flex-direction:row;align-items:center;gap:0;position:fixed;inset:auto 0 0}.brand,.sidebar-foot{display:none}.nav{flex-direction:row;justify-content:space-around;width:100%}.nav-item{flex-direction:column;gap:4px;padding:8px 6px;font-size:10.5px}.main{padding:calc(20px + env(safe-area-inset-top)) 16px calc(90px + env(safe-area-inset-bottom))}.gauge-strip{grid-template-columns:1fr 1fr}.gauge-card{grid-column:1/-1}.upload-row,.field-grid{grid-template-columns:1fr}.car-row{grid-template-columns:34px 1.6fr 1fr}.car-row>:nth-child(4),.car-row>:nth-child(5){display:none}.fin-grid{grid-template-columns:1fr 1fr}}
