:root{--color-brand-400: #fe474b;--color-brand-500: #e20917;--color-brand-600: #b60610;--color-brand-700: #8e030a;--color-dark-50: #fafafa;--color-dark-100: #f4f4f5;--color-dark-200: #e4e4e7;--color-dark-300: #a1a1aa;--color-dark-400: #71717a;--color-dark-500: #52525b;--color-dark-600: #3f3f46;--color-dark-700: #27272a;--color-dark-800: #1a1a1a;--color-dark-900: #141414;--color-dark-950: #0a0a0a;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .14);--color-warning: #f5a524;--color-warning-bg: rgba(245, 165, 36, .14);--color-surface-base: var(--color-dark-950);--color-surface-raised: var(--color-dark-800);--color-surface-overlay: var(--color-dark-700);--color-border-subtle: var(--color-dark-700);--color-border-strong: var(--color-dark-600);--color-content-strong: var(--color-dark-50);--color-content-muted: var(--color-dark-300);--color-content-soft: var(--color-dark-400);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--font-sans: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;font-family:var(--font-sans);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-surface-base);color:var(--color-content-strong);-webkit-tap-highlight-color:transparent}button,input,textarea{font-family:inherit}a{color:var(--color-brand-400)}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-left)) 12px max(16px,env(safe-area-inset-right));background:#141414d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-subtle)}.app-brand{display:flex;align-items:baseline;gap:6px;min-width:0}.app-brand__mark{font-weight:700;font-size:16px;letter-spacing:.04em;color:var(--color-content-strong);text-transform:uppercase}.app-brand__mark span{color:var(--color-brand-500)}.app-brand__app{font-size:13px;color:var(--color-content-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__user{display:flex;align-items:center;gap:10px;flex-shrink:0}.avatar{width:30px;height:30px;border-radius:999px;background:var(--color-brand-600);color:var(--color-dark-50);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.icon-btn{border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-content-muted);width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:active{background:var(--color-surface-overlay)}.app-tabs{display:flex;gap:6px;padding:10px max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right));overflow-x:auto}.app-tab{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--color-content-muted);text-decoration:none;white-space:nowrap;border:1px solid transparent}.app-tab.active{background:var(--color-surface-raised);border-color:var(--color-border-subtle);color:var(--color-content-strong)}.page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right))}.page-title{font-size:15px;font-weight:600;color:var(--color-content-muted);margin:4px 0 12px}.alert{background:var(--color-brand-950, #2c0001);border:1px solid var(--color-brand-700);color:var(--color-brand-300, #fe8486);border-radius:var(--radius-md);padding:10px 12px;font-size:14px;margin-bottom:12px}.empty-state{color:var(--color-content-soft);text-align:center;padding:48px 16px;font-size:14px}.cards{display:flex;flex-direction:column;gap:12px}.card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:16px}.vehicle-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vehicle-card__title{font-size:16px;font-weight:600;color:var(--color-content-strong)}.vehicle-card__meta{font-size:13px;color:var(--color-content-soft);margin-top:2px}.plate{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.03em;background:var(--color-dark-50);color:var(--color-dark-950);border-radius:var(--radius-sm);padding:3px 8px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.badge-libre{background:var(--color-success-bg);color:var(--color-success)}.badge-en-uso{background:var(--color-warning-bg);color:var(--color-warning)}.vehicle-card__notes{margin-top:12px}.field{width:100%;background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:9px 11px;color:var(--color-content-strong);font-size:14px;resize:vertical}.field::placeholder{color:var(--color-content-soft)}.field:focus,.btn:focus-visible,.switch input:focus-visible+.switch__track{outline:2px solid var(--color-brand-400);outline-offset:1px}.vehicle-card__actions{margin-top:12px}.btn{border:none;border-radius:var(--radius-md);padding:10px 16px;cursor:pointer;font-size:14px;font-weight:600}.btn-block{width:100%;padding:12px 16px}.btn-primary{background:var(--color-brand-600);color:var(--color-dark-50)}.btn-primary:active:not(:disabled){background:var(--color-brand-700)}.btn-secondary{background:var(--color-surface-overlay);color:var(--color-content-strong);border:1px solid var(--color-border-strong)}.btn-secondary:active:not(:disabled){background:var(--color-dark-700)}.btn:disabled{opacity:.5;cursor:not-allowed}.user-card{display:flex;flex-direction:column;gap:10px}.user-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-card__name{font-size:15px;font-weight:600}.user-card__email{font-size:13px;color:var(--color-content-soft)}.user-card__field{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-card__label{font-size:13px;color:var(--color-content-muted);flex-shrink:0}.input{background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:7px 10px;color:var(--color-content-strong);font-size:14px;text-align:right;min-width:0;flex:1}.switch{position:relative;width:42px;height:24px;flex-shrink:0}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);border-radius:999px;transition:background .15s ease}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:var(--color-content-strong);transition:transform .15s ease}.switch input:checked+.switch__track{background:var(--color-brand-600);border-color:var(--color-brand-600)}.switch input:checked+.switch__track:after{transform:translate(18px)}.login-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px;text-align:center;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);padding:32px 28px;border-radius:var(--radius-lg)}.login-card__logo{width:100%;max-width:220px;height:auto;margin-bottom:16px}.login-card__subtitle{color:var(--color-content-muted);font-size:14px;margin:0 0 24px}.login-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;width:100%}@media (min-width: 640px){.page{padding-top:24px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (min-width: 960px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}