@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#eef2f7;--text:#172033;--muted:#718096;--border:#e0e6ef;--primary:#2878ff;--primary-dark:#1655c4;--mint:#e8f0ff;--amber:#fff2d1;--red:#b34e43;--red-soft:#fce9e6;--ambient:#dbeafe;--topbar:#ffffffd4;--nav-bg:#fffffff0;--hover-border:#b9cdf8;--active-surface:#f7faff;--urgent-surface:#fffbfa;--urgent-border:#f0c8c2;--placeholder:#9aa6a0;--reminder-border:#f1ddb0;--reminder-icon:#ffe3a0;--reminder-text:#705b2c;--hero-start:#2878ff;--hero-end:#143c88;--hero-button-text:#174da8;--hero-muted:#d6e4ff;--hero-soft:#bfd2ff;--hero-verified:#bcd0ff;--accent-rgb:40, 120, 255;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0d1117;--surface:#151b24;--surface-soft:#1c2430;--text:#f1f5fb;--muted:#96a2b4;--border:#2a3442;--primary:#6ea1ff;--primary-dark:#2878ff;--mint:#17294a;--amber:#312915;--red:#ff8b80;--red-soft:#3a211f;--ambient:#142754;--topbar:#0f141de0;--nav-bg:#121821f2;--hover-border:#476ba8;--active-surface:#172136;--urgent-surface:#241918;--urgent-border:#653a35;--placeholder:#69788e;--reminder-border:#54451e;--reminder-icon:#4b3c17;--reminder-text:#dec77e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-accent=ocean]{--primary:#2878ff;--primary-dark:#1655c4;--mint:#e8f0ff;--ambient:#dbeafe;--hover-border:#b9cdf8;--active-surface:#f7faff;--hero-start:#2878ff;--hero-end:#143c88;--hero-button-text:#174da8;--hero-muted:#d6e4ff;--hero-soft:#bfd2ff;--hero-verified:#bcd0ff;--accent-rgb:40, 120, 255}[data-accent=indigo]{--primary:#7157e8;--primary-dark:#4f37ba;--mint:#eeeaff;--ambient:#e7e1ff;--hover-border:#cbbff7;--active-surface:#faf8ff;--hero-start:#7559eb;--hero-end:#34246e;--hero-button-text:#4e37b5;--hero-muted:#e3ddff;--hero-soft:#cbc0ff;--hero-verified:#d1c7ff;--accent-rgb:113, 87, 232}[data-accent=coral]{--primary:#e06143;--primary-dark:#b43f28;--mint:#fff0eb;--ambient:#fee4db;--hover-border:#f3bfaf;--active-surface:#fff9f7;--hero-start:#e06143;--hero-end:#7d2b20;--hero-button-text:#a23a25;--hero-muted:#ffe0d7;--hero-soft:#ffc7b7;--hero-verified:#ffd0c4;--accent-rgb:224, 97, 67}[data-accent=graphite]{--primary:#506987;--primary-dark:#31445c;--mint:#e9eef5;--ambient:#dfe7f0;--hover-border:#becbd9;--active-surface:#f8fafc;--hero-start:#566f8e;--hero-end:#202d3d;--hero-button-text:#334a66;--hero-muted:#d9e3ee;--hero-soft:#c0ccda;--hero-verified:#d0dae5;--accent-rgb:80, 105, 135}[data-theme=dark][data-accent=ocean]{--primary:#6ea1ff;--primary-dark:#2878ff;--mint:#17294a;--ambient:#142754;--hover-border:#476ba8;--active-surface:#172136}[data-theme=dark][data-accent=indigo]{--primary:#a895ff;--primary-dark:#7157e8;--mint:#292248;--ambient:#2a225a;--hover-border:#6555a5;--active-surface:#221d38}[data-theme=dark][data-accent=coral]{--primary:#ff957c;--primary-dark:#e06143;--mint:#41231e;--ambient:#4a231d;--hover-border:#8e4e40;--active-surface:#2d1c1a}[data-theme=dark][data-accent=graphite]{--primary:#9bb0ca;--primary-dark:#627d9c;--mint:#222c39;--ambient:#273446;--hover-border:#53667e;--active-surface:#1c2530}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .2s,background-color .2s}button,input,textarea{font:inherit}button{color:inherit}.site-bg{background:radial-gradient(circle at 10% 0%, var(--ambient) 0, transparent 33rem), var(--bg);min-height:100dvh}.app-shell{max-width:1240px;min-height:100dvh;margin:0 auto;padding-bottom:110px}.topbar{border-bottom:1px solid var(--border);background:var(--topbar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;justify-content:space-between;align-items:center;height:78px;padding:0 24px;display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand>span:last-child{flex-direction:column;gap:1px;display:flex}.brand strong{letter-spacing:-.2px;font-size:17px}.brand small{color:var(--muted);font-size:10px}.brand-mark{color:#fff;background:var(--primary);width:66px;height:66px;box-shadow:0 10px 30px rgba(var(--accent-rgb), .2);border-radius:21px;place-items:center;font-size:29px;font-weight:900;display:grid}.brand-mark.small{border-radius:14px;width:42px;height:42px;font-size:19px}.offline-pill,.active-pill{border-radius:999px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.offline-pill{color:var(--primary);background:var(--mint);padding:9px 12px}.offline-pill i,.active-pill i{background:#59c996;border-radius:99px;width:6px;height:6px}.topbar-actions{align-items:center;gap:8px;display:flex}.sync-status{min-height:40px;color:var(--muted);background:var(--surface-soft);border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:750;display:inline-flex}.sync-status b{background:var(--mint);width:18px;height:18px;color:var(--primary);border-radius:7px;place-items:center;font-size:10px;display:grid}.sync-status.retry{color:var(--red);cursor:pointer;border:0}.theme-toggle{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.theme-toggle span{color:var(--primary);font-size:17px;line-height:1}.theme-toggle b{font-size:10px}.currency-select{min-width:70px}.profile-button{border:1px solid var(--border);background:var(--mint);width:39px;height:39px;color:var(--primary);cursor:pointer;border-radius:13px;flex:none;padding:0;position:relative;overflow:visible}.profile-button>span,.profile-button>img{object-fit:cover;border-radius:12px;place-items:center;width:100%;height:100%;font-size:10px;font-weight:900;display:grid}.profile-button>i{border:2px solid var(--surface);background:var(--primary);color:#fff;border-radius:99px;place-items:center;width:15px;height:15px;font-size:8px;font-style:normal;display:grid;position:absolute;bottom:-3px;right:-4px}.profile-button.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18)}.auth-page{background:radial-gradient(circle at 15% 15%, var(--ambient), transparent 38rem), var(--bg);grid-template-columns:minmax(0,1.1fr) minmax(360px,520px);align-items:center;gap:clamp(30px,7vw,100px);min-height:100vh;padding:clamp(24px,5vw,72px);display:grid}.auth-brand{max-width:650px}.auth-brand .brand-mark{margin-bottom:34px}.auth-brand h1{letter-spacing:-3px;max-width:650px;margin:10px 0 18px;font-size:clamp(40px,6vw,72px);line-height:.98}.auth-brand>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:16px;line-height:1.7}.auth-benefits{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.auth-benefits span{border:1px solid var(--border);background:var(--surface);color:var(--primary);border-radius:99px;padding:10px 13px;font-size:11px;font-weight:800}.auth-card{border:1px solid var(--border);background:var(--surface);border-radius:28px;flex-direction:column;gap:19px;padding:clamp(22px,4vw,38px);display:flex;box-shadow:0 28px 80px #08231824}.auth-toolbar{justify-content:space-between;align-items:center;min-height:39px;display:flex}.auth-toolbar>strong{font-size:18px}.auth-card h2{letter-spacing:-.8px;margin:5px 0 0;font-size:31px}.auth-tabs{background:var(--surface-soft);border-radius:13px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tabs button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:11px;font-weight:850}.auth-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 5px 14px #08231814}.auth-form{flex-direction:column;gap:13px;display:flex}.auth-notice,.status-banner{background:var(--amber);color:var(--reminder-text);border-radius:13px;margin:0;padding:11px 13px;font-size:11px;line-height:1.5}.auth-link{color:var(--primary);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;font-weight:600}.auth-link:hover{text-decoration:underline}.or{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.or span{background:var(--border);flex:1;height:1px}.google-button,.demo-button,.logout-button{border:1px solid var(--border);background:var(--surface);min-height:50px;color:var(--text);cursor:pointer;border-radius:14px;font-weight:800}.google-button b{color:#4285f4;margin-right:10px;font-size:17px}.demo-button{background:var(--mint);color:var(--primary);border:0}.demo-caption{color:var(--muted);text-align:center;margin:0;font-size:9px;line-height:1.5}.auth-field-hint{color:var(--muted);margin:-5px 2px 2px;font-size:9px;line-height:1.5}.page-content{flex-direction:column;gap:20px;padding:34px 24px 40px;display:flex}.page-content.narrow{max-width:790px;margin:0 auto}.page-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.page-heading h1{letter-spacing:-1px;margin:3px 0 0;font-size:clamp(29px,4vw,38px);line-height:1.08}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading h2,.section-heading h3{letter-spacing:-.4px;margin:0;font-size:20px}.section-heading.compact h3{font-size:16px}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:7px;font-size:13px;font-weight:800}.icon-button{background:var(--mint);width:46px;height:46px;color:var(--primary);cursor:pointer;border:0;border-radius:15px;place-items:center;font-size:24px;font-weight:600;display:grid}.home-layout{grid-template-columns:1.25fr .85fr;gap:15px;display:grid}.vehicle-hero{background:linear-gradient(145deg, var(--hero-start), var(--hero-end));color:#fff;box-shadow:0 18px 45px rgba(var(--accent-rgb), .22);border-radius:26px;flex-direction:column;gap:21px;padding:21px;display:flex}.vehicle-title-row{align-items:center;gap:12px;display:flex}.vehicle-title-row>div{flex:1}.vehicle-title-row h2{margin:0 0 3px;font-size:22px}.vehicle-title-row p{color:var(--hero-muted);margin:0;font-size:12px}.car-logo{color:#fff;background:#ffffff21;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:21px;font-weight:900;display:grid}.car-logo.pale{background:var(--mint);color:var(--primary)}.car-photo{object-fit:cover;background:var(--surface-soft);border-radius:14px;width:48px;height:64px}.car-photo.small{border:1px solid #ffffff2e;width:48px;height:48px}.active-pill{color:var(--hero-muted);text-transform:uppercase;letter-spacing:.04em;background:#ffffff1f;padding:7px 10px;font-size:9px}.hero-stats{align-items:center;gap:20px;display:flex}.hero-stats>div{flex-direction:column;gap:4px;display:flex}.hero-stats small{color:var(--hero-soft);font-size:10px}.hero-stats strong{font-size:17px}.hero-stats>span{background:#ffffff29;width:1px;height:39px}.hero-stats .hero-stat-action{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:0;display:flex}.hero-stats .hero-stat-action em{color:var(--hero-soft);font-size:10px;font-style:normal;font-weight:800}.hero-stats .hero-stat-action:hover em{color:#fff}.primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:14px;min-height:52px;padding:0 18px;font-weight:850;transition:transform .15s,background .15s}.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary.light{color:var(--hero-button-text);background:#fff}.primary.light:hover{background:#f3f6fb}.stats-panel{border:1px solid var(--border);background:var(--surface);border-radius:22px;flex-direction:column;gap:16px;padding:18px;display:flex}.stats-panel .section-heading>strong{letter-spacing:-.5px;font-size:22px}.stats-panel .section-heading h2{margin-top:3px}.period-tabs{background:var(--surface-soft);border-radius:13px;gap:3px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.period-tabs button{min-height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:0 13px;font-size:11px;font-weight:800}.period-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 5px 15px #0c1b3114}.stats-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.stats-grid>div{border:1px solid var(--border);background:var(--bg);border-radius:16px;grid-template-columns:34px 1fr;align-items:center;gap:2px 9px;min-width:0;padding:13px;display:grid}.stats-grid small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.stats-grid strong{grid-column:2;font-size:14px}.stats-icon{background:var(--mint);width:34px;height:34px;color:var(--primary);border-radius:11px;grid-row:1/span 2;place-items:center;font-size:15px;display:grid}.stats-empty{color:var(--muted);margin:0;font-size:11px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-action{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:19px;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;min-height:91px;padding:13px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.quick-action:hover{border-color:var(--hover-border);box-shadow:0 10px 25px rgba(var(--accent-rgb), .12);transform:translateY(-2px)}.quick-action>span{background:var(--mint);width:42px;height:42px;color:var(--primary);border-radius:13px;place-items:center;font-size:19px;display:grid}.quick-action strong{font-size:13px;line-height:1.3}.quick-action i{color:#9aa8a2;font-size:20px;font-style:normal}.next-action{border:1px solid var(--border);background:var(--surface);border-radius:24px;align-items:center;gap:14px;min-height:100%;padding:20px;display:flex}.next-action>span{background:var(--mint);width:52px;height:52px;color:var(--primary);border-radius:17px;flex:none;place-items:center;font-size:24px;display:grid}.next-action>div{flex-direction:column;gap:4px;display:flex}.next-action small{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:900}.next-action strong{font-size:17px}.next-action p{color:var(--muted);margin:0;font-size:12px}.next-action.has-reminder{background:var(--amber);border-color:var(--reminder-border)}.insight-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.insight-grid article,.insight-grid>button{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:17px;flex-direction:column;gap:5px;min-width:0;padding:14px;display:flex}.insight-grid>button{cursor:pointer}.insight-grid>button:hover{border-color:var(--hover-border)}.insight-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.insight-grid strong{overflow-wrap:anywhere;font-size:18px}.insight-grid span{color:var(--muted);font-size:9px;line-height:1.4}.reminder-banner{border:1px solid var(--reminder-border);background:var(--amber);border-radius:18px;align-items:center;gap:12px;padding:15px;display:flex}.reminder-icon{background:var(--reminder-icon);width:46px;height:46px;color:var(--reminder-text);border-radius:14px;flex:none;place-items:center;font-size:23px;display:grid}.reminder-banner div{flex-direction:column;display:flex}.reminder-banner small{color:var(--reminder-text);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:900}.reminder-banner strong{margin-top:2px;font-size:15px}.reminder-banner p{color:var(--reminder-text);margin:2px 0 0;font-size:12px}.event-list,.plan-list,.garage-list{flex-direction:column;gap:10px;display:flex}.event-card{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:12px;width:100%;min-height:84px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.event-card:hover{border-color:var(--hover-border);box-shadow:0 9px 25px rgba(var(--accent-rgb), .12);transform:translateY(-1px)}.event-icon{background:var(--mint);width:46px;height:46px;color:var(--primary);border-radius:15px;flex:none;place-items:center;font-weight:900;display:grid}.event-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.event-title-row,.event-bottom{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.event-title-row strong{font-size:14px}.event-title-row b{flex:none;font-size:14px}.event-copy>small{color:var(--muted);font-size:11px}.event-bottom em{color:var(--primary);font-size:11px;font-style:normal;font-weight:800}.event-bottom small{color:var(--muted);font-size:10px}.chevron{color:#9faca6;font-size:23px}.summary-strip{background:var(--primary-dark);color:#fff;border-radius:20px;align-items:center;gap:24px;min-height:89px;padding:17px 20px;display:flex}.summary-strip div{flex-direction:column;gap:4px;display:flex}.summary-strip small{color:#b4cec2;font-size:10px}.summary-strip strong{font-size:21px}.summary-strip>span{background:#ffffff26;width:1px;height:42px}.search-box{border:1px solid var(--border);background:var(--surface);border-radius:15px;align-items:center;gap:9px;min-height:52px;padding:0 14px;display:flex}.search-box span{color:var(--primary);font-size:22px}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.search-box input::placeholder{color:#99a69f}.chip-row{scrollbar-width:none;flex:none;align-items:center;gap:8px;min-height:43px;padding:1px 1px 4px;display:flex;overflow:auto hidden}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:12px;font-weight:750}.chip.selected{border-color:var(--primary);background:var(--primary);color:#fff}.plan-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:12px;min-height:90px;padding:14px;display:flex}.plan-card.urgent{border-color:var(--urgent-border);background:var(--urgent-surface)}.plan-icon{background:var(--mint);width:44px;height:44px;color:var(--primary);border-radius:14px;flex:none;place-items:center;font-size:21px;display:grid}.plan-card>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.plan-card strong{font-size:14px}.plan-card small{color:var(--muted);font-size:11px}.soft-button{min-height:44px;color:var(--primary);background:var(--mint);cursor:pointer;border:0;border-radius:12px;padding:0 11px;font-size:11px;font-weight:850}.completed-list{flex-direction:column;gap:8px;margin-top:7px;display:flex}.completed-list h2{font-size:17px}.completed-list div{background:var(--surface-soft);min-height:44px;color:var(--muted);border-radius:13px;align-items:center;gap:9px;padding:0 13px;font-size:13px;display:flex}.completed-list div span{color:var(--primary);font-weight:900}.garage-card{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:start;gap:12px;width:100%;min-height:126px;padding:15px;display:grid}.garage-card.active{border-color:var(--primary);background:var(--active-surface)}.garage-card>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.garage-card small{color:var(--muted);font-size:10px}.garage-card b{margin-top:5px;font-size:12px}.garage-card>i{color:#b4beb9;font-style:normal}.garage-card.active>i{color:var(--primary)}.garage-name{align-items:center;gap:7px;display:flex}.garage-name strong{font-size:16px}.garage-name em{background:var(--mint);color:var(--primary);text-transform:uppercase;border-radius:9px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:900}.garage-name em.sold{color:var(--muted);background:var(--surface-soft)}.settings-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:9px;padding:15px;display:flex}.settings-card h2{margin:0 0 3px;font-size:16px}.vehicle-details-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;gap:15px;padding:17px;display:flex}.profile-year{background:var(--mint);min-width:48px;color:var(--primary);text-align:center;border-radius:11px;padding:7px 10px;font-size:11px;font-weight:900}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.spec-item{background:var(--surface-soft);border-radius:13px;flex-direction:column;gap:4px;min-width:0;padding:11px 12px;display:flex}.spec-item small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:800}.spec-item strong{overflow-wrap:anywhere;font-size:12px;line-height:1.4}.profile-card{background:linear-gradient(145deg, var(--hero-start), var(--hero-end));color:#fff;box-shadow:0 16px 38px rgba(var(--accent-rgb), .18);border-radius:22px;align-items:center;gap:16px;padding:18px;display:flex}.avatar-editor{cursor:pointer;background:#ffffff21;border:3px solid #ffffff3d;border-radius:22px;flex:none;width:72px;height:72px;position:relative}.avatar-editor>span,.avatar-editor>img{object-fit:cover;border-radius:19px;place-items:center;width:100%;height:100%;font-size:20px;font-weight:900;display:grid}.avatar-editor input,.file-setting input{display:none}.avatar-editor>i{border:3px solid var(--hero-end);width:25px;height:25px;color:var(--hero-button-text);background:#fff;border-radius:99px;place-items:center;font-size:14px;font-style:normal;display:grid;position:absolute;bottom:-5px;right:-5px}.profile-card>div h2{margin:0 0 4px;font-size:20px}.profile-card>div p{color:var(--hero-muted);margin:0;font-size:12px}.profile-card>div p em{color:var(--hero-verified);margin-left:5px;font-size:9px;font-style:normal;font-weight:850}.profile-card>div small{color:var(--hero-soft);margin-top:8px;font-size:9px;display:block}.settings-section{border:1px solid var(--border);background:var(--surface);border-radius:20px;overflow:hidden}.settings-section>header{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:58px;padding:0 15px;display:flex}.settings-section>header span{background:var(--mint);width:32px;height:32px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.settings-section>header h2{margin:0;font-size:15px}.settings-section>div{flex-direction:column;gap:10px;padding:13px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.setting-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:3px 0 8px;font-size:10px;font-weight:850}.palette-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.palette-grid button{border:1px solid var(--border);background:var(--surface);min-height:79px;color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:7px;padding:8px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.palette-grid button:hover{transform:translateY(-1px)}.palette-grid button.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .12)}.palette-grid button>span{border-radius:9px;align-items:center;width:100%;height:30px;padding:5px;display:flex}.palette-grid button>span i{border-radius:7px;width:20px;height:20px;box-shadow:0 3px 9px #0000001f}.palette-grid button>strong{font-size:10px}.palette-grid button>em{color:var(--primary);font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:7px;right:8px}.palette-hint{color:var(--muted);margin:8px 2px 0;font-size:9px;line-height:1.55}.setting-row{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 11px;display:flex;position:relative}.setting-row>span{align-items:center;gap:10px;display:flex}.setting-row>span>b{background:var(--surface-soft);width:35px;height:35px;color:var(--primary);border-radius:11px;flex:none;place-items:center;display:grid}.setting-row i{flex-direction:column;gap:2px;font-style:normal;display:flex}.setting-row i strong{font-size:12px}.setting-row i small{color:var(--muted);font-size:9px}.setting-row>em{color:var(--muted);font-size:20px;font-style:normal}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:4px 2px;display:flex}.toggle-row>span{flex-direction:column;gap:3px;display:flex}.toggle-row strong{font-size:12px}.toggle-row small{color:var(--muted);font-size:9px}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row>i{background:var(--border);border-radius:99px;flex:none;width:42px;height:24px;transition:background .15s;position:relative}.toggle-row>i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000029}.toggle-row input:checked+i{background:var(--primary)}.toggle-row input:checked+i:after{transform:translate(18px)}.toggle-row.locked{cursor:default}.toggle-row.locked>i{background:var(--surface-soft);width:42px;height:24px;color:var(--muted);border-radius:8px;place-items:center;font-size:11px;display:grid}.notification-master{border:1px solid var(--border);background:var(--surface-soft);text-align:left;cursor:pointer;border-radius:17px;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;width:100%;min-height:78px;padding:12px 14px;transition:border-color .16s,background .16s;display:grid}.notification-master:hover{border-color:var(--hover-border)}.notification-master-icon{background:var(--surface);width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;font-size:18px;font-weight:900;display:grid}.notification-master>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.notification-master strong{font-size:14px}.notification-master small{color:var(--muted);font-size:11px;line-height:1.35}.notification-master>i{background:var(--border);border-radius:99px;width:44px;height:26px;position:relative}.notification-master>i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000029}.notification-master.active{border-color:rgba(var(--accent-rgb), .28);background:var(--mint)}.notification-master.active .notification-master-icon{color:#fff;background:var(--primary)}.notification-master.active>i{background:var(--primary)}.notification-master.active>i:after{transform:translate(18px)}.notification-master.paused .notification-master-icon{color:var(--reminder-text);background:var(--amber)}.settings-note{color:var(--muted);margin:2px 2px 0;font-size:9px;line-height:1.6}.settings-note.compact-note{margin-top:-7px}.logout-button{color:var(--red);background:var(--red-soft);border-color:#0000}.wide-soft{background:var(--mint);min-height:46px;color:var(--primary);text-align:center;cursor:pointer;border:0;border-radius:13px;padding:0 14px;font-weight:800}.wide-soft.danger{color:var(--red);background:var(--red-soft)}.primary.danger,.primary.danger:hover{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.primary.danger:hover{background:color-mix(in srgb, var(--red) 86%, black)}}.privacy-note{color:var(--muted);text-align:center;font-size:11px;line-height:1.6}.empty{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:220px;display:flex}.empty>span{background:var(--mint);width:55px;height:55px;color:var(--primary);border-radius:18px;place-items:center;font-size:25px;display:grid}.empty p{color:var(--muted);margin:0;font-size:12px}.onboarding-empty{text-align:center;justify-content:center;align-items:center;max-width:620px;min-height:calc(100dvh - 190px);margin:0 auto}.onboarding-empty h1{letter-spacing:-1.5px;margin:0;font-size:clamp(32px,6vw,48px)}.onboarding-empty>p:not(.eyebrow){max-width:520px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.onboarding-empty .primary{min-width:240px}.onboarding-empty>small{color:var(--muted);font-size:12px}.onboarding-icon{color:#fff;background:var(--primary);width:76px;height:76px;box-shadow:0 16px 38px rgba(var(--accent-rgb), .25);border-radius:25px;place-items:center;font-size:32px;display:grid}.bottom-nav{z-index:50;border:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:4px;width:min(610px,100vw - 24px);height:76px;padding:7px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #06191145}.nav-item,.nav-add{min-width:0;height:60px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.nav-item>span,.nav-add>svg{place-items:center;width:25px;height:25px;display:grid}.nav-item svg,.nav-add svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.nav-item small,.nav-add small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:850;line-height:1.1;display:block;overflow:hidden}.nav-item.active{color:var(--primary);background:var(--mint);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .14)}.nav-item.active:after{content:"";background:currentColor;border-radius:99px;width:18px;height:3px;position:absolute;bottom:4px}.nav-add{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(var(--accent-rgb), .28)}.nav-add:hover{background:var(--primary-dark);transform:translateY(-1px)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091e157a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--bg);border-radius:24px;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 30px 90px #051c124d}.modal-panel.wide{width:min(720px,100%)}.modal-panel>header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;min-height:66px;padding:0 18px;display:flex}.modal-panel>header h2{margin:0;font-size:18px}.modal-panel>header button{background:var(--bg);cursor:pointer;border:0;border-radius:99px;width:40px;height:40px;font-size:25px}.modal-form,.detail-content{overscroll-behavior:contain;flex-direction:column;gap:15px;max-height:calc(100dvh - 106px);padding:18px;display:flex;overflow-y:auto}.modal-form>*,.detail-content>*{flex-shrink:0}.muted{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.vehicle-inline{background:var(--mint);min-height:43px;color:var(--primary);border-radius:13px;align-items:center;padding:0 13px;font-size:12px;font-weight:850;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid>*{min-width:0}.field{flex-direction:column;gap:6px;display:flex}.field-label{margin:0 0 8px;font-size:11px;font-weight:800}.field>span{font-size:11px;font-weight:800}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:49px;color:var(--text);border-radius:13px;outline:0;padding:0 13px;transition:border-color .15s,box-shadow .15s}.field input[type=date]{appearance:none}.field textarea{resize:vertical;min-height:90px;padding-top:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .14)}.field input::placeholder,.field textarea::placeholder{color:var(--placeholder)}.app-select,.searchable-select{min-width:0;position:relative}.app-select:focus-within,.searchable-select:focus-within{z-index:80}.app-select-trigger{border:1px solid var(--border);background:var(--surface);width:100%;min-height:49px;color:var(--text);text-align:left;cursor:pointer;border-radius:13px;outline:0;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.app-select-trigger:hover,.searchable-control:hover{border-color:var(--hover-border)}.app-select-trigger:focus-visible,.searchable-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .14)}.app-select-value{align-items:center;gap:8px;min-width:0;display:flex}.app-select-value i{color:var(--primary);font-size:15px;font-style:normal}.app-select-value b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.app-select-value b.placeholder{color:var(--placeholder);font-weight:600}.app-select-trigger>em,.searchable-toggle{color:var(--muted);font-style:normal;transition:transform .18s,color .18s}.app-select-trigger>em.open{color:var(--primary);transform:rotate(180deg)}.app-select-menu,.searchable-menu{z-index:120;border:1px solid var(--border);background:var(--surface);overscroll-behavior:contain;border-radius:15px;max-height:250px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 48px #0c1b312e}.app-select-menu button,.searchable-menu button{width:100%;min-height:46px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.app-select-menu button:hover,.app-select-menu button.active,.searchable-menu button:hover,.searchable-menu button.active{background:var(--surface-soft)}.app-select-menu button.selected,.searchable-menu button.selected{color:var(--primary);background:var(--mint);font-weight:800}.app-select-menu button span,.searchable-menu button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.app-select-menu button b,.searchable-menu button b{color:var(--primary);font-size:12px}.app-select.compact{width:auto;min-width:64px}.app-select.compact .app-select-trigger{border-radius:12px;gap:5px;min-height:38px;padding:0 8px 0 9px}.app-select.compact .app-select-value b{font-size:10px;font-weight:850}.app-select.compact .app-select-trigger>em{font-size:12px}.topbar-select .app-select-menu,.auth-language-select .app-select-menu{min-width:178px;left:auto;right:0}.language-select{min-width:70px}.auth-language-select{min-width:72px}.searchable-control{border:1px solid var(--border);background:var(--surface);border-radius:13px;align-items:center;min-height:49px;transition:border-color .15s,box-shadow .15s;display:flex}.searchable-control input{background:0 0;border:0;min-width:0;min-height:47px;padding-right:4px;box-shadow:none!important}.searchable-control input:focus{box-shadow:none;border:0}.searchable-clear,.searchable-toggle{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;width:38px;height:38px}.searchable-clear{color:var(--muted);font-size:18px}.searchable-clear:hover,.searchable-toggle:hover{color:var(--primary);background:var(--surface-soft)}.searchable-control.open .searchable-toggle{color:var(--primary);transform:rotate(180deg)}.searchable-select.disabled{opacity:.6}.searchable-menu{max-height:285px}.searchable-menu header{z-index:1;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin:-6px -6px 4px;padding:8px 10px;display:flex;position:sticky;top:-6px}.searchable-menu header span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:850}.searchable-menu header small{max-width:55%;color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.searchable-menu>p{color:var(--muted);text-align:center;margin:0;padding:16px 10px;font-size:11px;line-height:1.5}.details-toggle{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:13px;display:flex}.details-toggle span{flex-direction:column;gap:3px;display:flex}.details-toggle strong{font-size:14px}.details-toggle small{color:var(--muted);font-size:10px}.details-toggle b{color:var(--primary);flex:none;font-size:11px}.details-toggle.subtle{background:var(--surface-soft)}.advanced-fields{flex-direction:column;gap:15px;display:flex}.amount-row{grid-template-columns:1fr 150px;gap:10px;display:grid}.fuel-section{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;flex-direction:column;gap:13px;padding:14px;display:flex}.fuel-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.fuel-section-heading>div{align-items:center;gap:10px;min-width:0;display:flex}.fuel-section-heading>div>span{background:var(--mint);width:39px;height:39px;color:var(--primary);border-radius:13px;flex:none;place-items:center;display:grid}.fuel-section-heading p{flex-direction:column;gap:2px;margin:0;display:flex}.fuel-section-heading strong{font-size:13px}.fuel-section-heading small{color:var(--muted);font-size:9px;line-height:1.4}.fuel-section-heading button{border:1px solid var(--border);background:var(--surface);min-height:39px;color:var(--primary);cursor:pointer;border-radius:11px;flex:none;padding:0 11px;font-size:10px;font-weight:850}.fuel-section-heading button:disabled{opacity:.65;cursor:wait}.osm-attribution{color:var(--muted);margin:-3px 0 0;font-size:8px}.osm-attribution a{color:var(--primary)}.location-status{border-radius:11px;margin:0;padding:9px 10px;font-size:10px;line-height:1.45}.location-status.loading,.location-status.success{background:var(--mint);color:var(--primary)}.location-status.error{background:var(--red-soft);color:var(--red)}.nearby-stations{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.nearby-stations button{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:70px;color:var(--text);text-align:left;cursor:pointer;border-radius:11px;flex-direction:column;gap:3px;padding:9px;display:flex;position:relative}.nearby-stations button:hover{border-color:var(--primary)}.nearby-stations button.selected{border-color:var(--primary);background:var(--mint);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .12)}.nearby-stations strong,.nearby-stations small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nearby-stations strong{font-size:11px}.nearby-stations small{color:var(--muted);font-size:8px}.nearby-stations em{color:var(--primary);margin-top:auto;font-size:8px;font-style:normal;font-weight:800}.selected-station{border:1px solid var(--hover-border);background:var(--mint);width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.selected-station>span{background:var(--surface);width:30px;height:30px;color:var(--primary);border-radius:10px;place-items:center;font-weight:900;display:grid}.selected-station>div{flex-direction:column;gap:3px;min-width:0;display:flex}.selected-station strong,.selected-station small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-station strong{font-size:12px}.selected-station small{color:var(--muted);font-size:9px}.selected-station em{color:var(--primary);font-size:10px;font-style:normal;font-weight:850}.selected-station:hover{border-color:var(--primary)}.nearby-list-heading{justify-content:space-between;align-items:end;gap:10px;margin-top:2px;display:flex}.nearby-list-heading strong{font-size:11px}.nearby-list-heading small{color:var(--muted);font-size:8px}.manual-station-toggle{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:0 3px;font-size:10px;font-weight:850;display:flex}.manual-station-toggle:hover{text-decoration:underline}.manual-station-fields{border-top:1px solid var(--border);flex-direction:column;gap:13px;padding-top:13px;display:flex}.location-context{background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:0 10px;display:flex}.location-context span{font-size:11px;font-weight:850}.location-context small{color:var(--muted);font-size:9px}.travel-banner{border:1px solid var(--hover-border);background:var(--mint);border-radius:13px;align-items:flex-start;gap:10px;padding:11px;display:flex}.travel-banner>span{background:var(--surface);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.travel-banner p{flex-direction:column;gap:3px;margin:0;display:flex}.travel-banner strong{color:var(--primary);font-size:11px}.travel-banner small{color:var(--muted);font-size:9px;line-height:1.45}.sticky-actions{z-index:15;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);margin:4px -18px -18px;position:sticky;bottom:-18px}@supports (color:color-mix(in lab, red, red)){.sticky-actions{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.sticky-actions{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sticky-actions .primary{width:100%}.sticky-actions.split{grid-template-columns:auto 1fr;gap:10px;display:grid}.sticky-actions.split .soft-button{min-height:52px;padding:0 18px}.sticky-actions.confirm{grid-template-columns:1fr;gap:10px;display:grid}.sticky-actions.confirm .soft-button{min-height:52px}.estimate-box{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:17px;padding:14px;display:flex}.estimate-box hr{border:0;border-top:1px solid var(--border);width:100%}.item-section{flex-direction:column;gap:11px;display:flex}.line-item{border:1px solid var(--border);background:var(--bg);border-radius:15px;flex-direction:column;gap:11px;padding:12px;display:flex}.line-title,.line-sum{justify-content:space-between;align-items:center;gap:10px;display:flex}.line-title strong{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.line-title button{color:var(--red);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.line-sum{border-top:1px solid var(--border);padding-top:10px;font-size:11px}.line-sum span{color:var(--muted)}.total-box{background:var(--primary-dark);color:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:0 16px;display:flex}.total-box span{color:#b6d0c4;font-size:12px}.total-box strong{font-size:20px}.next-service{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;flex-direction:column;gap:13px;padding:14px;display:flex}.next-service>div:first-child{align-items:center;gap:10px;display:flex}.next-service>div:first-child>span{background:var(--mint);width:39px;height:39px;color:var(--primary);border-radius:13px;place-items:center;display:grid}.next-service p{flex-direction:column;gap:2px;margin:0;display:flex}.next-service p strong{font-size:13px}.next-service p small{color:var(--muted);font-size:10px}.attachment-box{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:11px;padding:13px;display:flex}.file-add{cursor:pointer;place-items:center;min-height:37px;display:grid}.file-add input{display:none}.attachment-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.attachment-grid>div{aspect-ratio:1;position:relative}.attachment-grid img{aspect-ratio:1;object-fit:cover;border-radius:11px;width:100%;height:100%}.attachment-grid button{color:#fff;cursor:pointer;background:#081912bf;border:0;border-radius:99px;width:24px;height:24px;position:absolute;top:4px;right:4px}.attachment-grid.read-only{margin-top:10px}.quick-sheet{flex-direction:column;gap:9px;max-height:calc(100dvh - 106px);padding:18px;display:flex;overflow-y:auto}.quick-sheet>button{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:11px 13px;display:grid}.quick-sheet>button:hover{border-color:var(--hover-border);background:var(--surface-soft)}.quick-sheet>button>span:first-child{background:var(--mint);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;font-size:20px;display:grid}.quick-sheet>button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.quick-sheet strong{font-size:14px}.quick-sheet small{color:var(--muted);font-size:11px}.quick-sheet i{color:var(--muted);font-size:22px;font-style:normal}.vin-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:19px;flex-direction:column;gap:11px;padding:15px;display:flex}.vin-row{grid-template-columns:1fr auto;gap:9px;display:grid}.vin-row input{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:50px;color:var(--text);letter-spacing:.06em;text-transform:uppercase;border-radius:13px;outline:0;padding:0 13px;font-size:14px;font-weight:800}.vin-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .14)}.vin-row input::placeholder{color:var(--placeholder);letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}.vin-button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:13px;min-height:50px;padding:0 15px;font-size:11px;font-weight:850}.vin-button:disabled{cursor:wait;opacity:.65}.vin-progress{background:var(--border);border-radius:99px;height:3px;overflow:hidden}.vin-progress span{border-radius:inherit;background:var(--primary);height:100%;transition:width .2s;display:block}.vin-status{border-radius:11px;margin:0;padding:10px 11px;font-size:11px;font-weight:750}.vin-status.success{color:var(--primary);background:var(--mint)}.vin-status.error{color:var(--red);background:var(--red-soft)}.vin-disclaimer{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.form-section-title{align-items:center;gap:10px;margin-top:3px;display:flex}.form-section-title>span{background:var(--mint);width:34px;height:34px;color:var(--primary);border-radius:11px;place-items:center;font-size:10px;font-weight:900;display:grid}.form-section-title>div{flex-direction:column;gap:2px;display:flex}.form-section-title strong{font-size:13px}.form-section-title small{color:var(--muted);font-size:9px}.vehicle-photo-picker{border:1px dashed var(--hover-border);background:var(--surface-soft);cursor:pointer;border-radius:19px;place-items:center;min-height:150px;display:grid;position:relative;overflow:hidden}.vehicle-photo-picker>span{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:24px;display:flex}.vehicle-photo-picker>span b{background:var(--mint);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:3px;font-size:23px;display:grid}.vehicle-photo-picker>span strong{font-size:13px}.vehicle-photo-picker>span small{color:var(--muted);font-size:9px}.vehicle-photo-picker>img{object-fit:cover;width:100%;height:210px}.vehicle-photo-picker>input{display:none}.vehicle-photo-picker>em{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1d15c7;border-radius:10px;padding:8px 10px;font-size:9px;font-style:normal;font-weight:850;position:absolute;bottom:10px;right:10px}.vehicle-photo-picker.compact{min-height:112px}.vehicle-photo-picker.compact>img{height:170px}.flow-progress{flex-direction:column;gap:8px;display:flex}.flow-progress>span{color:var(--primary);font-size:11px;font-weight:900}.flow-progress>i{background:var(--border);border-radius:99px;height:4px;overflow:hidden}.flow-progress b{border-radius:inherit;background:var(--primary);height:100%;transition:width .2s;display:block}.form-intro strong{letter-spacing:-.5px;font-size:24px}.form-intro p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.manual-divider{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.manual-divider:before,.manual-divider:after{content:"";background:var(--border);flex:1;height:1px}.vehicle-review{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:12px;min-height:84px;padding:14px;display:flex}.vehicle-review>div{flex-direction:column;gap:2px;display:flex}.vehicle-review small{color:var(--primary);text-transform:uppercase;font-size:9px;font-weight:900}.vehicle-review strong{font-size:18px}.vehicle-review p{color:var(--muted);margin:0;font-size:12px}.optional-section{border:1px solid var(--border);background:var(--surface);border-radius:17px;overflow:visible}.optional-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 14px;list-style:none;display:flex}.optional-section summary::-webkit-details-marker{display:none}.optional-section summary>span{flex-direction:column;gap:3px;display:flex}.optional-section summary strong{font-size:13px}.optional-section summary small{color:var(--muted);font-size:11px}.optional-section summary b{color:var(--primary);transition:transform .18s}.optional-section[open] summary b{transform:rotate(180deg)}.optional-content{flex-direction:column;gap:11px;padding:0 14px 14px;display:flex}.toast{z-index:200;background:var(--primary-dark);color:#fff;border-radius:15px;align-items:center;gap:9px;max-width:calc(100vw - 32px);min-height:52px;padding:0 17px;font-size:13px;font-weight:800;display:flex;position:fixed;bottom:106px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #0000003d}.toast span{background:#ffffff29;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.catalog-note{color:var(--muted);margin:-5px 2px 0;font-size:9px;line-height:1.55}.ownership-switch{background:var(--surface-soft);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.ownership-switch button{min-height:43px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;font-size:11px;font-weight:850}.ownership-switch button.active{background:var(--surface);color:var(--primary);box-shadow:0 5px 14px #08231814}.sale-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:17px;flex-direction:column;gap:11px;padding:13px;display:flex}.sale-result{background:var(--primary-dark);color:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;min-height:49px;padding:0 13px;display:flex}.sale-result span{color:#b6d0c4;font-size:10px}.detail-hero{background:var(--primary-dark);color:#fff;border-radius:21px;padding:18px}.detail-hero em{color:#dcf0e7;text-transform:uppercase;background:#ffffff1f;border-radius:9px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:900;display:inline-flex}.detail-hero h2{margin:12px 0 4px;font-size:23px}.detail-hero>p{color:var(--hero-muted);margin:0;font-size:12px}.detail-hero>div{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.detail-hero>div span{color:var(--hero-muted);font-size:11px}.detail-hero>div strong{font-size:22px}.detail-meta,.detail-items,.notes-box{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:14px}.detail-meta{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detail-meta p{flex-direction:column;gap:3px;margin:0;display:flex}.detail-meta small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:850}.detail-meta strong{font-size:13px}.fuel-detail-card{border:1px solid var(--border);background:var(--surface);border-radius:17px;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px;display:grid}.fuel-detail-card>div,.fuel-detail-card>p{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.fuel-detail-card>p{border-top:1px solid var(--border);grid-column:1/-1;padding-top:12px}.fuel-detail-card small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.fuel-detail-card strong{font-size:13px;line-height:1.4}.detail-items h3,.notes-box h3{margin:0 0 7px;font-size:16px}.detail-items>div{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;min-height:63px;padding:11px 0;display:flex}.detail-items>div>span{flex-direction:column;gap:4px;display:flex}.detail-items>div strong{font-size:13px}.detail-items>div small{color:var(--primary);font-size:10px;font-weight:700}.detail-items>div b{flex:none;font-size:13px}.notes-box p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.loading-screen strong{font-size:22px}.loader{border:2px solid #cce2d7;border-top-color:var(--primary);border-radius:50%;width:21px;height:21px;margin-top:8px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:960px){.app-shell{padding-bottom:30px}.topbar,.page-content{margin-left:0}.bottom-nav{border-radius:19px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:auto;height:68px;margin:14px 24px 0;padding:7px;position:sticky;top:78px;bottom:auto;left:auto;transform:none;box-shadow:0 10px 30px #0619111f}.nav-item,.nav-add{border-radius:13px;flex-direction:row;gap:9px;width:100%;height:52px}.nav-item>span,.nav-add>svg{width:22px;height:22px}.nav-item svg,.nav-add svg{width:21px;height:21px}.nav-item small,.nav-add small{font-size:11px}.nav-item.active{color:#fff;background:var(--primary);box-shadow:0 7px 18px rgba(var(--accent-rgb), .2)}.nav-item.active:after{display:none}.nav-add{background:var(--mint);color:var(--primary);box-shadow:none}.nav-add:hover{color:#fff}.toast{bottom:30px}}@media (max-width:760px){.auth-page{grid-template-columns:1fr;gap:18px;padding:16px}.auth-brand{text-align:center;max-width:none;padding:4px 4px 2px}.auth-brand .brand-mark{margin:0 auto 12px}.auth-brand h1{letter-spacing:-.6px;margin:6px 0 0;font-size:22px;line-height:1.25}.auth-brand>p:not(.eyebrow),.auth-brand .auth-benefits{display:none}.auth-card{border-radius:23px;width:100%;max-width:520px;margin:auto}.topbar{height:69px;padding:0 16px}.brand small{display:none}.sync-status{justify-content:center;width:40px;min-width:40px;padding:0;font-size:0}.sync-status b{width:22px;height:22px}.page-content{gap:16px;padding:24px 15px 32px}.home-layout,.insight-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.vehicle-hero{border-radius:22px;padding:17px}.quick-grid{grid-template-columns:1fr 1fr}.quick-action{grid-template-columns:40px 1fr;min-height:72px}.quick-action i{display:none}.page-heading h1{font-size:29px}.bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom));border-radius:22px;height:76px}.modal-backdrop{align-items:end;padding:0}.modal-panel,.modal-panel.wide{border-radius:22px 22px 0 0;width:100%;max-height:94dvh}.modal-panel>header{min-height:62px}.modal-form,.detail-content{max-height:calc(94dvh - 62px);padding:15px}.sticky-actions{margin:4px -15px -15px;padding-left:15px;padding-right:15px;bottom:-15px}.nearby-stations{grid-template-columns:1fr}.fuel-detail-card{grid-template-columns:1fr 1fr}.theme-toggle{justify-content:center;width:38px;padding:0}.theme-toggle b{display:none}.app-select.compact{min-width:54px}}@media (max-width:430px){.quick-action strong{font-size:12px}.vehicle-title-row .active-pill{display:none}.hero-stats{gap:14px}.hero-stats strong{font-size:15px}.plan-card{flex-wrap:wrap;align-items:flex-start}.plan-card .soft-button{margin-left:56px}.form-grid{grid-template-columns:1fr}.amount-row{grid-template-columns:1fr 118px}.sticky-actions.split{grid-template-columns:1fr}.sticky-actions.split .soft-button{order:2}.detail-meta{grid-template-columns:1fr}.topbar{gap:8px}.topbar-actions{gap:5px}.brand>span:last-child,.offline-pill{display:none}.app-select.compact{min-width:49px}.app-select.compact .app-select-trigger{padding:0 6px}.language-select .app-select-value i{display:none}.vin-row,.spec-grid,.settings-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:1fr 1fr}.profile-button{width:37px;height:37px}.attachment-grid{grid-template-columns:repeat(2,1fr)}.insight-grid strong{font-size:16px}.stats-panel .section-heading{flex-direction:column;align-items:flex-start;gap:7px}.stats-panel .section-heading>strong{font-size:20px}.period-tabs{width:100%}.period-tabs button{flex:1;padding:0 9px}.stats-grid{grid-template-columns:1fr}.fuel-section-heading{flex-direction:column;align-items:flex-start}.fuel-section-heading button{width:100%}}.legal-page{padding-bottom:40px}.legal-page h1{letter-spacing:-1px;margin:6px 0 10px;font-size:28px}.legal-section{margin-top:26px}.legal-section h2{margin:0 0 10px;font-size:17px}.legal-section p{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.65}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}