: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}}button.stat-card,button.maintenance-hero,button.hero-top,button.list-button,button.maintenance-button,button.rule-head,button.section-toggle{font:inherit;color:inherit}.clickable,.stat-button,.hero-click,.list-button,.maintenance-button,.rule-head,.section-toggle{cursor:pointer}.stat-button{width:100%;text-align:left}.stat-button:hover,.clickable:hover,.list-button:hover{border-color:#415264;background:#1a222b}.fuel-month{align-items:start}.mini-metrics{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap}.mini-metrics small{font-size:.78rem}.estimate-note{margin:14px 0 0;padding:11px 12px;background:#11161b;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:.78rem;line-height:1.45}.hero-click{width:100%;border:0;background:transparent;padding:0;text-align:left;color:inherit}.plate{display:inline-block;margin-top:7px;padding:3px 8px;border:1px solid var(--line);border-radius:6px;color:#cdd6df}.top-selects{display:flex;gap:7px;justify-content:flex-end;min-width:0}.garage-select,.vehicle-select{width:auto;max-width:190px;padding:9px 28px 9px 9px;background:#171c22}.garage-select{max-width:150px}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:0;text-align:left}.section-toggle h2{margin:0}.section-toggle p{margin:3px 0 0}.maintenance-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;align-items:center}.maintenance-button strong{font-size:.85rem;text-align:right}.rule-accordion{border-top:1px solid var(--line)}.rule-accordion:first-child{border-top:0}.rule-head{width:100%;border:0;background:transparent;padding:13px 0;display:flex;justify-content:space-between;gap:12px;text-align:left}.rule-head>div{display:grid;gap:4px}.rule-head small{color:var(--muted)}.rule-accordion.overdue .rule-head b{color:var(--bad)}.rule-accordion.approaching .rule-head b{color:var(--warn)}.rule-body{padding:0 0 14px;display:grid;gap:12px}.checklist-preview{display:grid;gap:5px;padding:12px;background:#11161b;border-radius:11px}.checklist-preview span{font-size:.84rem;color:#d5dde6}.wrap{flex-wrap:wrap}.compact-note{font-size:.78rem;margin:0}.check-list{display:grid;gap:7px}.task-check{display:flex;grid-template-columns:none;align-items:center;gap:10px;padding:10px 12px;background:#11161b;border:1px solid var(--line);border-radius:10px}.task-check input{width:auto;accent-color:var(--accent)}.list-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;border-top:1px solid var(--line);padding:11px 0;background:transparent;text-align:left}.list-button:first-child{border-top:0}.list-button>div{display:grid;gap:3px}.list-button small{color:var(--muted)}.list-button.selected{color:var(--accent)}.credential-box{display:grid;gap:8px;margin:12px 0;padding:13px;background:#17283d;border:1px solid #2e4d72;border-radius:12px}.credential-box code{font-size:1rem;overflow-wrap:anywhere}.member-actions{display:flex;gap:6px;align-items:center}.member-actions select{width:auto;padding:7px 28px 7px 9px}.account-details{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.account-details summary{cursor:pointer;color:#cdd6df;font-weight:700}.support-button{width:100%;margin-top:16px;border:1px solid #6d4350;background:#2f2027;color:#ffd0dc;border-radius:12px;padding:12px;font-weight:800}.support-box{display:grid;gap:10px;margin-top:10px;padding:13px;background:#151015;border:1px solid #4b313b;border-radius:12px}.support-box p{margin:0;line-height:1.45}.card-number{display:block;font-size:1rem;word-break:break-all}.inbox-list{display:grid;gap:9px}.inbox-row{padding:12px;border:1px solid var(--line);border-radius:12px;background:#11161b}.inbox-row.open{border-color:#41648a}.inbox-row.resolved{opacity:.62}.inbox-row small{color:var(--muted)}.inbox-row p{white-space:pre-wrap;margin:9px 0;line-height:1.45}@media(max-width:560px){.topbar{align-items:flex-start}.brand b{font-size:.9rem}.top-selects{display:grid;gap:5px}.garage-select,.vehicle-select{max-width:165px;font-size:.8rem}.maintenance-button{display:grid;grid-template-columns:1fr auto}.maintenance-button strong{align-self:center}.member-actions{display:grid;justify-items:end}.member-actions select{max-width:120px}.mini-metrics{gap:8px}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell{width:100%;max-width:100vw;overflow-x:clip}.topbar,.content,.hero-card,.card,.stat-grid,.section-card{min-width:0;max-width:100%}.content{width:min(100%,760px);padding-left:clamp(10px,3vw,16px);padding-right:clamp(10px,3vw,16px)}.row>*{min-width:0}img,svg,canvas{max-width:100%}select,input,textarea{max-width:100%}.top-controls{display:flex;align-items:center;gap:10px;min-width:0}.top-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.top-icon{position:relative;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#171c22;color:var(--text);display:grid;place-items:center;padding:0;font-size:1.05rem}.top-icon:hover{border-color:#496079;background:#1d2630}.top-icon.notification{color:#ffd77d}.top-icon.notification b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#d4576d;color:#fff;font-size:.62rem;border:2px solid #0f1216}.top-selects{max-width:100%}.garage-select,.vehicle-select{min-width:0}.fuel-month{gap:11px}.fuel-month-title{display:block}.fuel-month-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);margin-top:4px}.fuel-month-metrics>div{display:grid;align-content:center;justify-items:center;gap:2px;min-width:0;padding:12px 8px 4px;text-align:center}.fuel-month-metrics>div+div{border-left:1px solid var(--line)}.fuel-month-metrics small{font-size:.72rem;color:var(--muted)}.fuel-month-metrics strong{font-size:clamp(1rem,3.5vw,1.35rem);line-height:1.1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fuel-month-metrics em{font-style:normal;color:var(--muted);font-size:.72rem}.support-chat-modal{width:min(100%,760px);height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden}.support-chat-modal .modal-head{flex:0 0 auto}.chat-back{margin-bottom:8px}.conversation-list{overflow:auto;display:grid;gap:8px;padding-right:2px}.conversation-row{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#11161b}.conversation-row.unread{border-color:#4e82bd;box-shadow:inset 3px 0 #6aa8f6}.conversation-open{border:0;background:transparent;color:inherit;text-align:left;display:grid;grid-template-columns:1fr auto;gap:4px;width:100%;padding:0}.conversation-open>div{display:grid;gap:2px}.conversation-open small{color:var(--muted);font-size:.74rem}.conversation-open p{grid-column:1/-1;margin:6px 0 0;color:#cbd4dd;white-space:pre-wrap;overflow-wrap:anywhere}.chat-history{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:4px 2px 12px}.chat-message{max-width:88%;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#11161b;display:grid;gap:6px}.chat-message.user{align-self:flex-start}.chat-message.owner{align-self:flex-end;background:#17283d;border-color:#2c4c70}.chat-message-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.chat-message-head small{color:var(--muted);font-size:.68rem}.chat-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.chat-actions{display:flex;justify-content:flex-end;gap:5px}.chat-compose{flex:0 0 auto;border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}.chat-compose textarea{min-height:76px;max-height:180px}.chat-compose .row small{max-width:72%;line-height:1.3}@media(max-width:640px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px}.top-controls{min-width:0;justify-content:flex-end}.top-selects{display:flex;min-width:0}.garage-select,.vehicle-select{max-width:145px;font-size:.76rem;padding-top:8px;padding-bottom:8px}.top-actions{gap:4px}.top-icon{width:34px;height:34px;border-radius:10px}.fuel-month-metrics>div{padding:11px 4px 3px}.fuel-month-metrics small,.fuel-month-metrics em{font-size:.63rem}.support-chat-modal{height:92vh}.chat-message{max-width:94%}.chat-compose .row{align-items:flex-end}.chat-compose .row small{max-width:65%;font-size:.66rem}}@media(max-width:420px){.brand{min-width:0}.brand>div:last-child{min-width:0}.brand b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.top-controls{gap:5px}.top-selects{gap:4px}.garage-select,.vehicle-select{max-width:116px}.fuel-month-metrics strong{font-size:.98rem}.fuel-month-metrics small{min-height:2.1em;display:grid;place-items:end center}.content{padding-left:8px;padding-right:8px}.section-card{padding-left:14px;padding-right:14px}}