.app-shell{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.skip-link{z-index:1000;background:var(--primary);color:var(--primary-fg);border-radius:var(--radius);padding:8px 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}.app-main{flex-direction:column;flex:1;min-height:0;padding-bottom:5rem;display:flex;overflow:hidden}@media (width>=1024px){.app-main{margin-left:18rem;padding-bottom:0}}.sidebar{display:none}@media (width>=1024px){.sidebar{background:var(--bg);border-right:1px solid var(--border);z-index:40;flex-direction:column;width:18rem;min-height:100dvh;display:flex;position:fixed;top:0;left:0}}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sidebar-logo-icon{border-radius:var(--radius-xl);background:#2563eb;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;box-shadow:0 4px 12px #2563eb4d}.sidebar-logo-icon svg{color:#fff}.sidebar-logo-text{font-family:var(--font-heading);color:var(--fg);font-size:1.25rem;font-weight:700}.sidebar-vehicle{border-bottom:1px solid var(--border);padding:1rem;position:relative}.sidebar-vehicle-label{color:var(--muted-fg);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:0 .5rem;font-size:.75rem;font-weight:600}.sidebar-vehicle-select{border-radius:var(--radius);background:var(--input-bg-alpha);border:1px solid var(--input-border);cursor:pointer;text-align:left;align-items:center;gap:.75rem;width:100%;padding:.625rem;transition:all .15s;display:flex}.sidebar-vehicle-select:hover{border-color:var(--muted-fg);background:var(--muted)}.sidebar-vehicle-thumb{border-radius:var(--radius);background:var(--input-border);width:2rem;height:2rem;color:var(--muted-fg);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-vehicle-thumb img{object-fit:cover;width:100%;height:100%}.sidebar-vehicle-info{flex:1;min-width:0}.sidebar-vehicle-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.sidebar-vehicle-plate{color:var(--muted-fg);font-size:.75rem}.sidebar-vehicle-chevron{color:var(--muted-fg);flex-shrink:0;transition:transform .2s}.sidebar-vehicle-chevron.open{transform:rotate(180deg)}.sidebar-vehicle-dropdown{z-index:50;background:var(--card);border:1px solid var(--input-border);border-radius:var(--radius);max-height:50vh;margin-top:.125rem;position:absolute;top:100%;left:1rem;right:1rem;overflow:hidden auto;box-shadow:0 8px 24px #0006}@media (prefers-reduced-motion:no-preference){.sidebar-vehicle-dropdown{animation:.12s ease-out drop-in}}@keyframes drop-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.sidebar-vehicle-item{color:var(--fg);cursor:pointer;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.sidebar-vehicle-item:hover{background:var(--ghost-hover-bg);color:var(--fg)}.sidebar-vehicle-item+.sidebar-vehicle-item{border-top:1px solid var(--border)}.sidebar-vehicle-item-icon{background:var(--input-border);width:1.5rem;height:1.5rem;color:var(--muted-fg);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-vehicle-item-icon img{object-fit:cover;width:100%;height:100%}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem;display:flex}.sidebar-link{border-radius:var(--radius-xl);color:var(--muted-fg);text-align:left;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--ghost-hover-bg);color:var(--ghost-hover-fg)}.sidebar-link.active{background:var(--primary);color:var(--primary-fg);box-shadow:0 2px 8px #2563eb40}.sidebar-link-disabled{opacity:.35;pointer-events:none}.sidebar-footer{border-top:1px solid var(--border);padding:1rem}.sidebar-user{border-radius:var(--radius-xl);cursor:pointer;align-items:center;gap:.75rem;padding:.5rem;transition:background .15s;display:flex}.sidebar-user:hover{background:var(--ghost-hover-bg)}.sidebar-user-info-link{min-width:0;color:inherit;flex:1;align-items:center;gap:.75rem;text-decoration:none;display:flex}.sidebar-avatar{background:var(--primary);width:2rem;height:2rem;color:var(--primary-fg);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.sidebar-user-email{color:var(--muted-fg);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sidebar-logout{color:var(--muted-fg);flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:color .15s;display:flex}.sidebar-logout:hover{color:var(--fg)}.bottom-nav{background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:40;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=1024px){.bottom-nav{display:none}}.bottom-nav-item{color:var(--muted-fg);flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.75rem 0;font-size:.625rem;font-weight:500;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--blue)}.bottom-nav-item svg{transition:color .15s}.theme-floater{z-index:60;background:var(--card);width:2.25rem;height:2.25rem;color:var(--muted-fg);border:1px solid var(--border);border-radius:9999px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:fixed;top:.75rem;right:.75rem;box-shadow:0 2px 8px #00000026}.theme-floater:hover{background:var(--muted);color:var(--fg)}@media (width>=1024px){.theme-floater{top:1.25rem;right:1.25rem}}.ratelimit-banner{background:var(--card);color:var(--orange);z-index:50;border-bottom:1px solid #fb923c59;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex;position:sticky;top:0}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--lightningcss-light,#f1f5f9)var(--lightningcss-dark,#0f172a);--fg:var(--lightningcss-light,#0f172a)var(--lightningcss-dark,#f1f5f9);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e293b);--card-hover:var(--lightningcss-light,#f1f5f9)var(--lightningcss-dark,#334155);--card-fg:var(--lightningcss-light,#0f172a)var(--lightningcss-dark,#f1f5f9);--primary:#2563eb;--primary-fg:#fff;--primary-hover:#1d4ed8;--secondary:var(--lightningcss-light,#e2e8f0)var(--lightningcss-dark,#334155);--secondary-fg:var(--lightningcss-light,#0f172a)var(--lightningcss-dark,#f1f5f9);--secondary-hover:var(--lightningcss-light,#cbd5e1)var(--lightningcss-dark,#3b4f6b);--muted:var(--lightningcss-light,#f8fafc)var(--lightningcss-dark,#1e293b);--muted-fg:var(--lightningcss-light,#64748b)var(--lightningcss-dark,#94a3b8);--accent:#3b82f6;--destructive:#ef4444;--border:var(--lightningcss-light,#94a3b84d)var(--lightningcss-dark,#94a3b826);--border-fg:var(--lightningcss-light,#cbd5e1)var(--lightningcss-dark,#94a3b8);--input-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e293b);--input-border:var(--lightningcss-light,#cbd5e1)var(--lightningcss-dark,#334155);--input-bg-alpha:var(--lightningcss-light,#f8fafc)var(--lightningcss-dark,#1e293b99);--label-fg:var(--lightningcss-light,#475569)var(--lightningcss-dark,#cbd5e1);--ghost-hover-bg:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0d);--ghost-hover-fg:var(--lightningcss-light,#475569)var(--lightningcss-dark,#e2e8f0);--sidebar:var(--lightningcss-light,#f1f5f9)var(--lightningcss-dark,#1e293b);--radius:.75rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--shadow:0 4px 6px #0000004d;--bg-gradient:linear-gradient(135deg, #2563eb14 0%, var(--bg) 50%);--blue:var(--lightningcss-light,#3b82f6)var(--lightningcss-dark,#60a5fa);--green:var(--lightningcss-light,#22c55e)var(--lightningcss-dark,#4ade80);--green-500:var(--lightningcss-light,#16a34a)var(--lightningcss-dark,#22c55e);--purple:var(--lightningcss-light,#8b5cf6)var(--lightningcss-dark,#a78bfa);--yellow:var(--lightningcss-light,#eab308)var(--lightningcss-dark,#facc15);--red:var(--lightningcss-light,#ef4444)var(--lightningcss-dark,#f87171);--orange:var(--lightningcss-light,#f97316)var(--lightningcss-dark,#fb923c);--teal:var(--lightningcss-light,#14b8a6)var(--lightningcss-dark,#2dd4bf);--slate-400:#94a3b8;--slate-500:var(--lightningcss-light,#64748b)var(--lightningcss-dark,#94a3b8)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--shadow:0 4px 6px #00000014}body{background:var(--bg-gradient);color:var(--fg);height:100dvh;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}}@layer components{.page-loading{background:var(--bg-gradient);min-height:100dvh;color:var(--muted-fg);justify-content:center;align-items:center;padding:2rem;font-size:.9rem;display:flex}.page-error{background:var(--bg-gradient);min-height:100dvh;color:var(--destructive);text-align:center;justify-content:center;align-items:center;padding:2rem;font-size:.9rem;display:flex}.sr-only,.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{flex-direction:column;flex:1;min-height:0;display:flex}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 4rem 1rem 1.25rem;display:flex}@media (width>=1024px){.page-header{padding:2rem 4.75rem 1.5rem 2rem}}.page-header h1{font-size:var(--text-lg)}@media (width>=1024px){.page-header h1{font-size:var(--text-2xl)}}.page-header p{font-size:var(--text-xs);color:var(--muted-fg);margin-top:.125rem}@media (width>=1024px){.page-header p{font-size:var(--text-sm)}}.page-content{flex:1;min-height:0;padding:1.25rem;overflow-y:auto}@media (width>=1024px){.page-content{padding:1.5rem 2rem}}.btn{border-radius:var(--radius-xl);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}@media (prefers-reduced-motion:no-preference){.btn:active{transform:scale(.97)}}.btn-primary{background:var(--primary);color:var(--primary-fg);padding:.75rem 1.25rem;box-shadow:0 4px 14px #2563eb33}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary:disabled:hover{background:var(--primary)}.btn-secondary{background:var(--secondary);color:var(--secondary-fg);border:1px solid var(--border-fg);padding:.75rem 1.25rem}.btn-secondary:hover{background:var(--secondary-hover)}.btn-ghost{color:var(--muted-fg);background:0 0;padding:.5rem}.btn-ghost:hover{background:var(--ghost-hover-bg);color:var(--ghost-hover-fg)}.btn-google{background:var(--card);color:var(--fg);border:1px solid var(--border);padding:.75rem 1.25rem}.btn-google:hover{background:var(--muted)}.btn-danger{color:var(--destructive);background:#ef444426;border:1px solid #ef44444d;padding:.75rem 1.25rem}.btn-danger:hover{background:#ef444440}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-danger:disabled:hover{background:#ef444426}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-full{width:100%}.input-group{flex-direction:column;gap:.25rem;display:flex}.input-group label{color:var(--label-fg);font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-xl);width:100%;color:var(--fg);background:var(--input-bg-alpha);border:1px solid var(--input-border);outline:none;padding:.75rem 1rem;font-size:.875rem;transition:all .15s}.input-field:focus{border-color:var(--primary);background:var(--input-bg);outline:2px solid var(--primary);outline-offset:1px}.input-field::placeholder{color:var(--slate-500)}.input-field[readonly]{cursor:not-allowed;opacity:.6}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}.input-error{border-color:var(--destructive)!important}.input-helper{color:var(--destructive);margin-top:.125rem;font-size:.75rem}.select-wrap{position:relative}.select-wrap select{border-radius:var(--radius-xl);width:100%;color:var(--fg);background:var(--input-bg-alpha);border:1px solid var(--input-border);appearance:none;cursor:pointer;outline:none;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;transition:all .15s}.select-wrap select:focus{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:1px}.select-wrap select option{background:var(--bg)}.select-wrap:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--muted-fg);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.badge{border:1px solid;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-ok{background:var(--card);color:var(--green);border-color:#4ade8080}.badge-warning{background:var(--card);color:var(--yellow);border-color:#facc1580}.badge-alert{background:var(--card);color:var(--red);border-color:#f8717180}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl)}.type-chip{border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.auth-page{background:var(--bg-gradient);justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:28rem;padding:2rem}.auth-title{font-family:var(--font-heading);color:var(--fg);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--muted-fg);font-size:.875rem}.auth-btn{background:var(--primary);color:#fff;border-radius:var(--radius-xl);justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.auth-btn:hover{background:var(--primary-hover)}.auth-link{color:var(--blue);font-size:.875rem;transition:color .15s}.auth-link:hover{color:#93c5fd}.auth-card-center{text-align:center}}@layer utilities{.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.text-muted{color:var(--muted-fg)}.text-sm{font-size:.8rem}.text-center{text-align:center}.font-semibold{font-weight:600}.text-blue-400{color:var(--blue)}.text-green-400{color:var(--green)}.text-green-500{color:var(--green-500)}.text-purple-400{color:var(--purple)}.text-yellow-400{color:var(--yellow)}.text-red-400{color:var(--red)}.text-orange-400{color:var(--orange)}.text-teal-400{color:var(--teal)}.text-slate-400{color:var(--slate-400)}.text-slate-500{color:var(--slate-500)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}:root{--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625}body{font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}@media (width>=1024px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}.page-header h1{font-size:var(--text-2xl)}.page-header p{font-size:var(--text-sm)}body{font-size:var(--text-base)}}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}