:root{color:#e5edf0;background:#08100f;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #08100f;--panel: rgba(14, 27, 27, .78);--panel-strong: rgba(18, 34, 34, .92);--line: rgba(148, 163, 184, .18);--line-bright: rgba(94, 234, 212, .32);--text: #e5edf0;--muted: #8ea2a0;--accent: #5eead4;--accent-2: #93c5fd;--danger: #fb7185;--shadow: 0 18px 55px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(94,234,212,.12),transparent 32%),radial-gradient(circle at 90% 8%,rgba(147,197,253,.1),transparent 28%),linear-gradient(180deg,#08100f,#0b1414 48%,#07100f)}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;padding:12px 16px;background:linear-gradient(135deg,#d9fff6,#93c5fd);color:#07100f;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #5eead429}h1,h2,p{margin-top:0}.app-shell{min-height:100vh;padding:24px}.app-grid{display:grid;gap:18px;max-width:1180px;margin:0 auto}.loading-screen,.error-screen{display:grid;place-items:center}.error-screen,.form-error{color:var(--danger)}.setup-panel{max-width:520px;margin:8vh auto 0}.hero-panel,.panel,.metric-card{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-panel{display:flex;align-items:end;justify-content:space-between;gap:16px}.hero-panel h1{margin:0;font-size:clamp(2rem,7vw,4rem);line-height:1}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.stack{display:grid;gap:16px}label{display:grid;gap:6px;color:#c9d6d5;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:#ffffff0f;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--line-bright);box-shadow:0 0 0 3px #5eead41a}textarea{min-height:88px;resize:vertical}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric-card span,.metric-card small,.muted{display:block;color:var(--muted)}.metric-card strong{display:block;margin-top:6px;font-size:1.35rem}.segmented,.button-row,.compact-form{display:grid;gap:8px}.segmented{grid-template-columns:1fr 1fr;margin-bottom:16px}.button-row,.compact-form{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.segmented button,.ghost-button{background:#ffffff12;color:#c9d6d5;box-shadow:none}.segmented button.active{background:linear-gradient(135deg,#5eead4f5,#93c5fdeb);color:#07100f}.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}.timeline{display:grid;gap:10px}.timeline-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px}.timeline-item p{margin:4px 0;color:var(--muted)}.reminder-due{border-color:#fca5a5}.reminder-soon{border-color:#fbbf24}@media(max-width:760px){.app-shell{padding:14px}.hero-panel,.two-column{grid-template-columns:1fr}.hero-panel{display:grid}}.mobile-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%),radial-gradient(circle at 18% 4%,rgba(94,234,212,.18),transparent 26%),radial-gradient(circle at 86% 16%,rgba(147,197,253,.14),transparent 28%),var(--bg)}.mobile-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.56),transparent 74%);mask-image:linear-gradient(180deg,rgba(0,0,0,.56),transparent 74%)}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px;background:linear-gradient(180deg,rgba(8,16,15,.96),rgba(8,16,15,.66),transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-topbar h1{margin:0;color:#f4fbfa;font-size:1.55rem;letter-spacing:0}.mobile-page{overflow-y:auto;padding:0 14px 96px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(94,234,212,.18);background:#07100fd1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 -18px 38px #00000047}.bottom-nav button,.icon-text-button{min-height:44px;background:#ffffff12;color:#aabbb9;box-shadow:inset 0 0 0 1px var(--line)}.bottom-nav button.active{background:linear-gradient(135deg,#5eead4f5,#93c5fde6);color:#06100f;box-shadow:0 10px 28px #5eead433}.page-stack{display:grid;gap:14px}.range-hero{position:relative;overflow:hidden;border-radius:8px;padding:20px;border:1px solid rgba(94,234,212,.18);background:linear-gradient(135deg,#0c1d1deb,#081214c7),radial-gradient(circle at 84% 18%,rgba(94,234,212,.22),transparent 34%);color:#fff;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-orbit{position:absolute;right:-42px;top:-42px;width:154px;height:154px;border:1px solid rgba(94,234,212,.26);border-radius:50%;box-shadow:inset 0 0 32px #5eead414,0 0 45px #5eead41a}.hero-orbit:after{position:absolute;top:34px;right:34px;bottom:34px;left:34px;content:"";border:1px dashed rgba(147,197,253,.28);border-radius:50%}.range-hero span{color:var(--accent)}.range-hero strong{display:block;margin:8px 0;font-size:2.8rem;letter-spacing:0}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-card,.chart-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mini-card span,.chart-title-row span{color:var(--muted)}.mini-card strong{display:block;margin-top:6px}.wheel-field{gap:8px}.wheel-control{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;align-items:center}.wheel-value-shell{position:relative}.wheel-value-shell input{min-height:62px;text-align:center;font-size:1.35rem;font-weight:800;padding-right:52px;background:linear-gradient(#ffffff14,#ffffff0a) padding-box,linear-gradient(180deg,#5eead459,#93c5fd40,#5eead459) border-box}.wheel-value-shell small{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.chart-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.trend-chart{width:100%;height:auto;overflow:visible}.trend-chart text{fill:var(--muted);font-size:.72rem}.trend-grid-line{stroke:#ffffff1f;stroke-width:1}.bar-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:10px;align-items:end;min-height:170px}.bar-column{display:grid;gap:6px;text-align:center}.bar-track{position:relative;height:110px;display:flex;align-items:end;justify-content:center;gap:4px;border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff08),#ffffff0a;overflow:hidden}.bar-fuel,.bar-expense{width:18px;min-height:2px;border-radius:6px 6px 0 0}.bar-fuel{background:linear-gradient(180deg,#5eead4,#0f766e)}.bar-expense{background:linear-gradient(180deg,#93c5fd,#2563eb)}.maintenance-hero{border:1px solid rgba(94,234,212,.2);border-radius:8px;padding:18px;background:linear-gradient(135deg,#0f201ff0,#081214b8),repeating-linear-gradient(90deg,rgba(94,234,212,.08) 0 1px,transparent 1px 22px);box-shadow:var(--shadow)}.maintenance-hero span,.maintenance-chip small,.section-title-row span{color:var(--accent)}.maintenance-hero strong{display:block;margin:8px 0;font-size:2.25rem}.maintenance-hero p,.maintenance-selected p,.maintenance-reminder p{margin:0;color:var(--muted)}.maintenance-preset-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,42%);gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.maintenance-chip{min-height:88px;display:grid;align-content:space-between;gap:8px;text-align:left;scroll-snap-align:start;color:var(--text);background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--line)}.maintenance-chip.active{color:#06100f;background:linear-gradient(135deg,#5eead4fa,#93c5fdeb);box-shadow:0 14px 30px #5eead42e}.maintenance-chip span{font-size:.95rem}.maintenance-chip.active small{color:#06100fbd}.maintenance-form h2{margin-bottom:0}.maintenance-selected{display:grid;gap:8px}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-title-row h2{margin:0}.maintenance-reminder-list{display:grid;gap:10px}.maintenance-reminder{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#ffffff0b}.maintenance-reminder.due{border-color:#fb71858f}.maintenance-reminder.soon{border-color:#fbbf2480}.maintenance-reminder .ghost-button{min-width:76px;padding:10px 12px}@media(min-width:780px){.mobile-shell{max-width:980px;margin:0 auto}.bottom-nav{left:50%;max-width:980px;transform:translate(-50%)}}