.vehicle-visual{place-items:center;width:100%;min-width:0;display:grid}.vehicle-icon{width:100%;height:65px;color:var(--muted)}.vehicle-icon-window,.vehicle-icon-wheel{fill:var(--bg)}.vehicle-photo,.vehicle-photo-placeholder{aspect-ratio:16/10;border-radius:var(--radius);background:var(--bg);width:auto;max-width:100%;height:72px;display:block}.vehicle-tile{overflow:hidden}.vehicle-tile .vehicle-visual{max-width:100%}.vehicle-tile-caption{text-align:center;overflow-wrap:anywhere;width:100%;min-width:0;color:var(--text-secondary);font-size:.78rem;line-height:1.2;display:block}.vehicle-tile.tile-tone-blue,.personalization-preview.tile-tone-blue{background:color-mix(in srgb, var(--panel) 85%, #3a6a8a 15%)}.vehicle-tile.tile-tone-green,.personalization-preview.tile-tone-green{background:color-mix(in srgb, var(--panel) 85%, #2e6e50 15%)}.vehicle-tile.tile-tone-amber,.personalization-preview.tile-tone-amber{background:color-mix(in srgb, var(--panel) 85%, #7a5210 15%)}.vehicle-tile.tile-tone-red,.personalization-preview.tile-tone-red{background:color-mix(in srgb, var(--panel) 85%, #7a2830 15%)}.vehicle-tile.tile-tone-violet,.personalization-preview.tile-tone-violet{background:color-mix(in srgb, var(--panel) 85%, #543a7a 15%)}.vehicle-tile.tile-tone-slate,.personalization-preview.tile-tone-slate{background:color-mix(in srgb, var(--panel) 85%, #3c4e5c 15%)}.car-tone-default{color:var(--muted)}.car-tone-blue{color:#7ab0cc}.car-tone-green{color:#7abda0}.car-tone-amber{color:#c4943a}.car-tone-red{color:#c4707a}.car-tone-violet{color:#9a80c8}.car-tone-silver{color:#c0c8d0}.car-tone-black{color:#383838}.ring-center .vehicle-visual{border-radius:var(--radius);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.ring-center .vehicle-icon{height:auto;max-height:100%}.ring-center .vehicle-photo,.ring-center .vehicle-photo-placeholder{border-radius:var(--radius);width:100%;height:100%;display:block}.personalization-preview{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);place-items:center;width:min(100%,28rem);min-height:150px;margin-bottom:1rem;padding:1rem;display:grid}.personalization-preview .vehicle-photo{aspect-ratio:16/10;height:min(260px,38vh)}.personalization-preview .vehicle-icon{height:min(180px,28vh)}.guest-photo-notice{border-left-color:var(--warning);margin:.5rem 0 .85rem;line-height:1.45}.photo-focus-editor{border:1px solid var(--border);border-radius:var(--radius);min-width:0;margin:1rem 0;padding:.75rem}.photo-focus-editor legend{padding:0 .25rem;font-weight:600}.photo-focus-previews{justify-content:center;max-width:28rem;margin-bottom:1rem;display:flex}.photo-focus-previews figure{width:100%;min-width:0;max-width:320px;margin:0}.photo-focus-previews figcaption{text-align:center;margin-top:.35rem;font-size:.85rem}.photo-focus-preview{aspect-ratio:16/10;background:var(--bg);border-radius:var(--radius);width:100%;overflow:hidden}.photo-focus-round{border-radius:var(--radius)}.photo-focus-preview .vehicle-photo{border-radius:0;width:100%;height:100%}.photo-focus-editor input[type=range]{min-height:44px;accent-color:var(--accent);padding:0}.visually-hidden-file{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.vehicle-tile,.personalization-preview{background:canvas}.vehicle-icon{color:canvastext}}:root,:root[data-theme=Dark]{color:var(--text);background:var(--bg);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--bg-raised:#111214;--panel:#161616;--panel-hover:#242528;--panel-active:#2c2d32;--card-bg:#191a1d;--card-shadow:0 4px 16px #0006;--border:#34363b;--border-light:#44474e;--text:#f5f5f5;--text-secondary:#a9abb0;--muted:#909090;--accent:#fff;--accent-bright:#fff;--accent-dim:#d0d0d5;--accent-glow:#ffffff1f;--button-primary-bg:#fff;--button-primary-text:#0b0b0c;--nav-bg:#0b0b0cf5;--danger:#ff5252;--danger-surface:#1e1212;--success:#4caf50;--warning:#ffc107;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}:root[data-theme=Light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f6;--bg-raised:#ebebed;--panel:#fff;--panel-hover:#f0f0f2;--panel-active:#e4e4e7;--card-bg:#fff;--card-shadow:0 2px 10px #0000000d;--border:#dddee1;--border-light:#c8c9ce;--text:#171719;--text-secondary:#62646a;--muted:#666;--accent:#171719;--accent-bright:#000;--accent-dim:#333336;--accent-glow:#00000014;--button-primary-bg:#171719;--button-primary-text:#fff;--nav-bg:#f5f5f6f5;--danger:#d32f2f;--danger-surface:#fff0f0;--success:#2e7d32;--warning:#f57c00;background-image:none}:root[data-theme=LightBlue]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef8ff;--bg-raised:#e4f3ff;--panel:#fff;--panel-hover:#f2faff;--panel-active:#dff1ff;--card-bg:#fff;--card-shadow:0 3px 14px #1869a01f;--border:#c8e2f4;--border-light:#a9d2eb;--text:#0b2941;--text-secondary:#486b83;--muted:#5e7c91;--accent:#087fe8;--accent-bright:#0565c7;--accent-dim:#42a9f3;--accent-glow:#087fe82e;--button-primary-bg:#087fe8;--button-primary-text:#fff;--nav-bg:#eef8fff5;--danger:#c62828;--danger-surface:#fff0f0;--success:#237a3b;--warning:#b96800;background-image:radial-gradient(90% 60% at 50% 0,#0ea5e91f,#0000 72%)}:root[data-theme=DarkBlue],:root[data-theme=Blue]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050d18;--bg-raised:#081625;--panel:#0c2035;--panel-hover:#10304b;--panel-active:#14395a;--card-bg:#0c2035;--card-shadow:0 6px 20px #00081480;--border:#41b4f540;--border-light:#5ad9ff73;--text:#f7fbff;--text-secondary:#aec6dc;--muted:#9ab4cc;--accent:#00b8f5;--accent-bright:#5ad9ff;--accent-dim:#078ff0;--accent-glow:#00aaff38;--button-primary-bg:#078ff0;--button-primary-text:#02101d;--nav-bg:#050d18f2;--danger:#f87171;--danger-surface:#1a0a0a;--success:#34d399;--warning:#fbbf24;background-image:radial-gradient(90% 60% at 50% 0,#0ea5e91f,#0000 70%)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:64px}body{margin:0}#root{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}.skip-link{z-index:100;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.75rem 1.25rem;font-weight:600;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ambient-smoke-canvas{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.ambient-clouds-surface{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}pre{white-space:pre-wrap;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (forced-colors:active){button,input,select,textarea,.vehicle-tile{border:1px solid buttontext}}button{cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);letter-spacing:.01em;min-height:44px;padding:.65rem 1.25rem;font-weight:600;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .12s}button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-light);transform:translateY(-1px)}button:active:not(:disabled){background:var(--panel-active);transform:translateY(0)}button:disabled{opacity:.38;cursor:default}button.primary{background:var(--button-primary-bg,var(--accent));color:var(--button-primary-text,#0b0b0c);letter-spacing:.02em;box-shadow:0 4px 14px var(--accent-glow);border-color:#0000;font-weight:700}button.primary:hover:not(:disabled){background:var(--button-primary-bg,var(--accent-bright));color:var(--button-primary-text,#0b0b0c);box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.08);border-color:#0000}button.danger{color:var(--danger);border-color:#0000}button.danger:hover:not(:disabled){background:var(--danger-surface);border-color:var(--danger)}a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);transition:color .16s}a:hover{color:var(--accent-bright)}h1{letter-spacing:-.04em;color:var(--text);margin:0 0 1rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}h2{letter-spacing:-.02em;color:var(--text);margin:1.25rem 0 .6rem;font-size:1.05rem;font-weight:700}h2:first-child{margin-top:0}p{color:var(--text-secondary);margin:0 0 .75rem}p:last-child{margin-bottom:0}dt{color:var(--muted);letter-spacing:.01em;font-size:.85rem}dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.eyebrow{letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin:0 0 .4rem;font-size:.62rem;font-weight:800}header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);z-index:50;-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 clamp(1rem,5vw,4rem);display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;min-width:0;line-height:1;text-decoration:none;display:flex}.brand-mark{--brand-mark-accent:#58cfff;--brand-mark-ink:currentColor;--brand-mark-cutout:var(--bg);--brand-mark-car-fill:transparent;--brand-mark-glass:var(--bg);color:var(--brand-mark-ink);filter:var(--brand-mark-filter,none);flex:0 auto;display:block;overflow:visible}.brand-mark--full{width:168px;max-width:min(168px,100%);height:auto}.brand-mark--square{width:100%;height:100%}.brand-mark__car{fill:var(--brand-mark-car-fill);stroke:var(--brand-mark-accent);stroke-width:2px;stroke-linejoin:round}.brand-mark__person-head{fill:var(--brand-mark-accent);stroke:var(--brand-mark-accent)}.brand-mark__window{fill:var(--brand-mark-glass);stroke:var(--brand-mark-ink);stroke-width:1.4px;stroke-linejoin:round}.brand-mark__window-split,.brand-mark__car-outline,.brand-mark__headlight,.brand-mark__grille,.brand-mark__hood,.brand-mark__detail,.brand-mark__arch,.brand-mark__neon,.brand-mark__wheel-spoke{fill:none;stroke:var(--brand-mark-ink);stroke-linecap:round;stroke-linejoin:round}.brand-mark__window-split,.brand-mark__car-outline,.brand-mark__hood,.brand-mark__detail{stroke-width:1.4px}.brand-mark__headlight{fill:var(--brand-mark-accent);stroke:var(--brand-mark-accent);stroke-width:1.2px}.brand-mark__grille{stroke-width:1.6px}.brand-mark__arch{stroke:var(--brand-mark-cutout);stroke-width:5px}.brand-mark__neon{stroke:var(--brand-mark-accent);stroke-width:2.2px;opacity:.85}.brand-mark__detail,.brand-mark__jack,.brand-mark__jack-top,.brand-mark__person,.brand-mark__tread{fill:none;stroke:var(--brand-mark-ink);stroke-linecap:round;stroke-linejoin:round}.brand-mark__jack,.brand-mark__person{stroke-width:5.5px}.brand-mark__jack-top{stroke-width:3px}.brand-mark__wheel-spoke{stroke-width:1.8px}.brand-mark__tire{fill:var(--brand-mark-cutout);stroke:var(--brand-mark-ink);stroke-width:2.8px}.brand-mark__hub,.brand-mark__person-accent{fill:var(--brand-mark-accent);stroke:var(--brand-mark-accent)}.brand-mark__motion{fill:none;stroke:var(--brand-mark-accent);stroke-linecap:round}:root[data-theme=Dark] .brand-mark{--brand-mark-accent:#f5f5f5;--brand-mark-ink:#f5f5f5;--brand-mark-car-fill:#f5f5f51a;--brand-mark-glass:#0a0a0ae0;--brand-mark-filter:drop-shadow(0 0 4px #ffffff7a)}:root[data-theme=Light] .brand-mark{--brand-mark-accent:#171719;--brand-mark-ink:#171719;--brand-mark-car-fill:#17171914;--brand-mark-glass:#f5f5f5eb;--brand-mark-filter:drop-shadow(0 1px 1px #0000001f)}:root[data-theme=DarkBlue] .brand-mark,:root[data-theme=Blue] .brand-mark{--brand-mark-accent:#48d4ff;--brand-mark-ink:#f7fbff;--brand-mark-car-fill:#48d4ff26;--brand-mark-glass:#080f1ae6;--brand-mark-filter:drop-shadow(0 0 5px #00b8f59e) drop-shadow(0 0 13px #0082ff3d)}:root[data-theme=LightBlue] .brand-mark{--brand-mark-accent:#087fe8;--brand-mark-ink:#0b2941;--brand-mark-car-fill:#087fe81a;--brand-mark-glass:#ffffffeb;--brand-mark-filter:drop-shadow(0 1px 2px #087fe838)}.brand-mark{aspect-ratio:2.88;color:#0000;filter:none;height:auto;position:relative}.brand-mark--square{aspect-ratio:1}.brand-mark__image{object-fit:contain;object-position:left center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}:root[data-theme=DarkBlue] .brand-mark__image--dark-blue,:root[data-theme=Blue] .brand-mark__image--dark-blue,:root:not([data-theme]) .brand-mark__image--dark-blue,:root[data-theme=LightBlue] .brand-mark__image--light-blue,:root[data-theme=Dark] .brand-mark__image--dark,:root[data-theme=Light] .brand-mark__image--light{display:block}.bottom-nav{z-index:50;min-height:calc(56px + env(safe-area-inset-bottom,0px));padding:.3rem max(.75rem, env(safe-area-inset-right,0px)) calc(.3rem + env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px));background:var(--bg-raised);border-top:1px solid var(--border);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:.25rem;display:grid;position:sticky;bottom:0}.bottom-nav a{border-radius:var(--radius);min-width:44px;min-height:44px;color:var(--text-secondary);letter-spacing:.01em;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.25rem .5rem;font-size:.72rem;font-weight:600;line-height:1.1;text-decoration:none;transition:color .14s,background-color .14s,box-shadow .14s;display:flex}.bottom-nav a svg{flex-shrink:0;width:20px;height:20px}.bottom-nav a:hover{color:var(--text);background:var(--panel-hover)}.bottom-nav a.active,.bottom-nav a[aria-current=page]{color:var(--text);background:var(--panel-active);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.bottom-nav a.active svg,.bottom-nav a[aria-current=page] svg{color:var(--accent)}main{flex:1;width:min(1400px,100%);min-height:0;margin:0 auto;padding:2rem clamp(1rem,5vw,4rem)}@media (width>=961px){#root:has(>.bottom-nav){grid-template-rows:64px minmax(0,1fr);grid-template-columns:188px minmax(0,1fr);display:grid}#root:has(>.bottom-nav)>header{grid-area:1/1/auto/-1}#root:has(>.bottom-nav)>.bottom-nav{border-top:0;border-right:1px solid var(--border);background:var(--bg-raised);flex-direction:column;grid-area:2/1;justify-content:flex-start;align-self:start;align-items:stretch;gap:.35rem;height:calc(100svh - 64px);min-height:0;padding:1.25rem .75rem;display:flex;position:sticky;top:64px;bottom:auto}#root:has(>.bottom-nav)>.bottom-nav a{flex-direction:row;justify-content:flex-start;gap:.7rem;padding:.6rem .85rem;font-size:.88rem}#root:has(>.bottom-nav)>main{grid-area:2/2;width:min(1240px,100%);min-height:calc(100svh - 64px);margin:0 auto;padding:1.5rem clamp(1.25rem,3vw,2.5rem)}}.settings-account-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:.9rem 1rem;display:flex}.settings-account-identity{flex-direction:column;gap:.15rem;display:flex}.settings-account-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:600}.settings-account-identity strong{color:var(--text);overflow-wrap:anywhere;font-size:.96rem}.settings-account-actions{margin-top:.15rem}.settings-legal{border-top:1px solid var(--border);flex-wrap:wrap;gap:.25rem 1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.settings-legal a{min-width:44px;min-height:44px;color:var(--muted);align-items:center;font-size:.8rem;text-decoration:none;display:inline-flex}.settings-legal a:hover{color:var(--text)}.theme-picker{border:0;min-width:0;margin:0 0 1.25rem;padding:0}.theme-picker legend{color:var(--text-secondary);margin-bottom:.55rem;font-size:.86rem;font-weight:700}.theme-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.theme-choice{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);cursor:pointer;align-content:start;gap:.2rem;min-width:0;min-height:96px;padding:.55rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative}.theme-choice:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.theme-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.theme-choice:has(input:checked):after{background:var(--accent);width:16px;height:16px;color:var(--button-primary-text,#fff);content:"✓";text-align:center;border-radius:50%;font-size:.68rem;font-weight:900;line-height:16px;position:absolute;top:.45rem;right:.45rem}.theme-choice input{opacity:0;width:1px;height:1px;position:absolute}.theme-choice:has(input:focus-visible){outline:3px solid var(--accent-bright);outline-offset:2px}.theme-choice-preview{background:var(--preview-bg);border:1px solid #80808047;border-radius:7px;grid-template-rows:repeat(2,1fr);grid-template-columns:1fr .55fr;gap:3px;width:100%;height:34px;margin-bottom:.2rem;padding:4px;display:grid;overflow:hidden}.theme-choice-preview i{background:var(--preview-panel);border-radius:3px;display:block}.theme-choice-preview i:first-child{background:var(--preview-accent);grid-row:1/3}.theme-choice-preview[data-preview=DarkBlue]{--preview-bg:#070d18;--preview-panel:#173252;--preview-accent:#3b82f6}.theme-choice-preview[data-preview=LightBlue]{--preview-bg:#eaf6ff;--preview-panel:#fff;--preview-accent:#087fe8}.theme-choice-preview[data-preview=Light]{--preview-bg:#f4f6fa;--preview-panel:#dbe2ea;--preview-accent:#2563eb}.theme-choice-preview[data-preview=Dark]{--preview-bg:#090a0f;--preview-panel:#2a2d35;--preview-accent:#f3f4f6}.theme-choice strong{color:var(--text);text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.theme-choice small{color:var(--text-secondary);text-overflow:ellipsis;font-size:.66rem;line-height:1.25;overflow:hidden}.theme-picker:disabled{opacity:.7}@media (width<=360px){.theme-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.theme-choice{min-height:78px;padding:.4rem}.theme-choice small{display:none}}@media (width>=361px) and (width<=560px){.theme-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel,.form-surface{background:var(--card-bg,var(--panel));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);margin-bottom:1.25rem;padding:clamp(1.2rem,3.5vw,2rem)}.panel{max-width:860px}.section{animation:.22s section-in}.section-heading{view-transition-name:section-header;align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.section-heading h1{flex:1;min-width:0;margin:0}.section-back-btn{border-radius:var(--radius);min-width:44px;min-height:44px;color:var(--text-secondary);background:0 0;border-color:#0000;flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;display:flex}.section-back-btn:hover:not(:disabled){background:var(--panel);color:var(--text);border-color:var(--border)}label{color:var(--text-secondary);flex-direction:column;gap:.4rem;margin-bottom:1rem;font-size:.88rem;font-weight:500;display:flex}input,select,textarea{width:100%;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);min-height:44px;padding:.65rem .85rem;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}textarea{resize:vertical;min-height:100px}label.check{min-height:44px;color:var(--text);flex-direction:row;align-items:center;gap:.6rem}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}.add-vehicle-landing{flex-direction:column;gap:1.5rem;display:flex}.saved-vehicle-section{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding-top:.5rem;display:flex}.saved-vehicle-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-weight:500;display:flex}.provider-choice-container{flex-direction:column;gap:.35rem;display:flex}.provider-choice-filter-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);min-height:38px;color:var(--text);width:100%;padding:.35rem .65rem;font-size:.85rem}.vin-disclosure-notice,.saved-vehicle-hint{color:var(--text-muted);margin:.25rem 0 .5rem;font-size:.8rem;line-height:1.4}.saved-plate-lookup-card{flex-direction:column;gap:.85rem;display:flex}.saved-plate-instructions{color:var(--muted);margin:0;font-size:.9rem}.find-vehicle-button{margin-top:.25rem}.plate-not-found-banner{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--danger);border-radius:var(--radius);flex-direction:column;gap:.6rem;margin-top:.25rem;padding:.85rem 1rem;display:flex}.plate-not-found-banner .not-found-message{color:var(--text);margin:0;font-size:.95rem}.plate-not-found-banner .not-found-hint{color:var(--muted);margin:0;font-size:.85rem}.not-found-actions{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.retained-vehicle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:.75rem 0;padding:.85rem 1rem}.retained-vehicle-card p{margin:0;line-height:1.4}.ambiguous-vehicle-list{flex-direction:column;gap:.75rem;max-height:60vh;margin:1rem 0;display:flex;overflow-y:auto}.ambiguous-vehicle-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.ambiguous-vehicle-info{flex-direction:column;gap:.25rem;display:flex}.status-badge{border-radius:999px;width:fit-content;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{background:var(--accent);color:#fff}.badge-retained{background:var(--muted);color:#fff}.plate-message{color:var(--muted);margin:-.25rem 0 .75rem;font-size:.8rem}.plate-not-found{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem}legend{color:var(--muted);padding:0 .4rem;font-size:.8rem}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.actions>a,.action-link{align-items:center;min-height:44px;font-size:.9rem;display:inline-flex}.auth-guest-link{align-items:center;min-height:44px;padding:.5rem .75rem;display:inline-flex}.delete-vehicle-link{width:fit-content;color:var(--danger);margin-top:1.25rem;font-size:.9rem;font-weight:600}.settings-save-status{width:fit-content;min-height:32px;color:var(--muted);align-items:center;gap:.55rem;margin:-.55rem 0 .75rem;font-size:.82rem;display:flex}.settings-save-status button{min-height:32px;color:var(--danger);padding:.25rem .6rem}.settings-vehicle-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.settings-vehicle-identity{flex-direction:column;gap:.25rem;display:flex}.settings-vehicle-name{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.settings-vehicle-specs{color:var(--muted);margin:0;font-size:.9rem}.settings-license-plate{background:var(--bg-raised,#1b202c);border:2px solid var(--accent);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:90px;padding:.35rem .85rem;display:inline-flex;box-shadow:0 2px 4px #00000026}.settings-plate-state{letter-spacing:.08em;color:var(--accent);text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1}.settings-plate-number{letter-spacing:.06em;color:var(--text);text-transform:uppercase;font-size:1.15rem;font-weight:800;line-height:1.2;font-family:var(--font-mono,monospace)}.settings-bottom-actions{flex-direction:column;align-items:flex-start;gap:.85rem;margin-top:1.5rem;display:flex}.settings-bottom-actions button{min-height:44px}.delete-vehicle-btn{color:var(--danger);border-color:var(--border)}.delete-vehicle-btn:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.notice{border-left:3px solid var(--accent-dim);background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary);padding:.85rem 1rem;font-size:.9rem}.error{color:var(--danger);align-items:flex-start;gap:.4rem;font-size:.88rem;display:flex}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.cards>button{letter-spacing:-.01em;border-radius:var(--radius-lg);background:var(--card-bg,var(--panel));border:1px solid var(--border);min-height:72px;box-shadow:var(--card-shadow);color:var(--text);font-size:.95rem;font-weight:700;transition:background .16s,border-color .16s,transform .12s,box-shadow .16s}.cards>button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--accent);box-shadow:0 8px 24px #0006, 0 0 16px var(--accent-glow);transform:translateY(-2px)}.cards>a.panel{letter-spacing:-.01em;border-radius:var(--radius-lg);background:var(--card-bg,var(--panel));border:1px solid var(--border);min-height:72px;box-shadow:var(--card-shadow);color:var(--text);justify-content:center;align-items:center;padding:1.1rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);display:flex}.cards>a.panel:hover{background:var(--panel-hover);border-color:var(--accent);box-shadow:0 8px 24px #0006, 0 0 16px var(--accent-glow);transform:translateY(-2px)}.chooser-cards{flex-direction:column;gap:.85rem;max-width:600px;display:flex}.cards>a.panel.chooser-card{text-align:left;justify-content:flex-start;align-items:center;gap:1.15rem;min-height:84px;padding:1.15rem 1.35rem;display:flex}.chooser-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);width:48px;height:48px;color:var(--accent-bright);border-radius:12px;flex:none;place-items:center;padding:11px;display:grid}.chooser-icon svg{width:100%;height:100%}.chooser-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.chooser-content strong{letter-spacing:-.01em;color:var(--text);font-size:1.05rem;font-weight:700}.chooser-content span{color:var(--text-secondary);font-size:.82rem}.chooser-chevron{color:var(--muted);margin-left:auto;font-size:1.4rem;font-weight:300;transition:transform .14s,color .14s}.chooser-card:hover .chooser-chevron{color:var(--accent);transform:translate(3px)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(540px,100vw - 2rem);max-width:min(540px,100vw - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;padding:1.5rem;overflow-y:auto;box-shadow:0 4px 6px -2px #00000080,0 24px 60px -8px #000000b3}body:has(dialog[open]){overflow:hidden}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf}dialog h2{margin-top:0}.workspace-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.workspace-title span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1.25rem;display:grid}.vehicle-tile{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card-bg,var(--panel));min-height:110px;box-shadow:var(--card-shadow);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .6rem;transition:background .16s,border-color .16s,box-shadow .16s,transform .14s;display:flex;overflow:hidden}.vehicle-tile:hover{background:var(--panel-hover);border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 10px 28px #0006}.vehicle-tile.add{border:1.5px dashed var(--border-light);color:var(--muted);box-shadow:none;background:0 0}.vehicle-tile.add:hover{background:color-mix(in srgb, var(--accent) 6%, transparent);border-color:var(--accent);color:var(--text)}.vehicle-tile b{color:var(--accent);font-size:1.4rem;font-weight:300;line-height:1}.vehicle-tile .car{width:100%;height:60px}.vehicle-tile.selected{border-color:var(--accent);background:color-mix(in srgb, var(--panel-hover) 85%, var(--accent) 15%);box-shadow:0 0 0 1.5px var(--accent), 0 8px 24px var(--accent-glow)}.welcome{max-width:540px;margin:.75rem auto}.welcome-hero{text-align:center;border-radius:var(--radius-xl);box-shadow:0 16px 48px #00000080, 0 0 40px var(--accent-glow);padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,3.5vw,2.25rem);position:relative;overflow:hidden}.welcome-badge{background:radial-gradient(circle, var(--panel-hover) 30%, var(--panel) 100%);border:2px solid var(--border-light);width:72px;height:72px;box-shadow:0 0 25px var(--accent-glow);border-radius:50%;place-items:center;margin:0 auto .85rem;padding:.85rem;display:grid}.welcome-badge .car{width:100%;height:auto;color:var(--accent)}.welcome h1{letter-spacing:-.04em;background:linear-gradient(180deg, #fff 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.35rem 0 .75rem;font-size:clamp(1.65rem,4vw,2.2rem);font-weight:800;line-height:1.15}:root[data-theme=Light] .welcome h1{background:linear-gradient(#0f172a 30%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.welcome-lead{color:var(--text-secondary);max-width:440px;margin:0 auto 1.25rem;font-size:.96rem;line-height:1.55}.welcome-actions{flex-direction:column;gap:.85rem;max-width:380px;margin:0 auto;display:flex}.welcome-btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:52px;font-size:1.05rem;display:flex}.btn-arrow{font-size:1.2rem;transition:transform .14s}.welcome-btn:hover .btn-arrow{transform:translate(4px)}.welcome-btn-secondary{width:100%;min-height:48px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);background:0 0}.welcome-btn-secondary:hover{background:var(--panel-hover);color:var(--text);border-color:var(--border-light)}.center-workspace{flex-direction:column;align-items:center;margin-top:1.25rem;display:flex}.center-workspace>p{color:var(--text-secondary);font-size:.88rem}.car{width:100%;color:var(--muted)}@media (forced-colors:active){.ring button{border:1px solid buttontext}.wheel-guide{display:none}}.ring.active .car{color:var(--text-secondary)}.garage-workspace{grid-template-areas:"title""wheel""vehicles""notice""drafts";gap:.3rem;min-width:0;display:grid}.garage-workspace>.workspace-title{grid-area:title;gap:.5rem}.garage-workspace .workspace-title>div{min-width:0}.garage-workspace .workspace-title h1{letter-spacing:.04em;margin:0;font-size:clamp(1.1rem,5vw,1.3rem);line-height:1.2}.garage-workspace .workspace-title span{white-space:nowrap}.garage-workspace>.center-workspace{grid-area:wheel;min-width:0;margin:0}.garage-workspace .wheel-stage{width:min(100%,23.75rem);max-height:2px;position:relative}.garage-has-selection .wheel-stage{max-height:none}.garage-workspace .wheel-guide,.garage-has-selection .wheel-guide{display:none}.garage-unselected .wheel-prompt{color:var(--text);font-weight:600;order:0!important}.garage-unselected .wheel-stage{display:none}.garage-workspace .center-workspace>p{text-align:center;overflow-wrap:anywhere;order:1;margin:.2rem 0}.garage-workspace>.vehicle-grid{grid-area:vehicles;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.25rem 0}.garage-workspace .vehicle-tile{border-radius:var(--radius-lg);background:var(--card-bg,var(--panel));border:1px solid var(--border);min-width:0;min-height:90px;box-shadow:var(--card-shadow);overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.65rem .5rem;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);display:flex}.garage-workspace .vehicle-tile:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.garage-workspace .vehicle-tile.selected{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent), 0 8px 24px var(--accent-glow);background:color-mix(in srgb, var(--panel-hover) 85%, var(--accent) 15%)}.garage-workspace .vehicle-tile .car,.garage-workspace .vehicle-tile .vehicle-visual{flex:none;justify-content:center;align-items:center;width:100%;height:clamp(42px,6.5dvh,58px);display:flex}.garage-workspace .vehicle-tile .vehicle-icon,.garage-workspace .vehicle-tile .vehicle-photo,.garage-workspace .vehicle-tile .vehicle-photo-placeholder{aspect-ratio:16/10;object-fit:contain;max-width:100%;height:100%}.garage-workspace .vehicle-tile.add{border:1.5px dashed var(--border-light);color:var(--muted);box-shadow:none;background:0 0}.garage-workspace .vehicle-tile.add:hover{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 6%, transparent)}.garage-workspace .vehicle-tile.add b{color:var(--accent);margin-bottom:2px;font-size:1.35rem}.garage-workspace .guest-import-notice{grid-area:notice;padding:.5rem}.garage-workspace .guest-import-notice h2,.garage-workspace .guest-import-notice p{margin:0 0 .2rem}.garage-workspace>a{grid-area:drafts;justify-self:start;align-items:center;min-height:44px;font-size:.85rem;display:flex}@media (width>=701px){.garage-workspace{grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);grid-template-areas:"title title""vehicles wheel""notice wheel""drafts wheel";align-content:start;align-items:start;gap:.75rem 1.25rem}.garage-workspace .workspace-title h1{font-size:clamp(1.4rem,3vw,1.9rem);line-height:inherit;letter-spacing:.04em;margin-bottom:1rem}.garage-workspace>.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-workspace .vehicle-tile .vehicle-visual{height:clamp(56px,8dvh,80px)}.garage-workspace>.center-workspace{margin-top:0}.garage-unselected{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""wheel""vehicles""notice""drafts"}.garage-workspace .center-workspace>p{order:0;margin:.6rem 0}.garage-workspace .wheel-stage{width:min(100%,23.75rem)}}@media (width>=961px){.garage-workspace{grid-template-columns:minmax(0,1.35fr) minmax(20rem,26rem);gap:.75rem 1.5rem}.garage-workspace>.vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.garage-unselected{grid-template-columns:minmax(0,1fr)}}main:has(>.garage-workspace){flex:1;min-height:0;padding-top:.35rem;padding-bottom:.35rem}.history-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.history-vehicle-context{flex-direction:column;gap:.15rem;display:flex}.history-vehicle-name{color:var(--fg);font-size:1.05rem;font-weight:700}.history-vehicle-meta{color:var(--muted);font-size:.82rem}.history-add-log-btn{white-space:nowrap;padding:.5rem 1rem;font-size:.88rem;font-weight:600}.history-search-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.history-search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.history-search-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-bg);width:100%;color:var(--fg);padding:.65rem 2rem .65rem .85rem;font-size:.9rem}.history-search-input:focus{border-color:var(--accent);outline:none}.history-search-clear{color:var(--muted);cursor:pointer;min-height:unset;background:0 0;border:none;padding:.25rem .4rem;font-size:.9rem;position:absolute;right:.5rem}.history-search-clear:hover{color:var(--fg)}.history-summary-bar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:.85rem;font-size:.82rem;display:flex}.history-clear-all-link{color:var(--accent);cursor:pointer;min-height:unset;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.history-clear-all-link:hover{color:var(--accent-bright)}.history-timeline-group{margin-bottom:1.5rem}.history-month-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:.65rem;padding-bottom:.35rem;display:flex}.history-month-heading{color:var(--fg);margin:0;font-size:.95rem;font-weight:700}.history-month-count{color:var(--muted);font-size:.78rem}.history-empty-state{text-align:center;color:var(--muted);padding:1.5rem 0}.history-empty-state p{margin-bottom:.75rem}.history-reset-filter-btn{margin-top:.5rem}.history-record{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);margin-bottom:.5rem;transition:border-color .16s;overflow:hidden}.history-record:hover{border-color:var(--border-light)}.history-filter-toggle{white-space:nowrap;margin-bottom:0;font-size:.88rem}.active-filter-dot{color:var(--accent);vertical-align:middle;margin-left:.4rem;font-size:.6em}.history-row{text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1rem;width:100%;min-height:52px;padding:.85rem 1rem;font-size:.9rem;display:grid}.history-row:hover:not(:disabled){background:var(--panel-hover)}.history-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.history-date{white-space:nowrap;flex-shrink:0}.history-mileage{white-space:nowrap;text-align:right;color:var(--muted);font-size:.82rem}.history-row span:last-child{text-align:right;color:var(--muted);font-size:.82rem}.history-expanded{border-top:1px solid var(--border);background:var(--bg-raised);padding:1rem 1.25rem}.log-details{margin:0}.log-details>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(130px,1fr) 2fr;gap:.75rem;padding:.55rem 0;display:grid}.log-details>div:last-child{border-bottom:none}.revision{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.revision:last-child{border-bottom:none}.storage-diagnostics{margin:.5rem 0}.storage-diagnostics>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(160px,1fr) 1fr;gap:.5rem;padding:.45rem 0;font-size:.88rem;display:grid}.storage-diagnostics>div:last-child{border-bottom:none}::view-transition-old(section-header){animation-duration:.22s}::view-transition-new(section-header){animation-duration:.22s}@keyframes section-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){header{height:auto;min-height:calc(56px + env(safe-area-inset-top,0px));padding:calc(.5rem + env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) .5rem max(1rem, env(safe-area-inset-left,0px));gap:.5rem}.brand{max-width:145px}.brand-mark--full{width:138px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.vehicle-tile{min-height:88px}.fields{grid-template-columns:1fr}.workspace-title{align-items:flex-start}.section-heading{gap:.6rem}.section-heading button{font-size:.78rem}main{padding:.75rem max(1rem, env(safe-area-inset-right,0px)) 1rem max(1rem, env(safe-area-inset-left,0px));min-height:0}main:has(>.garage-workspace){flex-direction:column;display:flex}main>.garage-workspace{order:-1}}.workspace-title-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:inline-flex}.garage-switch-btn{border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--text);padding:.35rem .75rem;font-size:.8rem;font-weight:600}.garage-switch-btn:hover{background:var(--panel-hover);border-color:var(--border-light)}.garage-workspace .center-workspace>p.garage-empty-state{max-width:28rem;color:var(--text-secondary);order:0;margin:.15rem auto .25rem;font-size:.85rem;line-height:1.4}.garage-workspace .wheel-stage:has(.vehicle-dashboard){aspect-ratio:auto;width:100%;max-width:34rem;height:auto;max-height:none}.vehicle-dashboard{background:var(--card-bg,var(--panel));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);box-sizing:border-box;flex-direction:column;gap:.85rem;width:100%;padding:.9rem 1rem;display:flex;position:relative}.dashboard-hero{text-align:left;grid-template-columns:minmax(84px,32%) 1fr;align-items:center;gap:.85rem;display:grid}@media (width>=520px){.vehicle-dashboard{gap:1.1rem;padding:1.15rem}.dashboard-hero{grid-template-columns:minmax(105px,130px) 1fr;gap:1rem}}.dashboard-visual-frame{aspect-ratio:16/10;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--border);isolation:isolate;justify-content:center;align-items:center;width:100%;min-width:0;max-width:180px;min-height:0;max-height:110px;margin:0 auto;display:flex;overflow:hidden}.dashboard-vehicle-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dashboard-vehicle-visual .vehicle-photo,.dashboard-vehicle-visual .vehicle-photo-placeholder,.dashboard-vehicle-visual .vehicle-icon{object-fit:contain;width:100%;height:100%}.dashboard-summary{flex-direction:column;gap:.2rem;min-width:0;display:flex}.dashboard-vehicle-name{letter-spacing:-.02em;color:var(--text);word-break:break-word;margin:0;font-size:clamp(1.1rem,3.2vw,1.55rem);font-weight:800;line-height:1.2}.dashboard-vehicle-specs{color:var(--text-secondary);margin:0;font-size:.82rem;font-weight:500}.dashboard-mileage-pill{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;align-items:baseline;gap:.45rem;width:fit-content;margin-top:.25rem;padding:.25rem .65rem;display:inline-flex}.dashboard-mileage-pill .mileage-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.dashboard-mileage-pill .mileage-value{color:var(--text);font-size:.9rem;font-weight:700}.dashboard-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.vehicle-dashboard button,.dashboard-action-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);min-height:46px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .14s,border-color .14s,transform .12s;display:flex;position:static}.dashboard-action-card:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-light);transform:translateY(-1px)}.dashboard-action-card.primary-action{background:var(--button-primary-bg,var(--accent));color:var(--button-primary-text,#0b0b0c);box-shadow:0 4px 12px var(--accent-glow);border-color:#0000}.dashboard-action-card.primary-action:hover:not(:disabled){filter:brightness(1.08)}.dashboard-action-card svg{flex-shrink:0;width:18px;height:18px}.dashboard-parts-row{gap:.55rem;width:100%;display:flex}.dashboard-parts-row .dashboard-catalog-shortcut-btn,.dashboard-parts-row .dashboard-diagrams-shortcut-btn{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);min-height:46px;color:var(--text);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .14s,border-color .14s,transform .12s;display:flex}.dashboard-parts-row .dashboard-catalog-shortcut-btn:hover,.dashboard-parts-row .dashboard-diagrams-shortcut-btn:hover{background:var(--panel-hover);border-color:var(--border-light);transform:translateY(-1px)}.diagrams-btn-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0}@media (width<=380px){.panel,.form-surface{padding:1rem}.vehicle-dashboard{gap:.65rem;padding:.75rem .8rem}.dashboard-hero{grid-template-columns:minmax(76px,30%) 1fr;gap:.65rem}.dashboard-mileage-pill{white-space:nowrap;gap:.35rem;padding:.2rem .5rem}.dashboard-mileage-pill .mileage-label{font-size:.64rem}.dashboard-mileage-pill .mileage-value{font-size:.82rem}.dashboard-action-card{white-space:nowrap;gap:.3rem;padding:.5rem .4rem;font-size:.78rem}.history-row{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .65rem;padding:.7rem .85rem}.history-row strong{order:-1;grid-column:1/-1}.log-details>div,.storage-diagnostics>div{grid-template-columns:1fr;gap:.15rem}}@media (width<=700px) and (height<=540px){.garage-workspace{gap:.2rem}.vehicle-dashboard{gap:.55rem;padding:.65rem .75rem}.dashboard-visual-frame{max-height:76px}.garage-workspace .vehicle-tile{min-height:76px;padding:.5rem .45rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}[data-accent]{--tile:#8194ac}[data-accent=blue]{--tile:#078ff0}[data-accent=orange]{--tile:#ff7928}[data-accent=violet]{--tile:#9254f5}[data-accent=coral]{--tile:#ff4265}[data-accent=green]{--tile:#55c96b}[data-accent=amber]{--tile:#ffba28}[data-accent=sky]{--tile:#32a9ff}[data-accent=cyan]{--tile:#00b8f5}:root[data-theme=Light] [data-accent]{--tile-ink:color-mix(in srgb, var(--tile) 70%, #000)}.tile{--tile-ink:var(--tile);--tile-mix:14%;border-color:color-mix(in srgb, var(--tile) 38%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--tile) var(--tile-mix), var(--card-bg)), var(--card-bg) 70%)}.tile:hover:not(:disabled){border-color:var(--tile);box-shadow:0 6px 18px color-mix(in srgb, var(--tile) 22%, transparent)}.tile:focus-visible{outline-color:var(--tile-ink)}.tile-icon,.chooser-icon[data-accent],.tile .chooser-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--tile-ink);background:color-mix(in srgb, var(--tile) 22%, transparent);border:1px solid color-mix(in srgb, var(--tile) 45%, transparent);flex:none;place-items:center;padding:10px;display:grid}.tile .chooser-icon{color:var(--tile-ink);background:color-mix(in srgb, var(--tile) 22%, transparent);border:1px solid color-mix(in srgb, var(--tile) 45%, transparent)}.tile-icon svg{width:100%;height:100%}.tile-label{min-width:0;color:var(--text);overflow-wrap:break-word;flex:1;font-weight:700}.cards:has(>a.tile:not(.chooser-card)){grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.cards>a.panel.tile:not(.chooser-card){text-align:left;justify-content:flex-start;gap:.85rem}.cards>a.panel.tile:not(.chooser-card):after{content:"›";color:var(--muted);margin-left:auto;font-size:1.4rem;font-weight:300}.cards>a.panel.tile:hover:after{color:var(--tile-ink)}.cards>a.panel.tile:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tile) 22%, var(--card-bg)), var(--card-bg) 75%)}.dashboard-action-card.tile svg{color:var(--tile-ink)}.dashboard-action-card.tile{background:linear-gradient(135deg, color-mix(in srgb, var(--tile) 16%, var(--bg-raised)), var(--bg-raised) 80%);border-color:color-mix(in srgb, var(--tile) 40%, var(--border))}.dashboard-action-card.primary-action.tile{background:var(--button-primary-bg,var(--accent));border-color:#0000}.dashboard-action-card.primary-action.tile svg{color:inherit}:root[data-theme=DarkBlue],:root[data-theme=Blue]{background-image:radial-gradient(80% 45% at 50% -5%,#00b8f529,#0000 70%),linear-gradient(#050d18,#061223 60%,#050d18);background-attachment:fixed}:root[data-theme=DarkBlue] .panel,:root[data-theme=DarkBlue] .form-surface,:root[data-theme=Blue] .panel,:root[data-theme=Blue] .form-surface{box-shadow:inset 0 1px 0 #82dcff1a, var(--card-shadow);background:linear-gradient(160deg,#0f2a45,#0a1c30 65%)}:root[data-theme=DarkBlue] .vehicle-dashboard,:root[data-theme=Blue] .vehicle-dashboard{background:radial-gradient(70% 90% at 0 0,#0096ff47,#0000 70%),linear-gradient(160deg,#123556,#0a1d33 70%);border-color:#5ad9ff66;box-shadow:inset 0 1px #82dcff2e,0 10px 30px #000a1e8c}:root[data-theme=DarkBlue] .dashboard-visual-frame,:root[data-theme=Blue] .dashboard-visual-frame{background:linear-gradient(160deg,#0b2742,#06121f);border-color:#5ad9ff4d}:root[data-theme=DarkBlue] .vehicle-tile:not(.add),:root[data-theme=Blue] .vehicle-tile:not(.add){background:linear-gradient(160deg,#10304b,#0a1c30 70%)}:root[data-theme=DarkBlue] .vehicle-tile.selected,:root[data-theme=Blue] .vehicle-tile.selected{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent-bright), 0 6px 18px var(--accent-glow)}:root[data-theme=DarkBlue] input,:root[data-theme=DarkBlue] select,:root[data-theme=DarkBlue] textarea,:root[data-theme=Blue] input,:root[data-theme=Blue] select,:root[data-theme=Blue] textarea{background:#091b2d}:root[data-theme=DarkBlue] input:focus,:root[data-theme=DarkBlue] select:focus,:root[data-theme=DarkBlue] textarea:focus,:root[data-theme=Blue] input:focus,:root[data-theme=Blue] select:focus,:root[data-theme=Blue] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00b8f533}:root[data-theme=DarkBlue] .bottom-nav,:root[data-theme=Blue] .bottom-nav{background:#050d18eb;border-color:#41b4f540}:root[data-theme=DarkBlue] .bottom-nav a.active,:root[data-theme=DarkBlue] .bottom-nav a[aria-current=page],:root[data-theme=Blue] .bottom-nav a.active,:root[data-theme=Blue] .bottom-nav a[aria-current=page]{color:var(--accent-bright);box-shadow:inset 0 -2px 0 var(--accent);background:#00b8f51f}:root[data-theme=DarkBlue] .bottom-nav a.active svg,:root[data-theme=DarkBlue] .bottom-nav a[aria-current=page] svg,:root[data-theme=Blue] .bottom-nav a.active svg,:root[data-theme=Blue] .bottom-nav a[aria-current=page] svg{color:var(--accent-bright)}:root[data-theme=DarkBlue] .history-record,:root[data-theme=Blue] .history-record{background:linear-gradient(160deg,#0f2a45,#0a1c30 70%)}:root[data-theme=LightBlue]{background-attachment:fixed}:root[data-theme=LightBlue] .panel,:root[data-theme=LightBlue] .form-surface{box-shadow:inset 0 1px 0 #ffffffe6, var(--card-shadow);background:linear-gradient(160deg,#fff,#f1faff 70%)}:root[data-theme=LightBlue] .vehicle-dashboard{background:radial-gradient(70% 90% at 0 0,#47adf72e,#0000 70%),linear-gradient(160deg,#fff,#e9f6ff 70%);border-color:#087fe84d;box-shadow:inset 0 1px #ffffffe6,0 10px 30px #2b79ab24}:root[data-theme=LightBlue] .dashboard-visual-frame{background:linear-gradient(160deg,#fff,#e4f3ff);border-color:#087fe83d}:root[data-theme=LightBlue] .vehicle-tile:not(.add){background:linear-gradient(160deg,#fff,#edf8ff 70%)}:root[data-theme=LightBlue] .vehicle-tile.selected{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent-bright), 0 6px 18px var(--accent-glow)}:root[data-theme=LightBlue] input,:root[data-theme=LightBlue] select,:root[data-theme=LightBlue] textarea{background:#fff}:root[data-theme=LightBlue] input:focus,:root[data-theme=LightBlue] select:focus,:root[data-theme=LightBlue] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #087fe82e}:root[data-theme=LightBlue] .bottom-nav{background:#eef8fff0;border-color:#087fe833}:root[data-theme=LightBlue] .bottom-nav a.active,:root[data-theme=LightBlue] .bottom-nav a[aria-current=page]{color:var(--accent-bright);box-shadow:inset 0 -2px 0 var(--accent);background:#087fe81a}:root[data-theme=LightBlue] .bottom-nav a.active svg,:root[data-theme=LightBlue] .bottom-nav a[aria-current=page] svg{color:var(--accent-bright)}:root[data-theme=LightBlue] .history-record{background:linear-gradient(160deg,#fff,#edf8ff 70%)}.vehicle-tile-caption{color:var(--text);font-weight:700;line-height:1.2}.vehicle-tile-meta{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.74rem}.cards>button:focus-visible,.cards>a.panel:focus-visible{outline-offset:2px}.maintenance-catalog-hint{margin-bottom:1rem}.maintenance-catalog-link{color:var(--text);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);transition:background var(--speed), border-color var(--speed);align-items:center;gap:.75rem;padding:.85rem 1rem;text-decoration:none;display:flex}.maintenance-catalog-link:hover,.maintenance-catalog-link:focus-visible{border-color:var(--accent);background:var(--panel-hover)}.maintenance-catalog-badge{flex-shrink:0;font-size:1.35rem}.maintenance-catalog-text{flex-direction:column;gap:.15rem;display:flex}.maintenance-catalog-text strong{color:var(--text);font-size:.95rem;font-weight:600}.maintenance-catalog-text small{color:var(--muted);font-size:.8rem}.form-catalog-hint{margin-bottom:.85rem}.form-catalog-link{color:var(--accent);border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);transition:background var(--speed), border-color var(--speed);align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.form-catalog-link:hover,.form-catalog-link:focus-visible{border-color:var(--accent);background:var(--panel-hover)}.required-legend{color:var(--muted);margin-top:-.25rem;margin-bottom:.75rem;font-size:.78rem}.required-star{color:var(--danger);margin-left:.15rem;font-weight:700}.form-error-summary{background:var(--danger-surface);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--text);margin-bottom:1rem;padding:.75rem 1rem}.error-summary-heading{color:var(--danger);margin:0 0 .4rem;font-size:.9rem;font-weight:700}.form-error-summary ul{color:var(--danger);margin:0;padding-left:1.25rem;font-size:.85rem}.form-actions{align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.button-secondary{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;min-height:44px;padding:.6rem 1.1rem;font-size:.9rem}.button-secondary:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-light)}@media (width<=600px){.form-actions{flex-direction:column-reverse}.form-actions button,.form-actions a{text-align:center;width:100%}}.draft-preview-summary{color:var(--accent-bright);margin:.2rem 0 .5rem;font-size:.82rem}.quantity-unit-group{flex-direction:column;margin-bottom:.75rem;display:flex}.quantity-unit-label{color:var(--text);margin-bottom:.35rem;font-size:.88rem;font-weight:500}.quantity-unit-row{align-items:stretch;gap:.5rem;display:flex}.quantity-unit-row input,.quantity-unit-row .quantity-input{flex:auto;min-width:0;height:2.75rem}.quantity-unit-row select,.quantity-unit-row .unit-select{flex:0 0 5.5rem;width:auto;min-width:4.5rem;height:2.75rem}.filter-changed-hint{color:var(--muted);margin-top:.2rem;margin-bottom:.6rem;font-size:.8rem}.dashboard-mileage-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.4rem;display:flex}.dashboard-update-mileage-btn{background:var(--panel);border:1px solid var(--border);color:var(--accent);border-radius:var(--radius);cursor:pointer;white-space:nowrap;min-height:38px;padding:.35rem .65rem;font-size:.78rem;font-weight:600}.dashboard-update-mileage-btn:hover{background:var(--panel-hover);border-color:var(--accent)}.dashboard-recent-activity{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:.85rem;padding:.75rem 1rem}.recent-activity-header{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.recent-activity-header h3{color:var(--text);margin:0;font-size:.88rem;font-weight:700}.recent-activity-header a{color:var(--accent);font-size:.8rem;text-decoration:none}.recent-activity-header a:hover{text-decoration:underline}.recent-activity-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.recent-activity-item{border-bottom:1px solid var(--border);padding-bottom:.3rem}.recent-activity-item:last-child{border-bottom:none;padding-bottom:0}.recent-activity-link{color:var(--text);grid-template-columns:minmax(80px,auto) 1fr auto;align-items:center;gap:.5rem;font-size:.82rem;text-decoration:none;display:grid}.recent-activity-link:hover{color:var(--accent-bright)}.recent-activity-date{color:var(--muted);white-space:nowrap;font-size:.76rem}.recent-activity-type{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.recent-activity-mileage{color:var(--muted);text-align:right;white-space:nowrap;font-size:.76rem}.settings-scope-note{color:var(--muted);background:var(--bg-raised);border-radius:var(--radius-md);border-left:3px solid var(--accent);margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.84rem;line-height:1.4}.settings-guest-notice{color:var(--muted);margin-top:.35rem;font-size:.8rem;line-height:1.35}.settings-section-description{color:var(--muted);margin-top:-.25rem;margin-bottom:.65rem;font-size:.82rem}.theme-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.theme-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}:root[data-theme=Light] .theme-choice.selected{border-color:var(--accent-dim);box-shadow:0 0 0 2px #078ff04d}.settings-container{flex-direction:column;gap:1.5rem;max-width:820px;display:flex}.settings-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg,12px);flex-direction:column;gap:1rem;padding:1.25rem 1.4rem;display:flex;box-shadow:0 2px 8px #00000014}.settings-card-header{border-bottom:1px solid var(--border-subtle,#ffffff0f);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.65rem;display:flex}.settings-card-header h2{letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.settings-card-subtitle{color:var(--muted);font-size:.78rem}.settings-status-pill{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-subtle,#38bdf826);color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.settings-row{border-bottom:1px solid var(--border-subtle,#ffffff0a);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row-stack{flex-direction:column;align-items:stretch;gap:.75rem}.settings-row-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.settings-row-label-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.settings-row-label{color:var(--text);font-size:.95rem;font-weight:600}.settings-row-desc{color:var(--muted);font-size:.8rem;line-height:1.35}.settings-row-control{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.settings-switch{cursor:pointer;flex-shrink:0;width:46px;height:26px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0;margin:0}.settings-switch-slider{background-color:var(--border,#333);border:1px solid var(--border);border-radius:26px;transition:all .2s;position:absolute;inset:0}.settings-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0000004d}.settings-switch input:checked+.settings-switch-slider{background-color:var(--accent,#0284c7);border-color:var(--accent,#0284c7)}.settings-switch input:checked+.settings-switch-slider:before{transform:translate(20px)}.settings-switch input:focus-visible+.settings-switch-slider{outline:2px solid var(--accent);outline-offset:2px}.settings-switch input:disabled+.settings-switch-slider{opacity:.4;cursor:not-allowed}.settings-button-group{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.settings-button-group button{min-height:38px;padding:.4rem .85rem;font-size:.85rem;font-weight:500}.settings-status-banner{border-radius:var(--radius-md,8px);background:var(--bg);border:1px solid var(--border);color:var(--text);align-items:center;padding:.55rem .85rem;font-size:.82rem;display:flex}.settings-field-error{color:var(--danger,#ef4444);margin:.25rem 0 0;font-size:.82rem}.settings-privacy-disclosure{color:var(--muted);margin:.25rem 0 0;font-size:.78rem;line-height:1.35}.settings-storage-diagnostics{flex-direction:column;gap:.4rem;margin-top:.35rem;display:flex}.settings-storage-meter{background:var(--border,#262626);border-radius:3px;height:6px;position:relative;overflow:hidden}.settings-storage-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light,#38bdf8));border-radius:3px;height:100%;transition:width .3s}.settings-storage-details{color:var(--muted);justify-content:space-between;gap:.5rem;font-size:.75rem;display:flex}.settings-persistence-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.settings-badge-success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.settings-badge-subtle{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:500}@media (width>=1200px){.garage-workspace{grid-template-columns:minmax(0,1.4fr) minmax(22rem,28rem);gap:1.25rem 2rem;max-width:1360px;margin:0 auto}}@media (width<=960px){main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}}@media print{header.shell-header,nav.tab-bar,.history-search-row,.history-filter-panel,.history-add-log-btn,.history-clear-all-link,.actions,button:not(.print-keep),.ambient-canvas,.smoke-layer{display:none!important}body,main{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.panel,.history-record{page-break-inside:avoid;break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.history-timeline{border-left:none!important}}@media (forced-colors:active){button,input,select,textarea,.panel,.vehicle-tile{forced-color-adjust:auto;border:2px solid buttontext!important}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid highlight!important}}.admin-app-shell{z-index:1;min-height:100vh;color:var(--text);flex-direction:column;display:flex;position:relative}.admin-topbar{background:var(--bg-raised);border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.admin-topbar-left{align-items:center;gap:.75rem;display:flex}.admin-brand-link{color:var(--text);align-items:center;min-width:0;text-decoration:none;display:flex}.admin-brand-link .brand-mark--full{width:154px}.admin-auth-brand-mark{width:220px;max-width:100%;margin-bottom:.25rem}.admin-topbar-badge{letter-spacing:.08em;color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;background:#ff5722;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.admin-nav-tabs{align-items:center;gap:.35rem;display:flex}.admin-nav-tab{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex;position:relative}.admin-nav-tab:hover{color:var(--text);background:var(--panel-hover)}.admin-nav-tab.active{color:var(--accent);background:var(--panel-hover);border-color:var(--border-light);font-weight:600}.admin-nav-tab .tab-icon{width:1rem;height:1rem}.admin-nav-tab .tab-pill-badge{background:var(--danger);color:#fff;border-radius:9999px;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.admin-topbar-controls{align-items:center;gap:.5rem;display:flex}.admin-ctrl-btn{border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;transition:background .15s;display:inline-flex}.admin-ctrl-btn:hover{background:var(--panel-hover)}.admin-ctrl-btn .ctrl-label{color:var(--text-secondary)}.admin-ctrl-btn .ctrl-value{font-weight:600}.admin-operator-badge{border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;max-width:180px;padding:.35rem .65rem;font-size:.75rem;display:inline-flex;overflow:hidden}.admin-signout-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.35rem .65rem;font-size:.75rem;transition:all .15s}.admin-signout-btn:hover{color:var(--danger);border-color:var(--danger);background:#ff52521a}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.online{background:var(--success);box-shadow:0 0 6px var(--success)}.admin-main-viewport{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:1.5rem 1rem 3rem}.admin-mobile-tabs{display:none}@media (width<=768px){.admin-nav-tabs,.admin-operator-badge,.admin-ctrl-btn{display:none}.admin-mobile-tabs{background:var(--bg-raised);border-top:1px solid var(--border);z-index:100;padding:.4rem .25rem calc(.4rem + env(safe-area-inset-bottom,0px));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:.4rem .5rem;font-size:.72rem;display:flex;position:relative}.mobile-tab-btn.active{color:var(--accent);font-weight:700}.mobile-tab-btn .mobile-badge{background:var(--danger);color:#fff;border-radius:9999px;padding:.05rem .3rem;font-size:.6rem;font-weight:700;position:absolute;top:2px;right:2px}.admin-main-viewport{padding-bottom:5rem}}.admin-view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-view-title{letter-spacing:-.02em;color:var(--text);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.admin-view-subtext{color:var(--text-secondary);margin:0;font-size:.875rem}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.admin-kpi-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:1.1rem 1.25rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.admin-kpi-card.clickable{cursor:pointer}.admin-kpi-card.clickable:hover{border-color:var(--border-light);box-shadow:var(--card-shadow);transform:translateY(-2px)}.admin-kpi-card.highlight-warning{border-color:var(--danger);background:linear-gradient(180deg, var(--card-bg) 0%, #ff52520d 100%)}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.kpi-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.kpi-value{letter-spacing:-.03em;color:var(--text);margin-bottom:.5rem;font-size:1.85rem;font-weight:800}.kpi-footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.kpi-tag{border-radius:var(--radius-sm);padding:.15rem .45rem;font-size:.7rem;font-weight:700}.kpi-tag.positive{color:var(--success);background:#4caf5026}.kpi-tag.warning{color:var(--warning);background:#ffc10726}.kpi-tag.danger{color:var(--danger);background:#ff525226}.kpi-tag.neutral{background:var(--panel-hover);color:var(--text-secondary)}.admin-section-heading{margin:0 0 1rem;font-size:1.15rem;font-weight:700}.admin-health-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.admin-health-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:1.25rem;display:flex}.health-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.health-title{font-size:.95rem;font-weight:700}.health-status-pill{text-transform:uppercase;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.health-status-pill.healthy{color:var(--success);background:#4caf5026}.health-status-pill.degraded{color:var(--warning);background:#ffc10726}.health-status-pill.down{color:var(--danger);background:#ff525226}.health-description{color:var(--text-secondary);flex:1;margin:0 0 1rem;font-size:.8rem}.health-action-link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.health-action-link:hover{text-decoration:underline}.admin-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.search-input-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;width:100%;max-width:360px;padding:.4rem .75rem;display:flex;position:relative}.search-input-wrap .search-icon{width:1rem;height:1rem;color:var(--text-secondary);flex-shrink:0;margin-right:.5rem}.admin-search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.clear-search-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem;line-height:1}.admin-segmented-filter{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);gap:.2rem;padding:.2rem;display:flex}.segmented-filter-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s}.segmented-filter-btn:hover{color:var(--text)}.segmented-filter-btn.active{background:var(--panel-hover);color:var(--text);font-weight:600}.admin-count-badge{color:var(--text-secondary);font-size:.8rem;font-weight:500}.admin-table-container{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow-x:auto}.admin-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.admin-data-table th{background:var(--panel);color:var(--text-secondary);border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.admin-data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.admin-data-table tr:last-child td{border-bottom:none}.admin-data-table tr:hover td{background:var(--panel-hover)}.table-empty-cell{text-align:center;color:var(--text-secondary);padding:2.5rem 1rem!important}.row-pending-deletion{background:#ff52520d}.badge{border-radius:var(--radius-sm);text-transform:capitalize;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.badge.success{color:var(--success);background:#4caf5026}.badge.danger{color:var(--danger);background:#ff525226}.badge.neutral{background:var(--panel-hover);color:var(--text-secondary)}.badge.positive{color:var(--success);background:#4caf5026}.badge.muted{border:1px solid var(--border);color:var(--muted);background:0 0}.badge.report-status.new{color:var(--danger);background:#ff525226}.badge.report-status.investigating{color:var(--warning);background:#ffc10726}.badge.report-status.resolved{color:var(--success);background:#4caf5026}.badge.report-status.dismissed{background:var(--panel-hover);color:var(--muted)}.admin-reports-list{flex-direction:column;gap:.75rem;display:flex}.admin-report-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:1.1rem 1.25rem;transition:all .15s}.admin-report-card:hover{border-color:var(--border-light);box-shadow:var(--card-shadow);transform:translateY(-1px)}.report-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.report-tags{align-items:center;gap:.5rem;display:flex}.report-card-summary{color:var(--text);margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.report-card-meta{color:var(--text-secondary);gap:1rem;font-size:.78rem;display:flex}.report-card-notes-preview{border-radius:var(--radius-sm);background:var(--panel);color:var(--text-secondary);margin-top:.65rem;padding:.5rem .75rem;font-size:.8rem}.admin-system-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.admin-system-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.25rem}.admin-system-card.full-width{grid-column:1/-1}.admin-card-title{margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.admin-card-desc{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.8rem}.admin-system-form .form-field{margin-bottom:1rem}.admin-input,.admin-textarea{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);box-sizing:border-box;padding:.6rem .75rem;font-size:.875rem}.admin-input:focus,.admin-textarea:focus{border-color:var(--accent);outline:none}.admin-toggle-field{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 0;display:flex}.admin-checkbox{cursor:pointer;width:1.2rem;height:1.2rem}.admin-form-actions{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.system-metrics-list{flex-direction:column;gap:.75rem;display:flex}.system-metric-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.system-metric-row:last-child{border-bottom:none}.metric-label{color:var(--text-secondary);font-size:.875rem}.metric-value{font-weight:600}.provider-check-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.provider-check-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;justify-content:space-between;padding:1rem;display:flex}.provider-info h3{margin:0 0 .25rem;font-size:.95rem;font-weight:700}.provider-info p{color:var(--text-secondary);margin:0 0 .75rem;font-size:.78rem}.ping-result{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.latency-text{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.admin-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal-dialog{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.15s ease-out modalEnter;display:flex;box-shadow:0 20px 40px #0009}@keyframes modalEnter{0%{opacity:0;transform:scale(.97)}to{opacity:1}}.admin-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.admin-modal-title{margin:0;font-size:1.2rem;font-weight:700}.admin-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}.admin-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.admin-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;display:grid}.detail-item{flex-direction:column;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.72rem;font-weight:600}.detail-val{color:var(--text);font-size:.9rem}.admin-json-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);margin:.35rem 0 0;padding:.75rem 1rem;font-family:monospace;font-size:.78rem;overflow-x:auto}.admin-error-box{border-radius:var(--radius-sm);color:var(--danger);background:#ff525214;border:1px solid #ff52524d;margin:.35rem 0 0;padding:.75rem 1rem;font-family:monospace;font-size:.78rem;overflow-x:auto}.admin-workflow-buttons{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.admin-audit-note{color:var(--text-secondary);background:var(--panel);border-left:3px solid var(--border-light);border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.75rem}.admin-auth-container{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.admin-auth-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2.25rem;display:flex;box-shadow:0 16px 36px #00000080}.admin-brand-logo{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.admin-auth-card h1{letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:800}.admin-badge{letter-spacing:.08em;color:#fff;border-radius:var(--radius-sm);background:#ff5722;padding:.2rem .5rem;font-size:.65rem;font-weight:800;display:inline-block}.admin-auth-subtext{color:var(--text-secondary);margin:.5rem 0 1.25rem;font-size:.85rem;line-height:1.45}.admin-alert{border-radius:var(--radius-sm);text-align:left;box-sizing:border-box;width:100%;margin-bottom:1rem;padding:.65rem .85rem;font-size:.8rem}.admin-alert.error{color:var(--danger);background:#ff52521f;border:1px solid #ff525259}.admin-alert.success{color:var(--success);background:#4caf501f;border:1px solid #4caf5059}.admin-auth-form{text-align:left;flex-direction:column;gap:1rem;width:100%;display:flex}.admin-submit-btn{width:100%;padding:.75rem;font-weight:600}.admin-auth-demo-divider{text-align:center;width:100%;margin:1.5rem 0 1rem;position:relative}.admin-auth-demo-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.admin-auth-demo-divider span{background:var(--bg-raised);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:0 .5rem;font-size:.72rem;position:relative}.demo-quick-btn{width:100%;padding:.55rem;font-size:.8rem}.admin-auth-footer{margin-top:1.25rem}.admin-back-link{color:var(--text-secondary);font-size:.8rem;text-decoration:none}.admin-back-link:hover{color:var(--accent);text-decoration:underline}.admin-auth-card.access-denied{border-color:#ff525266}.admin-lock-icon{color:var(--danger);margin-bottom:.5rem}.admin-auth-actions{flex-direction:column;gap:.75rem;width:100%;margin-top:1.25rem;display:flex}.admin-loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;font-size:.875rem;display:flex}.admin-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.external-tile-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--bg-raised,#1e293b);color:var(--text-secondary,#94a3b8);border:1px solid var(--border,#ffffff2e);pointer-events:none;z-index:2;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:.58rem;font-weight:700;line-height:1.1;position:absolute;top:-7px;left:8px;box-shadow:0 1px 3px #00000040}.dashboard-diagrams-shortcut-btn,.retailer-card-button,.external-recall-btn,.see-on-store-btn{position:relative}.dashboard-diagrams-shortcut-btn:hover .external-tile-badge,.retailer-card-button:hover .external-tile-badge,.external-recall-btn:hover .external-tile-badge,.see-on-store-btn:hover .external-tile-badge{border-color:var(--accent);color:var(--accent)}.license-plate-realistic{aspect-ratio:2;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:2px solid #94a3b8;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d,inset 0 1px #fffc,inset 0 -1px #0003}.license-plate-realistic.size-sm{width:140px;height:70px;padding:3px 6px}.license-plate-realistic.size-md{width:190px;height:95px;padding:4px 8px}.license-plate-realistic.size-lg{width:250px;height:125px;padding:6px 12px}.plate-rim-deboss{pointer-events:none;border:1.5px solid #0000002e;border-radius:6px;position:absolute;inset:2px;box-shadow:inset 0 1px 2px #00000026}.plate-specular-sheen{pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff40 0%,#ffffff0d 40%,#0000000d 100%);position:absolute;inset:0}.plate-bolt{z-index:2;background:#64748b;border:1px solid #334155;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:inset 0 1px 2px #000000b3}.size-lg .plate-bolt{width:10px;height:10px}.plate-bolt.top-left{top:7px;left:12px}.plate-bolt.top-right{top:7px;right:12px}.plate-bolt.bottom-left{bottom:7px;left:12px}.plate-bolt.bottom-right{bottom:7px;right:12px}.bolt-thread{background:radial-gradient(circle,#94a3b8 20%,#475569 80%);border-radius:50%;position:absolute;inset:1px}.plate-decal{text-align:center;z-index:2;border-radius:2px;padding:1px 2px;font-size:.42rem;font-weight:800;line-height:1;position:absolute;top:5px;box-shadow:0 1px 2px #0003}.month-decal{color:#fff;background:#2563eb;border:1px solid #1d4ed8;left:24px}.year-decal{color:#fff;background:#16a34a;border:1px solid #15803d;right:24px}.size-sm .plate-decal{font-size:.35rem;top:4px}.size-lg .plate-decal{font-size:.55rem;top:7px}.plate-header{z-index:2;text-align:center;width:100%;padding-top:1px;position:relative}.plate-state-title{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;line-height:1;display:block}.plate-state-title.font-cursive{text-transform:none;letter-spacing:normal;font-family:Brush Script MT,Lucida Handwriting,Segoe Script,cursive;font-size:.95rem;font-weight:700}.plate-state-title.font-serif{letter-spacing:.18em;font-family:Georgia,Times New Roman,serif;font-size:.68rem}.size-sm .plate-state-title{font-size:.58rem}.size-sm .plate-state-title.font-cursive{font-size:.78rem}.size-lg .plate-state-title{font-size:.95rem}.size-lg .plate-state-title.font-cursive{font-size:1.25rem}.plate-emblem{z-index:1;pointer-events:none;opacity:.15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emblem-star{color:#0f172a;font-size:2.2rem}.emblem-mountain{color:#1e3a8a;letter-spacing:-2px;font-size:1.6rem}.emblem-citrus{font-size:1.8rem}.emblem-keystone{clip-path:polygon(15% 0%,85% 0%,100% 70%,50% 100%,0% 70%);background:#1e3a8a;width:32px;height:32px}.plate-body{z-index:2;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.plate-characters{text-transform:uppercase;letter-spacing:.14em;font-family:DIN Condensed,Impact,Arial Black,sans-serif-condensed,monospace;font-size:1.65rem;font-weight:900;line-height:1;display:inline-block;transform:scaleY(1.08)}.size-sm .plate-characters{letter-spacing:.1em;font-size:1.2rem}.size-lg .plate-characters{letter-spacing:.16em;font-size:2.25rem}.plate-characters.embossed-dark{text-shadow:0 1px #fffc,0 -1px #00000080,1px 0 #00000059,-1px 0 #ffffff80,1px 2px 2px #0000004d}.plate-characters.embossed-light{text-shadow:0 1px #000000d9,0 -1px #ffffff80,1px 2px 3px #000000b3}.plate-footer{z-index:2;text-align:center;width:100%;padding-bottom:2px;position:relative}.plate-slogan{letter-spacing:.1em;text-transform:uppercase;color:#475569;font-size:.44rem;font-weight:700}.size-sm .plate-slogan{font-size:.36rem}.size-lg .plate-slogan{font-size:.58rem}.add-vehicle-plate-preview-wrap{margin:.6rem 0 .8rem}.admin-db-container{flex-direction:column;gap:1.25rem;display:flex}.admin-db-top-actions{align-items:center;gap:.75rem;display:flex}.admin-db-pills-bar{scrollbar-width:thin;gap:.5rem;padding:.25rem .1rem .6rem;display:flex;overflow-x:auto}.admin-db-pill{background:var(--bg-surface,#1e293b);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .12s;display:inline-flex}.admin-db-pill:hover{background:var(--panel-hover);border-color:var(--border-light);color:var(--text)}.admin-db-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.db-pill-count{background:#00000040;border-radius:9999px;padding:1px 6px;font-size:.72rem;line-height:1.2}.admin-db-pill.active .db-pill-count{background:#ffffff40}.admin-json-modal{width:95%;max-width:680px}.admin-json-viewer{background:var(--bg,#0b0f19);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono,monospace);color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:400px;padding:1rem;font-size:.82rem;overflow:auto}.admin-json-editor-textarea{width:100%;font-family:var(--font-mono,monospace);background:var(--bg,#0b0f19);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;box-sizing:border-box;padding:.85rem;font-size:.82rem;line-height:1.4}.admin-modal-tip{color:var(--text-secondary);margin-bottom:.75rem;font-size:.82rem}.table-actions-cell{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.table-actions-cell .action-btn{background:var(--panel-hover);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;font-size:.78rem}.table-actions-cell .action-btn.edit-btn{color:var(--accent);border-color:#00b8f54d}.table-actions-cell .action-btn.danger-btn{color:var(--danger);border-color:#ef44444d}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}