@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{color:#143b2a;font-synthesis:none;background:#f4f8f3;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #9ce8c5}.app-shell{width:min(1160px,100% - 32px);margin:0 auto;padding:24px 0 56px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.brand{color:#117b56;letter-spacing:-.07em;align-items:center;gap:10px;font-size:1.55rem;font-weight:700;display:inline-flex}.brand span span{color:#153d2b}.brand-icon{color:#fff;background:#0d8a5f;border-radius:12px 12px 12px 3px;place-items:center;width:35px;height:35px;font-size:1.5rem;line-height:1;display:grid;transform:rotate(-28deg)}.brand-compact{font-size:1.3rem}.brand-compact .brand-icon{border-radius:10px 10px 10px 3px;width:29px;height:29px;font-size:1.25rem}.topbar-actions{align-items:center;gap:5px;display:flex}.button{border:0;border-radius:12px;min-height:44px;padding:10px 15px;font-size:.89rem;font-weight:700;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:#0d8a5f;box-shadow:0 6px 14px #0d8a5f2b}.button-primary:hover{background:#08724d}.button-ghost{color:#37705b;background:0 0;min-height:auto;padding:9px 8px}.button-ghost:hover{background:#e5f2e9}.button-wide{width:100%}.vehicle-tabs{scrollbar-width:none;gap:8px;margin:0 -2px 18px;padding:2px;display:flex;overflow-x:auto}.vehicle-tabs::-webkit-scrollbar{display:none}.vehicle-tab{text-align:left;color:#4e7463;background:#fff;border:1px solid #dce9df;border-radius:12px;flex:none;min-width:122px;padding:10px 13px}.vehicle-tab span,.vehicle-tab small{display:block}.vehicle-tab span{font-size:.86rem;font-weight:700}.vehicle-tab small{margin-top:2px;font-family:DM Mono,monospace;font-size:.66rem}.vehicle-tab.is-active{color:#0a6243;background:#e5f8ec;border-color:#0d8a5f;box-shadow:0 3px 10px #0d8a5f14}.notice{border-radius:11px;margin:0 0 18px;padding:12px 14px;font-size:.88rem;font-weight:600}.notice-success{color:#075b3c;background:#dff6e8}.notice-error{color:#9c321d;background:#fff0ec}.dashboard-grid{gap:16px;display:grid}.card{background:#fff;border:1px solid #dfebe1;border-radius:18px;padding:20px;box-shadow:0 8px 30px #1f5b3c09}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.eyebrow{color:#579274;letter-spacing:.12em;margin:0 0 6px;font-size:.67rem;font-weight:700}.card h2{color:#163c2b;letter-spacing:-.03em;margin:0;font-size:1.13rem}.leaf-mark{color:#0d8a5f;background:#e2f7e9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:1.45rem;display:grid;transform:rotate(-28deg)}.inline-form{margin-top:19px}.form-grid,.vehicle-form{gap:14px;display:grid}.form-grid{margin-top:18px}label{color:#467060;gap:7px;font-size:.78rem;font-weight:700;display:grid}input{color:#183f2e;background:#fbfdfb;border:1px solid #d9e7dd;border-radius:10px;width:100%;min-height:48px;padding:11px 13px;font-weight:600}input::placeholder{color:#9bb9a8;font-weight:400}.unit-input{position:relative}.unit-input input{padding-right:44px}.unit-input span{color:#699681;font-size:.76rem;font-weight:700;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.live-result{border-top:1px solid #ebf2ec;gap:4px;margin-top:16px;padding-top:15px;display:grid}.live-result strong{color:#08724d;letter-spacing:-.07em;font-size:1.85rem}.live-result span,.muted{color:#6d8b7c;font-size:.83rem}.muted{margin:17px 0 0;line-height:1.5}.latest-card{color:#fff;background:linear-gradient(135deg,#0c8359,#0b6b49);border-color:#087d56;flex-direction:column;justify-content:center;min-height:165px;display:flex}.latest-card .eyebrow,.latest-card .muted{color:#c9ebd6}.metric{letter-spacing:-.075em;margin:11px 0 3px;font-size:2.15rem;display:block}.metric-empty{color:#d8f1e1}.refuel-card .button{margin-top:4px}.vehicle-card h2{margin-bottom:17px}.vehicle-card dl{gap:10px;margin:0;display:grid}.vehicle-card dl div{justify-content:space-between;gap:18px;font-size:.81rem;display:flex}.vehicle-card dt{color:#779785}.vehicle-card dd{color:#234d39;text-align:right;margin:0;font-weight:700}.settings-actions{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.text-button{color:#2b7961;background:0 0;border:0;padding:0;font-size:.76rem;font-weight:700}.text-button.danger{color:#b5503f}.history-card{overflow:hidden}.history-count{color:#739684;font-size:.77rem;font-weight:700}.history-list{margin:16px -20px -20px}.history-row{border-top:1px solid #ecf2ed;justify-content:space-between;gap:15px;padding:14px 20px;display:flex}.history-row>div{gap:3px;display:grid}.history-row strong{color:#194735;font-size:.88rem}.history-row span{color:#789483;font-size:.7rem}.history-values{text-align:right;justify-items:end}.history-values span{font-family:DM Mono,monospace;font-size:.66rem}.empty-history{color:#83a693;text-align:center;place-items:center;gap:9px;min-height:170px;display:grid}.empty-history span{color:#65b98a;font-size:2.25rem}.empty-history p{max-width:220px;margin:0;font-size:.83rem;line-height:1.5}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12362773;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(500px,100%);margin:0 auto;padding:25px;position:relative;box-shadow:0 20px 60px #0000002e}.modal h2{color:#173f2d;letter-spacing:-.04em;margin:0 0 20px}.modal-close{color:#49705d;background:#eff6f0;border:0;border-radius:50%;width:34px;height:34px;font-size:1.5rem;line-height:1;position:absolute;top:13px;right:14px}.vehicle-form{margin-top:20px}.setup-shell{background:radial-gradient(circle at 88% 10%,#d6f6e3 0,#0000 29%),#f6faf6;min-height:100vh;padding:20px;display:grid}.setup-card{background:#ffffffe0;border:1px solid #dfebe1;border-radius:22px;align-self:center;width:min(520px,100%);margin:0 auto;padding:28px;box-shadow:0 18px 60px #185c3814}.setup-card .brand{margin-bottom:40px}.setup-card h1{color:#173c2b;letter-spacing:-.075em;max-width:390px;margin:0;font-size:clamp(2rem,8vw,2.8rem);line-height:1.02}.intro{color:#638270;margin:17px 0 24px;font-size:.91rem;line-height:1.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=700px){.app-shell{width:min(1160px,100% - 56px);padding-top:36px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mileage-card,.history-card{grid-column:span 2}.form-grid{grid-template-columns:1fr 1fr}.form-grid .button{grid-column:span 2}.modal-backdrop{align-items:center}.history-row{padding:16px 20px}}@media (width>=960px){.dashboard-grid{grid-template-columns:1.17fr .83fr}.mileage-card{grid-column:auto}.history-card{grid-column:span 2}.latest-card{min-height:0}.refuel-card,.vehicle-card{min-height:245px}}