:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2f6;background:#0f1216;font-synthesis:none;--bg:#0f1216;--panel:#171c22;--panel2:#1d232b;--line:#2a323c;--text:#eef2f6;--muted:#95a1ae;--accent:#81b8ff;--accent2:#417fd1;--ok:#70d6a3;--warn:#f1c56d;--bad:#ff8c8c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#10141a 0,#0d1014);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);background:#11161b;color:var(--text);border-radius:12px;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:88px}label{display:grid;gap:7px;font-size:.9rem;color:#c9d1da}fieldset{border:0;padding:0;margin:0}legend{font-size:.9rem;color:#c9d1da;margin-bottom:7px}.stack{display:grid;gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{color:var(--muted);font-weight:400}.primary,.secondary,.danger{border:0;border-radius:12px;padding:12px 16px;font-weight:700}.primary{background:var(--accent);color:#07111e}.secondary{background:#242c35;color:var(--text);border:1px solid #333e49}.danger{background:#3a2024;color:#ffb4b4}.big{min-height:52px;font-size:1rem}.small{padding:8px 11px;font-size:.82rem}.error,.info{border-radius:10px;padding:11px 13px}.error{background:#3a2024;color:#ffb6b6}.info{background:#17283d;color:#c5ddff}.card{background:#181d24f5;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #00000029}.auth-shell,.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.narrow{width:min(100%,440px);padding:28px}.brand-mark,.mini-mark{display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#83bcff,#4b76c9);color:#09111c}.brand-mark{width:64px;height:64px;border-radius:20px;font-size:1.2rem}.mini-mark{width:38px;height:38px;border-radius:12px;font-size:.8rem}.auth-card h1{margin-bottom:6px}.auth-card p{margin-top:0}.loader{font-size:1.4rem;font-weight:800;letter-spacing:.02em}.app-shell{min-height:100vh;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:#0f1216eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:10px}.brand>div:last-child{display:grid}.brand small{color:var(--muted);font-size:.72rem}.vehicle-select{width:auto;max-width:45%;padding:9px 30px 9px 10px;background:#171c22}.content{width:min(100%,760px);margin:0 auto;padding:16px;display:grid;gap:14px}.hero-card{background:radial-gradient(circle at 90% 10%,rgba(95,158,242,.2),transparent 45%),#171c22;border:1px solid var(--line);border-radius:22px;padding:20px}.hero-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:800;color:#82909f}.hero-card h1{font-size:1.85rem;margin:4px 0}.odometer{text-align:right;display:grid}.odometer strong{font-size:1.7rem;font-variant-numeric:tabular-nums}.odometer span{color:var(--muted);font-size:.8rem}.fuel-button{width:100%;margin-top:22px;border:0;border-radius:16px;padding:17px;background:linear-gradient(135deg,#8dc3ff,#6098e5);color:#07111c;font-weight:900;font-size:1.04rem;box-shadow:0 8px 24px #5b8fd533}.offline-badge{margin-top:12px;text-align:center;color:var(--warn);font-size:.82rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background:#171c22;border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;gap:3px}.stat-card.wide{grid-column:1/-1}.stat-card span,.stat-card small{color:var(--muted);font-size:.78rem}.stat-card strong{font-size:1.25rem}.maintenance-hero{padding:17px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-left:3px solid #485462}.maintenance-hero.approaching{border-left-color:var(--warn)}.maintenance-hero.overdue{border-left-color:var(--bad)}.maintenance-hero h2{margin:4px 0;font-size:1.1rem}.maintenance-hero p{margin:0;color:var(--muted);font-size:.85rem}.remaining{text-align:right;display:grid;min-width:110px}.remaining strong{font-size:1.35rem}.remaining span{color:var(--muted);font-size:.72rem}.section-card{padding:18px}.section-card h2{margin:0 0 12px;font-size:1.15rem}.between{justify-content:space-between}.row{display:flex;align-items:center;gap:12px}.section-card .row h2{margin-bottom:2px}.section-card .row p{margin:0;font-size:.8rem}.maintenance-list{display:grid;gap:8px}.maintenance{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.maintenance:first-child{border-top:0}.maintenance>div{display:grid;gap:3px}.maintenance small{color:var(--muted)}.maintenance.approaching strong{color:var(--warn)}.maintenance.overdue strong{color:var(--bad)}.subform{border-top:1px solid var(--line);padding-top:16px;margin-top:14px}.reminder-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:.88rem}.reminder-row span{color:var(--muted);text-align:right}.history-list{display:grid}.history-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.history-icon{width:38px;height:38px;border-radius:12px;background:#222a33;display:grid;place-items:center}.history-main{display:grid;gap:2px}.history-main span,.history-main small{font-size:.76rem;color:var(--muted)}.history-money{font-size:.83rem;font-weight:700;text-align:right}.import-box{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.78rem}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.preview{margin-top:18px;display:grid;gap:14px}.preview-summary{padding:10px 12px;background:#12171c;border-radius:10px}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.preview-list{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:12px}.preview-row{display:grid;grid-template-columns:44px 1fr 1fr 1fr 1fr;gap:7px;padding:8px;font-size:.75rem;border-bottom:1px solid var(--line)}.preview-row.warning{background:#f1c56d0d}.preview-row.error{background:#ff8c8c0f}.preview-row small{grid-column:1/-1;color:var(--warn)}.settings-list{display:grid;gap:10px}.footnote{font-size:.78rem;margin-top:20px}.empty{padding:24px 0;text-align:center;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:7px max(10px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));background:#11151af5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center}.bottom-nav button{border:0;background:transparent;color:#83909d;display:grid;place-items:center;gap:2px;font-size:1.15rem}.bottom-nav button span{font-size:.64rem}.bottom-nav button.active{color:var(--accent)}.bottom-nav .plus{width:54px;height:54px;border-radius:18px;background:var(--accent);color:#07111e;font-size:1.8rem;justify-self:center;margin-top:-22px;box-shadow:0 8px 28px #67a3f047}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000ad;display:flex;align-items:flex-end;justify-content:center}.modal{width:min(100%,620px);max-height:94vh;overflow:auto;background:#171c22;border:1px solid var(--line);border-radius:24px 24px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #00000059}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.modal h2{margin:3px 0}.iconbtn{border:0;background:#252d36;color:var(--text);width:38px;height:38px;border-radius:12px;font-size:1.5rem}.segmented{display:grid;grid-template-columns:1fr 1fr 1fr;background:#11161b;padding:3px;border-radius:12px;border:1px solid var(--line)}.segmented button{border:0;background:transparent;color:var(--muted);padding:10px 5px;border-radius:9px}.segmented button.active{background:#2b3948;color:var(--text)}code{background:#11161b;border:1px solid var(--line);padding:2px 5px;border-radius:5px}@media(min-width:720px){.app-shell{padding-bottom:28px}.bottom-nav{position:sticky;bottom:12px;width:520px;margin:0 auto;border:1px solid var(--line);border-radius:20px;padding:7px;box-shadow:0 12px 40px #0000004d}.modal-backdrop{align-items:center}.modal{border-radius:24px;max-height:90vh}.content{padding-top:22px}.hero-card{padding:24px}}@media(max-width:420px){.grid2{grid-template-columns:1fr}.preview-row{grid-template-columns:38px 1fr 1fr}.preview-row span:nth-of-type(3),.preview-row span:nth-of-type(4){display:none}.hero-card h1{font-size:1.55rem}.odometer strong{font-size:1.45rem}}.feedback-box{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.feedback-box h3{margin:0 0 12px;font-size:1rem}.ghost{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:9px 12px}.ghost:hover{color:var(--text);border-color:#45515e}.danger-text{color:#ff9d9d}.stack-page{display:grid;gap:14px}.filter-scroll{display:flex;gap:7px;overflow-x:auto;padding:3px 0 7px;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.chip,.checkchip{flex:0 0 auto;border:1px solid var(--line);background:#12171c;color:var(--muted);border-radius:999px;padding:8px 11px;font-size:.78rem;white-space:nowrap}.chip.active{background:#26384b;color:#d9eaff;border-color:#3f5f7e}.checkchip{display:flex;align-items:center;gap:6px}.checkchip input{width:auto;margin:0;accent-color:var(--accent)}.search{margin-bottom:8px}.search-summary{margin:3px 0 6px;padding:10px 12px;border-radius:11px;background:#11161b;color:var(--muted);font-size:.8rem}.search-summary b{color:var(--text)}.history-rich{align-items:start}.history-note{margin-top:5px;padding:7px 9px;border-radius:9px;background:#11161b;color:#cad3dd;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.history-side{display:grid;justify-items:end;gap:8px}.mini-actions{gap:5px}.mini-actions .ghost{padding:5px 8px}.maintenance-actions{display:grid;justify-items:end;gap:6px}.complete-form{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr auto;gap:7px;padding:10px;background:#11161b;border-radius:11px}.complete-form input{padding:9px 10px}.stat-grid.expanded{margin-top:12px}.stat-grid.expanded .stat-card.wide{grid-column:auto}.vehicle-list,.session-list{display:grid;margin:10px 0}.vehicle-row,.session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:11px 0}.vehicle-row:first-child,.session-row:first-child{border-top:0}.vehicle-row>div,.session-row>div{display:grid;gap:3px}.vehicle-row small,.session-row small{color:var(--muted);font-size:.75rem}.subhead{font-size:.92rem;margin:20px 0 5px}.history-pane>.secondary{width:100%;margin-top:10px}@media(max-width:520px){.complete-form{grid-template-columns:1fr 1fr}.complete-form .primary{grid-column:1/-1}.stat-grid.expanded{grid-template-columns:1fr 1fr}.history-row.history-rich{grid-template-columns:38px 1fr}.history-side{grid-column:2;grid-row:auto;display:flex;align-items:center;justify-content:space-between;width:100%}.history-money{text-align:left}}