:root{color-scheme:light;--bg:#eef3ef;--surface:#ffffff;--surface-alt:#f7faf7;--ink:#17271f;--muted:#64756c;--line:#d9e4dc;--green:#0f7a50;--green-strong:#0b5d3d;--green-soft:#e1f2e8;--amber:#df9a20;--amber-soft:#fff2d5;--red:#b54e44;--red-soft:#fce9e6;--shadow:0 12px 28px rgba(29,59,42,0.09)}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{margin-bottom:2px;font-size:1.2rem;line-height:1.1}h2{font-size:1.16rem;line-height:1.2}h2,h3{margin-bottom:4px}h3{font-size:.98rem}.app-shell,.shell{width:min(100%,860px);min-height:100vh;margin:0 auto;padding:12px 14px 32px}.app-header,.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;margin:-12px -14px 20px;padding:10px 14px;border-bottom:1px solid rgba(217,228,220,.86);background:rgba(238,243,239,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.brand-lockup,.header-leading{display:flex;align-items:center;min-width:0}.header-leading{gap:9px}.brand,.brand-lockup{gap:10px}.brand-lockup>div,.brand>div{min-width:0}.brand .muted,.brand-lockup span{display:block;overflow:hidden;color:var(--muted);font-size:.75rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #0b6844;border-radius:8px;background:var(--green);color:#fff;font-size:1.08rem;font-weight:900}.account-button,.back-button{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--green-strong)}.back-button{font-size:1.28rem;font-weight:800}.account-button{box-shadow:0 3px 10px rgba(29,59,42,.06)}.person-icon{position:relative;display:block;width:17px;height:18px}.person-icon:before{top:0;left:5px;width:7px;height:7px;border-radius:50%}.person-icon:after,.person-icon:before{content:"";position:absolute;background:var(--green-strong)}.person-icon:after{bottom:0;left:2px;width:13px;height:9px;border-radius:8px 8px 3px 3px}.signout{border:0;background:transparent;color:var(--muted);font-size:.82rem;font-weight:800;padding:8px 0 8px 8px}.vehicle-banner{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px;padding:20px;border:1px solid #164b35;border-top:4px solid var(--amber);border-radius:8px;background:#164b35;color:#fff;box-shadow:var(--shadow)}.vehicle-banner h2{font-size:1.36rem;margin-bottom:5px}.vehicle-banner p:not(.eyebrow){margin-bottom:0;color:#d4e3d8;font-size:.88rem}.eyebrow{margin-bottom:5px;color:var(--green);font-size:.7rem;font-weight:850;text-transform:uppercase}.eyebrow.light{color:#b9dcc8}.vehicle-odometer{display:grid;grid-gap:3px;gap:3px;min-width:106px;text-align:right;white-space:nowrap}.vehicle-odometer small,.vehicle-odometer span{color:#b9dcc8;font-size:.74rem;font-weight:750}.vehicle-odometer strong{font-size:1.34rem;line-height:1.1}.month-switcher{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;grid-gap:10px;gap:10px;margin:12px 0;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 14px rgba(29,59,42,.04)}.month-control{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);color:var(--green-strong);font-size:1.22rem;font-weight:800}.month-control.disabled{color:#aebcb2;cursor:default}.month-current{display:grid;min-width:0;grid-gap:1px;gap:1px;text-align:center}.month-current small,.month-current span{color:var(--muted);font-size:.72rem;font-weight:700}.month-current strong{font-size:.96rem}.budget-grid,.grid,.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.wide{grid-column:1/-1}.budget-tile,.card,.item,.metric-card{min-width:0;min-height:108px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 14px rgba(29,59,42,.045)}.budget-tile{display:grid;align-content:start;grid-gap:5px;gap:5px}.budget-tile>span,.metric small,.metric-card small{color:var(--muted);font-size:.74rem;font-weight:780}.budget-tile strong,.metric strong,.metric-card strong{display:block;font-size:1.35rem;line-height:1.1}.budget-tile small,.metric-card span{color:var(--muted);font-size:.74rem;line-height:1.38}.budget-tile.ultranic{border-top:3px solid var(--green)}.budget-tile.cash{border-top:3px solid var(--amber)}.metric-card{display:grid;align-content:space-between;min-height:104px}.metric-card:first-child{border-top:3px solid var(--green)}.metric-card:nth-child(2){border-top:3px solid #2b9c91}.metric-card:nth-child(3){border-top:3px solid var(--amber)}.metric-card:nth-child(4){border-top:3px solid #8a7064}.quick-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-gap:10px;gap:10px;margin:14px 0 22px}.btn,.quick-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-weight:800;text-align:center;transition:background .14s ease,border-color .14s ease,transform .14s ease}.account-button:active,.back-button:active,.btn:active,.quick-action:active{transform:translateY(1px)}.btn,.primary-action,.quick-action.primary{border-color:var(--green);background:var(--green);color:#fff}.btn.secondary,.secondary-action{background:var(--surface-alt);color:var(--ink)}.btn.danger{border-color:#efd1cb;background:var(--red-soft);color:var(--red)}.quick-action.compact{min-height:43px;padding-inline:13px;white-space:nowrap}.section-block{margin-top:26px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.section-heading h2{margin-bottom:0}.text-link{color:var(--green);font-size:.82rem;font-weight:850;white-space:nowrap}.activity-list,.admin-user-list,.list,.maintenance-list,.vehicle-list{display:grid;grid-gap:9px;gap:9px}.activity-row,.admin-user-row,.fuel-row,.maintenance-row,.vehicle-row{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 14px rgba(29,59,42,.04)}.activity-row{display:flex;align-items:center;gap:11px;padding:13px}.activity-date{width:70px;flex:0 0 70px;color:var(--muted);font-size:.74rem;font-weight:780;line-height:1.25}.activity-main{display:grid;min-width:0;grid-gap:3px;gap:3px;flex:1 1}.activity-main strong{font-size:.91rem}.activity-main span,.row-note,.vehicle-facts{color:var(--muted);font-size:.78rem;line-height:1.38}.account-owner,.badge,.payment-badge,.price-chip,.status-dot{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:850;white-space:nowrap}.badge,.payment-badge.ultranic,.status-dot.active{background:var(--green-soft);color:var(--green-strong)}.badge.warn,.payment-badge.cash,.price-chip{background:var(--amber-soft);color:#77510d}.status-dot{background:var(--surface-alt);color:var(--muted)}.account-owner{background:#eef2f4;color:#4f636b}.empty-state{margin:0;padding:20px;border:1px dashed #b8c8bc;border-radius:8px;color:var(--muted);text-align:center}.empty-panel,.panel{margin-top:28px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.panel{margin-bottom:14px}.filter-drawer,.form-surface,.inline-drawer{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 5px 18px rgba(29,59,42,.045)}.form-surface>.section-heading{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid .wide{grid-column:1/-1}label{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:.79rem;font-weight:780}input,select,textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);color:var(--ink);padding:10px 11px;outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,122,80,.13);background:#fff}.toggle-field{display:flex;align-items:center;gap:10px;min-height:54px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);color:var(--ink)}.toggle-field input{width:18px;min-height:18px;margin:0;accent-color:var(--green)}.toggle-field label{display:block;color:var(--ink);font-size:.84rem}.toggle-field small,.toggle-field strong{display:block}.toggle-field small{margin-top:3px;color:var(--muted);font-size:.75rem;line-height:1.35}.actions,.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.form-actions .btn,.form-actions .primary-action{flex:1 1}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 18px}.page-intro h2{font-size:1.3rem}.page-intro p:not(.eyebrow){margin-bottom:0;color:var(--muted);font-size:.86rem}.filter-drawer,.inline-drawer{margin-bottom:12px}.filter-drawer summary,.inline-drawer summary{color:var(--green);cursor:pointer;font-size:.84rem;font-weight:850}.filter-drawer[open] summary{margin-bottom:14px}.inline-drawer{width:100%;padding:0;border:0;box-shadow:none;background:transparent}.inline-drawer[open]{margin-top:5px}.inline-drawer[open] summary{margin-bottom:10px}.inline-drawer .form-surface{padding:12px 0 0;border:0;box-shadow:none}.inline-drawer .form-surface .section-heading{display:none}.account-note{margin:14px 0 0;color:var(--muted);font-size:.79rem;line-height:1.42}.account-passkey{margin-top:10px;min-height:42px}.fuel-row{display:block;padding:14px}.fuel-row-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.fuel-row-top>div{display:grid;grid-gap:3px;gap:3px}.fuel-row-top strong{font-size:.93rem}.fuel-row-top span:not(.payment-badge){color:var(--muted);font-size:.78rem}.fuel-row-values{display:grid;grid-template-columns:1.05fr repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:12px;color:var(--muted);font-size:.76rem}.fuel-row-values strong{color:var(--ink);font-size:.94rem}.row-note{margin:11px 0 0}.row-actions{display:flex;align-items:center;gap:13px;margin-top:12px}.danger-link,.row-actions a,.row-actions button{border:0;background:transparent;color:var(--green);padding:0;font-size:.8rem;font-weight:850}.row-actions .danger-link,.row-actions form:last-child button{color:var(--red)}.row-actions form{margin:0}.vehicle-row{display:flex;align-items:start;flex-wrap:wrap;gap:11px;padding:14px}.vehicle-row>div:first-child{flex:1 1;min-width:180px}.vehicle-row-title{display:flex;align-items:center;gap:8px}.vehicle-row-title>strong{font-size:.98rem}.vehicle-row p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.vehicle-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.vehicle-facts span{padding-right:8px;border-right:1px solid var(--line)}.vehicle-facts span:last-child{border-right:0}.maintenance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:13px}.maintenance-row>div{display:grid;grid-gap:3px;gap:3px}.maintenance-row p,.maintenance-row>div span{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35;text-align:right}.admin-user-row{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:14px}.admin-user-main{display:grid;min-width:0;grid-gap:4px;gap:4px}.admin-user-main>span{color:var(--muted);font-size:.78rem;line-height:1.35}.admin-user-actions{display:grid;grid-template-columns:1fr;grid-gap:7px;gap:7px;min-width:100px}.admin-user-actions form{margin:0}.admin-user-actions .btn,.danger-outline{width:100%;min-height:38px;padding:0 9px;font-size:.75rem}.danger-outline{border:1px solid #eac8c3;border-radius:8px;background:#fff;color:var(--red);font-weight:850}.item{min-height:auto;padding:14px}.item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.measurement-note{margin:16px 0 0;padding:15px;border:1px solid #bdd9c5;border-left:4px solid var(--green);border-radius:8px;background:#f7fcf8}.measurement-note .eyebrow{margin-bottom:5px}.measurement-note strong{display:block;font-size:.94rem}.measurement-note p:last-child{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.42}.muted{color:var(--muted)}.error{color:var(--red);font-weight:780}.success{color:var(--green);font-weight:780}.code-value{margin-top:6px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:900}.bottom-nav,.fab{display:none}@media (min-width:680px){.app-shell,.shell{padding:18px 22px 42px}.app-header,.topbar{margin:-18px -22px 26px;padding-inline:22px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{min-height:116px}}@media (max-width:620px){.form-grid,.grid,.grid-3{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.actions,.form-actions{flex-direction:column}.actions .btn,.form-actions .btn,.form-actions .primary-action{width:100%}}@media (max-width:480px){.vehicle-banner{align-items:start;flex-direction:column;padding:18px}.vehicle-odometer{min-width:0;text-align:left}.activity-row{align-items:start;flex-wrap:wrap}.activity-main{min-width:calc(100% - 82px)}.payment-badge{margin-left:82px}.page-intro{align-items:start;flex-direction:column}.page-intro .quick-action{width:100%}.fuel-row-values{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-row{grid-template-columns:1fr;gap:5px}.maintenance-row p,.maintenance-row>div span{text-align:left}.admin-user-row{flex-direction:column}.admin-user-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}