@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Clash Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/clash-display-500.woff2) format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/clash-display-600.woff2) format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/clash-display-700.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2456e6;--color-primary-hover: #1b44c4;--color-primary-deep: #12225e;--color-primary-light: #e3ebff;--color-accent: #6aa6ff;--color-accent-2: #22d3ee;--color-danger: #e11d48;--color-danger-hover: #be123c;--color-danger-light: #ffe9ee;--color-warning: #d97706;--color-warning-light: #fff4dd;--color-warning-text: #92400e;--color-success: #0d9f6e;--color-success-light: #ddf7ec;--color-bg: #eef1f7;--color-bg-soft: #f7f9fd;--color-surface: #ffffff;--color-surface-2: #f4f6fb;--color-border: #e3e8f2;--color-border-strong: #c9d3e6;--color-text: #101c33;--color-text-muted: #5b6b86;--color-text-faint: #8b98b0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Clash Display", "Inter", -apple-system, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-sm: 0 1px 2px 0 rgb(16 28 51 / .06);--shadow-md: 0 8px 20px -8px rgb(16 28 51 / .18), 0 2px 6px -2px rgb(16 28 51 / .08);--shadow-lg: 0 24px 48px -16px rgb(16 28 51 / .25), 0 8px 16px -8px rgb(16 28 51 / .12);--shadow-glow: 0 0 0 1px rgb(36 86 230 / .12), 0 12px 32px -8px rgb(36 86 230 / .35);--hero-from: #0d1a4d;--hero-mid: #16286b;--hero-to: #1e49c8;--hero-glow-1: rgb(106 166 255 / .3);--hero-glow-2: rgb(34 211 238 / .22);--aurora-1: rgb(106 166 255 / .5);--aurora-2: rgb(34 211 238 / .4);--aurora-3: rgb(167 139 250 / .35);--primary-glow: rgb(36 86 230 / .55);--primary-glow-strong: rgb(36 86 230 / .6);--primary-glow-soft: rgb(36 86 230 / .65);--primary-soft: color-mix(in srgb, var(--color-primary) 24%, transparent);--focus-ring: color-mix(in srgb, var(--color-primary) 14%, transparent);--spotlight: color-mix(in srgb, var(--color-primary) 13%, transparent);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 9999px;--ease-expo: cubic-bezier(.16, 1, .3, 1);--transition: .16s cubic-bezier(.2, .7, .3, 1);--transition-slow: .48s var(--ease-expo);color-scheme:light}[data-theme=dark]{--color-primary: #6aa6ff;--color-primary-hover: #8db9ff;--color-primary-deep: #0b1430;--color-primary-light: #16294f;--color-accent: #6aa6ff;--color-accent-2: #22d3ee;--color-danger: #fb7185;--color-danger-hover: #f43f5e;--color-danger-light: #3d1420;--color-warning: #fbbf24;--color-warning-light: #3a2a08;--color-warning-text: #fcd34d;--color-success: #34d399;--color-success-light: #0d2f24;--color-bg: #070d1f;--color-bg-soft: #0b1330;--color-surface: #101a36;--color-surface-2: #162143;--color-border: #22315a;--color-border-strong: #31447a;--color-text: #e8eefb;--color-text-muted: #93a3c4;--color-text-faint: #64749a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 10px 24px -10px rgb(0 0 0 / .6), 0 2px 6px -2px rgb(0 0 0 / .5);--shadow-lg: 0 28px 56px -18px rgb(0 0 0 / .7), 0 10px 20px -10px rgb(0 0 0 / .5);--shadow-glow: 0 0 0 1px rgb(106 166 255 / .18), 0 14px 36px -10px rgb(106 166 255 / .3);color-scheme:dark}body{font-family:var(--font-sans);background:radial-gradient(1200px 480px at 12% -8%,rgb(36 86 230 / .1),transparent 60%),radial-gradient(900px 420px at 88% -12%,rgb(34 211 238 / .08),transparent 60%),var(--color-bg);background-attachment:fixed;color:var(--color-text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-theme=dark] body{background:radial-gradient(1100px 460px at 10% -10%,rgb(106 166 255 / .12),transparent 60%),radial-gradient(900px 420px at 90% -12%,rgb(34 211 238 / .07),transparent 60%),var(--color-bg);background-attachment:fixed}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;transition:all var(--transition)}input,select,textarea{font-family:inherit;font-size:14px;color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.container{max-width:1320px;margin:0 auto;padding:0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);font-weight:600;letter-spacing:.01em;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition),border-color var(--transition),color var(--transition)}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #101c3338,0 10px 20px -10px var(--primary-glow)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 2px 4px #101c332e,0 16px 28px -12px var(--primary-glow-strong);transform:translateY(-1px)}[data-theme=dark] .btn-primary{color:#0b1430;box-shadow:0 1px 2px #00000080,0 10px 22px -10px #6aa6ff73}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-surface-2);border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 1px 2px #101c3333,0 10px 20px -10px #e11d488c}.btn-danger:hover{background:var(--color-danger-hover);transform:translateY(-1px)}[data-theme=dark] .btn-danger{color:#3d1420}.btn-ghost{color:var(--color-text-muted);border-radius:var(--radius-md)}.btn-ghost:hover{color:var(--color-text);background-color:var(--color-surface-2)}.btn-sm{padding:6px 12px;font-size:13px}.input{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.input:hover{border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--focus-ring);background-color:var(--color-surface)}.input-error{border-color:var(--color-danger)}.label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:6px}.error-text{font-size:12px;color:var(--color-danger);margin-top:4px}.card{background:linear-gradient(180deg,#ffffffb3,#fff0 120px),var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}[data-theme=dark] .card{background:linear-gradient(180deg,#ffffff0d,#fff0 140px),var(--color-surface)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-text)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-info{background-color:var(--color-primary-light);color:var(--color-primary)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title{font-family:var(--font-display);font-size:clamp(30px,3.8vw,42px);font-weight:var(--font-bold);letter-spacing:-.035em;line-height:1.02}.page-subtitle{color:var(--color-text-muted);margin-top:6px;font-size:var(--text-base)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:22px}.stat-card{padding:18px 20px;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%),var(--spotlight),transparent 65%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}[data-theme=dark] .stat-card:after{background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%),rgb(106 166 255 / .15),transparent 65%)}.stat-card:hover:after{opacity:1}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.stat-ghost{position:absolute;right:-12px;bottom:-18px;width:104px;height:104px;opacity:.07;color:var(--stat-color, var(--color-primary));transform:rotate(-8deg);pointer-events:none;transition:opacity var(--transition-slow),transform var(--transition-slow)}.stat-card:hover .stat-ghost{opacity:.13;transform:rotate(-3deg) scale(1.06)}.stat-value{font-family:var(--font-display);font-size:clamp(40px,4vw,52px);font-weight:var(--font-bold);letter-spacing:-.04em;line-height:1}.stat-label{font-size:13px;font-weight:600;color:var(--color-text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.vehicle-card{padding:20px;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition-slow),border-color var(--transition);animation:riseIn .48s cubic-bezier(.2,.7,.3,1) backwards}.vehicle-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--color-border-strong)}.vehicle-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:5px 0 0 5px;background:var(--status-color, var(--color-border-strong));box-shadow:0 0 14px 0 var(--status-glow, transparent)}.vehicle-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),var(--spotlight),transparent 65%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}[data-theme=dark] .vehicle-card:after{background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),rgb(106 166 255 / .11),transparent 65%)}.vehicle-card:hover:after{opacity:1}.vehicle-card.status-overdue{--status-color: var(--color-danger);--status-glow: rgb(225 29 72 / .45)}.vehicle-card.status-tolerance{--status-color: var(--color-warning);--status-glow: rgb(217 119 6 / .4)}.vehicle-card.status-upcoming{--status-color: var(--color-accent-2);--status-glow: rgb(34 211 238 / .4)}.vehicle-card.status-ok{--status-color: var(--color-success);--status-glow: rgb(13 159 110 / .35)}.vehicle-card.status-unknown{--status-color: var(--color-border-strong);--status-glow: transparent}.vehicle-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.vehicle-info h3{font-size:16px;font-weight:600}.vehicle-info p{font-size:13px;color:var(--color-text-muted);margin-top:2px}.vehicle-plate{font-family:monospace;font-size:18px;font-weight:600;color:var(--color-primary)}.tuv-status{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--radius-md);margin-bottom:16px;border:1px solid transparent}.tuv-status.overdue{background:linear-gradient(180deg,#e11d481f,#e11d480d);border-color:#e11d4840}.tuv-status.upcoming{background:linear-gradient(180deg,#22d3ee24,#22d3ee0d);border-color:#22d3ee4d}.tuv-status.ok{background:linear-gradient(180deg,#0d9f6e1f,#0d9f6e0a);border-color:#0d9f6e40}.tuv-status-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tuv-status.overdue .tuv-status-icon{background-color:var(--color-danger);color:#fff}.tuv-status.upcoming .tuv-status-icon{background-color:var(--color-warning);color:#fff}.tuv-status.ok .tuv-status-icon{background-color:var(--color-success);color:#fff}.tuv-status-text{flex:1}.tuv-status-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.tuv-status.overdue .tuv-status-label{color:var(--color-danger)}.tuv-status.upcoming .tuv-status-label{color:var(--color-warning-text)}.tuv-status.ok .tuv-status-label{color:var(--color-success)}.tuv-status.tolerance{background:linear-gradient(180deg,#d9770629,#d977060f);border-color:#d977064d}.tuv-status.tolerance .tuv-status-icon{background-color:var(--color-warning);color:#fff}.tuv-status.tolerance .tuv-status-label{color:var(--color-warning-text)}.tuv-status-date{font-size:14px;font-weight:600}.vehicle-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}.vehicle-detail{display:flex;flex-direction:column}.vehicle-detail-label{color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.vehicle-detail-value{font-weight:500}.vehicle-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--color-text-muted)}.empty-state-title{font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-text{color:var(--color-text-muted);margin-bottom:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a12288c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .18s ease}.modal{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:popIn .24s cubic-bezier(.2,.9,.3,1.2)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:18px;font-weight:600}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid var(--color-border)}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blipPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes drift{0%,to{transform:translate(0)}33%{transform:translate(4px,-5px)}66%{transform:translate(-4px,4px)}}@keyframes auroraDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.15)}66%{transform:translate(-30px,25px) scale(.92)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes drawRing{0%{stroke-dashoffset:326.7}}.rise-in{animation:riseIn .48s cubic-bezier(.2,.7,.3,1) backwards}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;padding:0}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background:radial-gradient(700px 420px at 15% 10%,var(--hero-glow-1),transparent 65%),radial-gradient(600px 500px at 90% 90%,var(--hero-glow-2),transparent 60%),linear-gradient(150deg,var(--hero-from) 0%,var(--hero-mid) 45%,var(--hero-to) 100%)}.auth-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgb(255 255 255 / .14) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,black,transparent 75%);mask-image:linear-gradient(180deg,black,transparent 75%);pointer-events:none}.auth-brand-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.auth-brand-name{font-family:var(--font-display);font-weight:var(--font-bold);letter-spacing:-.02em;font-size:18px}.auth-brand-name small{display:block;font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.24em;opacity:.7}.auth-brand-hero{position:relative;z-index:1;max-width:460px}.auth-brand-hero h2{font-family:var(--font-display);font-size:clamp(34px,4.4vw,54px);font-weight:var(--font-bold);letter-spacing:-.04em;line-height:1;margin-bottom:14px}.auth-brand-hero p{color:#ffffffc7;font-size:15px}.auth-pulse{position:relative;z-index:1;display:flex;gap:10px;margin-top:28px}.auth-pulse-item{flex:1;border-radius:var(--radius-md);padding:14px 16px;background:#ffffff1a;border:1px solid rgb(255 255 255 / .18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-pulse-item strong{font-family:var(--font-display);font-size:24px;letter-spacing:-.02em;display:block}.auth-pulse-item span{font-size:12px;color:#ffffffb8}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:430px;padding:40px;box-shadow:var(--shadow-lg)}.auth-header{text-align:left;margin-bottom:28px}.auth-header>.auth-logo{display:block;margin:0 auto 20px}.auth-logo{width:48px;height:48px;margin:0 0 16px;border-radius:8px}img.auth-logo{width:auto;height:76px;max-width:300px;border-radius:12px}.auth-title{font-family:var(--font-display);font-size:30px;font-weight:var(--font-bold);letter-spacing:-.035em}.auth-subtitle{color:var(--color-text-muted);margin-top:8px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-footer{text-align:center;margin-top:24px;color:var(--color-text-muted);font-size:14px}.auth-2fa-code{display:flex;gap:8px}.auth-2fa-code .input{text-align:center;font-size:20px;font-weight:700;letter-spacing:.2em;padding:12px 4px}.auth-2fa-single{text-align:center;font-size:24px!important;font-weight:800;letter-spacing:.4em;text-indent:.4em;padding:14px 12px!important}@media (max-width: 900px){.auth-page{grid-template-columns:1fr}.auth-brand{display:none}}.auth-page:not(:has(.auth-brand)){grid-template-columns:1fr}.auth-page:not(:has(.auth-brand)) .auth-form-side,.auth-page:not(:has(.auth-brand))>.card{grid-column:1;justify-self:center;width:100%;max-width:460px;align-self:center}.auth-page:not(:has(.auth-brand)){align-items:center;padding:40px 20px}.header{background:transparent;border-bottom:none;position:sticky;top:12px;z-index:100;padding:0 20px;transition:transform .5s var(--ease-expo)}.header.header-hidden{transform:translateY(calc(-100% - 20px))}.header-context{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:320px;padding:5px 14px 5px 6px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface-2);box-shadow:var(--shadow-sm);animation:contextIn .42s var(--ease-expo);transition:border-color var(--transition),box-shadow var(--transition)}.header-context:hover{text-decoration:none;border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.header-context-title{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes contextIn{0%{opacity:0;transform:translate(-10px) scale(.96)}to{opacity:1;transform:none}}@media (max-width: 900px){.header-context{display:none}}.notif-bell.ring svg{transform-origin:top center;animation:bellRing 1.2s var(--ease-expo)}@keyframes bellRing{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.notif-badge{animation:badgePop .42s cubic-bezier(.2,.9,.3,1.4) backwards}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.search-field kbd{animation:kbdPulse 4.5s ease-in-out infinite}@keyframes kbdPulse{0%,72%,to{box-shadow:0 0 0 0 transparent}80%{box-shadow:0 0 0 4px var(--primary-soft)}88%{box-shadow:0 0 0 0 transparent}}.header-float{max-width:1320px;margin:0 auto;background-color:#ffffffd1;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-slow),background-color var(--transition-slow);position:relative}.header-float:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;border-radius:1px;background:linear-gradient(90deg,transparent,rgb(106 166 255 / .7),rgb(34 211 238 / .7),transparent);pointer-events:none}[data-theme=dark] .header-float{background-color:#0a1228c7}.header.scrolled .header-float{box-shadow:var(--shadow-lg);background-color:#ffffffeb}[data-theme=dark] .header.scrolled .header-float{background-color:#0a1228eb}.header-content{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:14px;padding:10px 18px 6px;transition:min-height var(--transition-slow),padding var(--transition-slow)}.header.scrolled .header-content{min-height:56px;padding-top:7px;padding-bottom:4px}.header-left{display:flex;align-items:center;gap:12px;min-width:0}.brand-link{display:flex;align-items:center;gap:12px;min-width:0;border-radius:var(--radius-md);transition:opacity var(--transition),transform var(--transition)}.brand-link:hover{text-decoration:none;opacity:.88}.brand-link:active{transform:scale(.98)}.brand-mark{position:relative}.brand-mark:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:15px;border:1px solid rgb(106 166 255 / .55);opacity:0;animation:brandPing 3.2s ease-out infinite;pointer-events:none}@keyframes brandPing{0%{transform:scale(.92);opacity:0}25%{opacity:.9}70%,to{transform:scale(1.18);opacity:0}}.search-field{display:inline-flex;align-items:center;gap:9px;min-width:210px;padding:9px 8px 9px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface-2);color:var(--color-text-faint);font-size:13px;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.search-field:hover{border-color:var(--color-border-strong);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.search-field kbd{margin-left:auto;font-size:10px;color:var(--color-text-faint);border:1px solid var(--color-border);border-radius:6px;padding:1px 6px;background-color:var(--color-surface)}.search-icon-btn{display:none}@media (max-width: 768px){.search-icon-btn{display:inline-flex}}.fleet-pulse{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface-2);font-size:12.5px;font-weight:700;color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.fleet-pulse:hover{text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.fleet-pulse-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.fleet-pulse-dot.danger{background-color:var(--color-danger);box-shadow:0 0 10px var(--color-danger);animation:blipPulse 1.6s ease-in-out infinite}.fleet-pulse-dot.warning{background-color:var(--color-warning);box-shadow:0 0 8px #d97706b3}.fleet-pulse-dot.ok{background-color:var(--color-success);box-shadow:0 0 8px #0d9f6e99}.user-menu-button .user-avatar{position:relative}.user-menu-button .user-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background-color:var(--color-success);border:2px solid var(--color-surface)}.brand-mark{width:40px;height:40px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-primary) 60%,var(--color-accent-2) 130%);box-shadow:0 8px 18px -6px var(--primary-glow),inset 0 1px #ffffff4d;flex-shrink:0}.brand-mark svg{width:23px;height:23px}.header-logo{width:36px;height:36px;color:var(--color-primary);flex-shrink:0}img.header-logo{width:auto;height:44px;max-width:230px;border-radius:10px}.header-title{font-family:var(--font-display);font-size:18px;font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.15;white-space:nowrap;display:flex;flex-direction:column;justify-content:center}.header-title small{display:block;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--color-text-faint);margin-top:2px;line-height:1}.header-nav-row{display:flex;justify-content:center;padding:0 18px 10px;transition:padding var(--transition-slow)}.header.scrolled .header-nav-row{padding-bottom:7px}.header-nav{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border-radius:var(--radius-pill);background-color:var(--color-surface-2);border:1px solid var(--color-border);box-shadow:inset 0 1px 2px #101c330f}.nav-thumb{position:absolute;top:5px;bottom:5px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-primary) 55%,var(--color-accent) 100%);box-shadow:0 6px 16px -4px var(--primary-glow-soft),inset 0 1px #ffffff59;transition:left .42s cubic-bezier(.2,.9,.25,1.15),width .42s cubic-bezier(.2,.9,.25,1.15);pointer-events:none}.nav-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .25) 50%,transparent 70%);background-size:220% 100%;animation:thumbSheen 5s ease-in-out infinite}[data-theme=dark] .nav-thumb{background:linear-gradient(135deg,#3b6df0,#6aa6ff 60%,#22d3ee 130%)}@keyframes thumbSheen{0%,60%,to{background-position:120% 0}30%{background-position:-20% 0}}.nav-link{position:relative;z-index:1;padding:9px 16px;border-radius:var(--radius-pill);font-weight:600;font-size:13px;white-space:nowrap;color:var(--color-text-muted);display:flex;align-items:center;gap:7px;border:1px solid transparent;transition:color var(--transition),transform var(--transition)}.nav-link svg{transition:transform var(--transition)}.nav-link:hover{color:var(--color-text);text-decoration:none}.nav-link:hover svg{transform:translateY(-1px) scale(1.1)}.nav-link.active{color:#fff;background:transparent;border-color:transparent;box-shadow:none}.nav-link.active:hover{color:#fff;background:transparent}.nav-link.active svg{filter:drop-shadow(0 1px 3px rgb(0 0 0 / .35))}.mobile-menu-nav .nav-link{padding:12px 16px;border-radius:var(--radius-md);font-weight:600;font-size:15px;color:var(--color-text-muted);display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;transition:color var(--transition),background-color var(--transition)}.mobile-menu-nav .nav-link:hover{color:var(--color-text);background-color:var(--color-surface-2)}.mobile-menu-nav .nav-link.active{color:var(--color-primary);background-color:var(--color-primary-light);border-color:var(--primary-soft)}.header-right{display:flex;align-items:center;gap:16px}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);font-weight:500}.user-menu-button:hover{background-color:var(--color-bg)}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:8px;z-index:100}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-text)}.dropdown-item:hover{background-color:var(--color-bg)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-divider{height:1px;background-color:var(--color-border);margin:8px 0}.page-content{padding:40px 0 72px}.detail-grid{display:grid;grid-template-columns:1fr 350px;gap:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);display:flex;align-items:center;gap:8px}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.alert-danger{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.alert-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-text)}.alert-info{background-color:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-primary)}.hamburger-btn{display:none;background:none;border:none;padding:8px;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.hamburger-btn:hover{background-color:var(--color-primary-light)}.mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu{position:absolute;left:0;top:0;bottom:0;width:280px;max-width:85vw;background-color:var(--color-surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.mobile-menu-close{margin-left:auto;background:none;border:none;padding:8px;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.mobile-menu-close:hover{background-color:var(--color-primary-light)}.mobile-menu-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px}.mobile-menu-nav .nav-link{padding:12px 16px;font-size:15px;gap:12px;width:100%}.mobile-menu-footer{padding:16px 20px;border-top:1px solid var(--color-border)}.mobile-menu-user{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-dropdown-header{padding:8px 12px 10px;border-bottom:1px solid var(--color-border);margin-bottom:8px}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}.hide-mobile{display:none}}@media (max-width: 768px){.hamburger-btn,.mobile-menu-overlay{display:flex}.header-nav-row{display:none}.form-row,.vehicle-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.auth-card{padding:24px}}.table-wrap{overflow-x:auto}.table-compact .data-table th,.table-compact .data-table td{padding:7px 12px;font-size:13px}.table-compact .btn-xs{padding:4px 8px}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-weight:700;background-color:var(--color-surface-2)}.data-table th:first-child{border-top-left-radius:var(--radius-md)}.data-table th:last-child{border-top-right-radius:var(--radius-md)}.data-table tbody tr{transition:background-color var(--transition)}.data-table tbody tr:hover{background-color:var(--color-surface-2)}.data-table td.actions{display:flex;gap:6px;flex-wrap:wrap}.btn-xs{padding:6px 10px;font-size:12px}.info-box{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:20px}.info-box.info{background-color:var(--color-primary-light);color:var(--color-primary)}.info-box.warning{background-color:var(--color-warning-light);color:var(--color-warning-text)}@media (max-width: 768px){.data-table th,.data-table td{padding:10px}}[data-theme=dark] .tuv-status.upcoming .tuv-status-label,[data-theme=dark] .tuv-status.tolerance .tuv-status-label,[data-theme=dark] .badge-warning,[data-theme=dark] .info-box.warning{color:#fcd34d}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);background-color:transparent}.theme-toggle:hover{color:var(--color-text);background-color:var(--color-bg)}.theme-toggle.floating{position:fixed;top:16px;right:16px;z-index:200;background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.logo-preview{display:flex;align-items:center;justify-content:center;width:120px;height:120px;padding:10px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.logo-preview img,.logo-preview svg{max-width:100%;max-height:100%;object-fit:contain}.header-logo{border-radius:6px}.auth-logo{border-radius:8px}.notif-menu{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-danger);color:#fff;border-radius:9999px;font-size:10px;line-height:1;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-weight:600}.notif-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:340px;max-width:calc(100vw - 32px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border)}.notif-list{max-height:360px;overflow-y:auto}.notif-item{display:block;width:100%;text-align:left;padding:12px 14px;border-bottom:1px solid var(--color-border)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background-color:var(--color-bg)}.notif-item.unread{background-color:var(--color-primary-light)}.notif-item-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.notif-item-message{font-size:13px;color:var(--color-text-muted);margin-top:2px}.notif-item-time{font-size:11px;color:var(--color-text-muted);margin-top:4px}.notif-empty{padding:28px 20px;text-align:center;color:var(--color-text-muted);font-size:14px}.template-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;background-color:var(--color-surface);max-height:320px;overflow-y:auto}.placeholder-chip{display:inline-block;font-family:monospace;font-size:12px;line-height:1.4;color:inherit;padding:2px 6px;border-radius:var(--radius-sm);background-color:var(--color-bg);border:1px solid var(--color-border);margin:2px;cursor:pointer}.placeholder-chip:hover{border-color:var(--color-primary)}.placeholder-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.inline-block{display:inline-block}.hidden{display:none}.min-h-screen{min-height:100vh}.left-3{left:.75rem}.right-3{right:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.mr-1{margin-right:.25rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.text-left{text-align:left}.w-full{width:100%}.w-3{width:.75rem}.h-3{height:.75rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.plate{display:inline-flex;align-items:stretch;flex-shrink:0;background:linear-gradient(180deg,#fff,#f3f5f9);border:2px solid #141414;border-radius:6px;overflow:hidden;box-shadow:0 2px 5px #00000059,inset 0 1px #ffffffe6,inset 0 0 0 1px #0000000a;color:#111;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:transform var(--transition),box-shadow var(--transition)}.plate:hover{transform:translateY(-1px);box-shadow:0 5px 12px #0000004d,inset 0 1px #ffffffe6}.plate-eu{display:flex;align-items:center;justify-content:center;background-color:#039;flex-shrink:0}.plate-eu-svg{height:100%;width:100%;display:block}.plate-text{display:flex;align-items:center;padding:0 .55em;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;font-weight:700;letter-spacing:.05em;white-space:nowrap}.plate-sm{height:28px;font-size:17px}.plate-md{height:38px;font-size:23px}.plate-lg{height:50px;font-size:31px}.plate-sm .plate-eu{width:12px}.plate-md .plate-eu{width:16px}.plate-lg .plate-eu{width:21px}.plate-sm .plate-text{padding:0 8px}.hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:radial-gradient(560px 260px at 8% 0%,var(--hero-glow-1),transparent 65%),radial-gradient(520px 300px at 95% 100%,var(--hero-glow-2),transparent 60%),linear-gradient(135deg,var(--hero-from) 0%,var(--hero-mid) 55%,var(--hero-to) 100%);color:#fff;padding:clamp(22px,3.4vw,36px);margin-bottom:18px;box-shadow:var(--shadow-lg)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgb(255 255 255 / .13) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(115deg,black 30%,transparent 75%);mask-image:linear-gradient(115deg,black 30%,transparent 75%);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#ffffffbf;margin-bottom:10px}.hero-title{font-family:var(--font-display);font-size:clamp(34px,5vw,58px);font-weight:var(--font-bold);letter-spacing:-.04em;line-height:.98;position:relative;z-index:1}.hero-sub{color:#ffffffc7;margin-top:8px;font-size:15px;position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;position:relative;z-index:1}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;position:relative;z-index:1}.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:#ffffff24;border:1px solid rgb(255 255 255 / .22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:600;color:#fffffff2}.pulse-ring{width:148px;height:148px;position:relative;display:flex;align-items:center;justify-content:center}.pulse-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.pulse-ring-center{text-align:center}.pulse-ring-center strong{font-family:var(--font-display);font-size:34px;letter-spacing:-.03em;display:block;line-height:1}.pulse-ring-center span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#ffffffb3}.countdown-bar{height:7px;border-radius:var(--radius-pill);background-color:var(--color-surface-2);border:1px solid var(--color-border);overflow:hidden;margin-top:10px}.countdown-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--status-color, var(--color-primary)),var(--color-accent-2));transition:width .6s cubic-bezier(.2,.7,.3,1)}.countdown-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--radius-pill);background-color:var(--color-surface-2);border:1px solid var(--color-border);color:var(--status-color, var(--color-text))}.tabbar{position:sticky;top:68px;z-index:50;display:flex;gap:6px;padding:8px;margin-bottom:18px;border-radius:var(--radius-pill);background-color:#ffffffbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow-x:auto;transition:top .42s var(--ease-expo)}body:has(.header.header-hidden) .tabbar{top:10px}[data-theme=dark] .tabbar{background-color:#101a36c7}.tabbar a{flex-shrink:0;padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--color-text-muted);transition:all var(--transition)}.tabbar a:hover{color:var(--color-text);background-color:var(--color-surface-2);text-decoration:none}.tabbar a.active{color:#fff;background:var(--color-primary);box-shadow:0 6px 14px -8px var(--primary-glow-strong)}[data-theme=dark] .tabbar a.active{color:#0b1430}.timeline{position:relative;display:flex;flex-direction:column;gap:12px;padding-left:26px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent-2),var(--color-border))}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-24px;top:18px;width:10px;height:10px;border-radius:50%;background-color:var(--color-surface);border:3px solid var(--color-primary);box-shadow:0 0 0 4px var(--focus-ring)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 50%,var(--color-surface-2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;min-height:16px}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--color-primary-light);border-top-color:var(--color-primary);animation:spin .9s linear infinite}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#0a122880;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 20px;animation:fadeIn .16s ease}.palette{width:100%;max-width:560px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn .22s cubic-bezier(.2,.9,.3,1.15)}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border)}.palette-input input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--color-text)}.palette-list{max-height:320px;overflow-y:auto;padding:8px}.palette-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;color:var(--color-text)}.palette-item:hover,.palette-item.selected{background-color:var(--color-primary-light)}.palette-item small{margin-left:auto;color:var(--color-text-faint);font-size:12px}.user-avatar{background:var(--color-primary);box-shadow:0 4px 10px -4px var(--primary-glow)}[data-theme=dark] .user-avatar{color:#0b1430}.user-dropdown,.notif-dropdown{border-radius:var(--radius-lg);animation:popIn .18s cubic-bezier(.2,.9,.3,1.15)}.empty-state{position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;inset:-40% -20% auto;height:220px;background:radial-gradient(closest-side,var(--spotlight),transparent);pointer-events:none}.empty-state-icon{animation:floatPulse 4s ease-in-out infinite}.section-card{padding:24px;margin-bottom:20px;animation:riseIn .48s cubic-bezier(.2,.7,.3,1) backwards}.profile-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:clamp(20px,3vw,32px);margin-bottom:18px;color:#fff;background:radial-gradient(500px 240px at 5% 0%,var(--hero-glow-1),transparent 65%),linear-gradient(135deg,var(--hero-from) 0%,var(--hero-mid) 60%,var(--hero-to) 100%);box-shadow:var(--shadow-lg)}.profile-hero .plate{box-shadow:0 4px 14px #0006,inset 0 1px #ffffffe6}.chart-bar{border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--color-accent-2),var(--color-primary));box-shadow:0 4px 10px -4px var(--primary-glow);transition:height .5s cubic-bezier(.2,.7,.3,1),filter var(--transition)}.chart-bar:hover{filter:brightness(1.12)}body{font-variant-numeric:tabular-nums}.page-content{animation:riseIn .38s cubic-bezier(.2,.7,.3,1) backwards}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--primary-soft)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-pill);background-color:var(--color-surface-2);border:1px solid var(--color-border)}.segmented .btn{border:none;box-shadow:none;background:transparent}.segmented .btn-primary{background:var(--color-primary);box-shadow:none}.crumbs{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ffffffa6;margin-bottom:10px;position:relative;z-index:1}.crumbs a{color:#ffffffa6;display:inline-flex;align-items:center;gap:6px}.crumbs a:hover{color:#fff;text-decoration:none}.crumbs svg{width:12px;height:12px;opacity:.6}.role-badge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-pill);background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--primary-soft)}.toasts{position:fixed;right:20px;bottom:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500}.toast p{flex:1;line-height:1.45}.toast-success{border-left-color:var(--color-success)}.toast-success svg{color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-error svg{color:var(--color-danger)}.toast-info{border-left-color:var(--color-primary)}.toast-info svg{color:var(--color-primary)}.toast-close{color:var(--color-text-faint);padding:2px;border-radius:var(--radius-sm);flex-shrink:0}.toast-close:hover{color:var(--color-text);background-color:var(--color-surface-2)}.data-table thead th{position:sticky;top:0;z-index:1}.hero-aurora{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-aurora>span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:auroraDrift 14s ease-in-out infinite}.hero-aurora>span:nth-child(1){width:420px;height:420px;left:-120px;top:-160px;background:radial-gradient(circle,var(--aurora-1),transparent 70%)}.hero-aurora>span:nth-child(2){width:380px;height:380px;right:-100px;bottom:-180px;background:radial-gradient(circle,var(--aurora-2),transparent 70%);animation-delay:-5s}.hero-aurora>span:nth-child(3){width:260px;height:260px;left:40%;top:-120px;background:radial-gradient(circle,var(--aurora-3),transparent 70%);animation-delay:-9s}.grain:before{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");animation:grainFlicker 1.4s steps(3) infinite}@keyframes grainFlicker{0%,to{transform:translate(0)}33%{transform:translate(-1.5%,1%)}66%{transform:translate(1%,-1.5%)}}.fleet-radar{position:relative;width:min(340px,100%);aspect-ratio:1;flex-shrink:0}.fleet-radar svg{width:100%;height:100%;display:block;filter:drop-shadow(0 24px 48px rgb(34 211 238 / .16))}.radar-sweep{animation:radarSweep 9s linear infinite}.radar-blip{cursor:pointer;transition:opacity var(--transition)}.radar-blip:hover{opacity:1!important}.radar-blip-overdue{animation:blipPulse 1.6s ease-in-out infinite}.radar-drift{animation:drift 7s ease-in-out infinite}.radar-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.radar-center strong{font-family:var(--font-display);font-size:38px;font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1}.radar-center span{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#ffffffb3;margin-top:4px}.twin-numeral{font-family:var(--font-display);font-weight:var(--font-bold);letter-spacing:-.045em;line-height:.92;font-size:clamp(60px,10vw,120px);position:relative;z-index:1}.twin-numeral small{font-size:clamp(16px,2.4vw,24px);font-weight:700;letter-spacing:-.01em;opacity:.85}.horizon{position:relative;margin-top:18px;padding:26px 6px 8px}.horizon-panel{margin-top:18px;border-radius:var(--radius-md);padding:6px 14px 12px;background:radial-gradient(400px 160px at 20% 0%,var(--hero-glow-1),transparent 65%),linear-gradient(135deg,var(--hero-from) 0%,var(--hero-mid) 70%,var(--hero-to) 100%)}.horizon-track{position:relative;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-accent-2) 45%,var(--color-warning) 72%,var(--color-danger) 100%);opacity:.9}.horizon-today{position:absolute;top:-8px;bottom:-8px;width:2px;background-color:#fff;box-shadow:0 0 10px #ffffffe6;border-radius:2px}.horizon-point{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background-color:#0d1a4d;border:3px solid #fff;box-shadow:0 2px 10px #00000073;cursor:default}.horizon-flag{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);background:#ffffff24;border:1px solid rgb(255 255 255 / .3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}.horizon-scale{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:600;color:#ffffffa6}.outlook{display:flex;align-items:flex-end;gap:6px;height:84px;margin-top:14px}.outlook-month{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.outlook-bar{width:100%;max-width:34px;border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,var(--color-accent-2),var(--color-primary));transition:height .7s cubic-bezier(.2,.7,.3,1);position:relative}.outlook-bar.hot{background:linear-gradient(180deg,#fb7185,var(--color-danger));box-shadow:0 0 12px #e11d4873}.outlook-bar span{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800}.outlook-month small{font-size:10px;font-weight:600;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em}.hero .outlook-month small{color:#ffffffa6}.hero .outlook-bar span{color:#fff}.masthead{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:linear-gradient(135deg,var(--hero-from) 0%,var(--hero-mid) 60%,var(--hero-to) 100%);color:#fff;padding:clamp(26px,4vw,44px);margin-bottom:20px;box-shadow:var(--shadow-lg)}.masthead-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#ffffffb3;margin-bottom:12px}.masthead-kicker:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgb(255 255 255 / .4),transparent)}.masthead-title{font-family:var(--font-display);font-size:clamp(36px,5.6vw,64px);font-weight:var(--font-bold);letter-spacing:-.04em;line-height:.98}.masthead-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:#ffffffbf}.masthead-meta strong{display:block;font-family:var(--font-display);font-size:22px;color:#fff;letter-spacing:-.02em}.float-card{animation:floatSlow 7s ease-in-out infinite}.report-section-no{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--color-text-faint);text-transform:uppercase;margin-bottom:2px}svg.lucide{stroke-width:1.5}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-expo),transform .7s var(--ease-expo);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.reveal.section-card,.reveal.vehicle-card,.reveal.rise-in{animation:none}.mask-line{display:block;overflow:hidden;padding:.06em 0 .1em;margin:-.06em 0 -.1em}.mask-line>span{display:block;transform:translateY(112%);animation:maskUp .9s var(--ease-expo) forwards}@keyframes maskUp{to{transform:translateY(0)}}.magnetic{display:inline-flex;transition:transform .42s var(--ease-expo);will-change:transform}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.pagination-label{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.print-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.print-options-group{display:flex;align-items:center;gap:8px}.print-options-group strong{font-size:14px}.print-options-hint{font-size:12px;color:var(--color-text-muted)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.hero-cursor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;opacity:0;transition:opacity .32s var(--ease-expo)}.hero-cursor.is-visible{opacity:1}.hero-cursor-dot,.hero-cursor-ring{position:absolute;top:0;left:0;border-radius:50%;mix-blend-mode:difference;will-change:transform}.hero-cursor-dot{width:8px;height:8px;background:#fff}.hero-cursor-ring{width:38px;height:38px;border:1.5px solid rgb(255 255 255 / .9);transition:width .34s var(--ease-expo),height .34s var(--ease-expo)}.hero-cursor.is-active .hero-cursor-ring{width:60px;height:60px}@media (pointer: fine){.hero,.hero *{cursor:none}}@media (pointer: coarse),(prefers-reduced-motion: reduce){.hero,.hero *{cursor:auto}.hero-cursor{display:none}}.hero.mood-danger .hero-aurora>span:nth-child(1){background:radial-gradient(circle,rgb(251 113 133 / .55),transparent 70%)}.hero.mood-danger .hero-aurora>span:nth-child(2){background:radial-gradient(circle,rgb(244 63 94 / .42),transparent 70%)}.hero.mood-danger .hero-aurora>span:nth-child(3){background:radial-gradient(circle,rgb(251 146 60 / .35),transparent 70%)}.hero.mood-ok .hero-aurora>span:nth-child(1){background:radial-gradient(circle,rgb(52 211 153 / .5),transparent 70%)}.hero.mood-ok .hero-aurora>span:nth-child(2){background:radial-gradient(circle,rgb(16 185 129 / .4),transparent 70%)}.hero.mood-ok .hero-aurora>span:nth-child(3){background:radial-gradient(circle,rgb(45 212 191 / .35),transparent 70%)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:300;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-2));transform:scaleX(0);transform-origin:left;will-change:transform;pointer-events:none}.nav-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:310;overflow:hidden;opacity:0;transition:opacity .3s var(--ease-expo);pointer-events:none}.nav-progress.active{opacity:1}.nav-progress span{position:absolute;top:0;bottom:0;width:38%;border-radius:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-2));box-shadow:0 0 14px var(--primary-glow);animation:navSlide .9s var(--ease-expo) infinite}@keyframes navSlide{0%{left:-38%}to{left:100%}}.theme-toggle{position:relative;overflow:hidden}.theme-toggle-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .52s var(--ease-expo),opacity .3s var(--ease-expo)}.theme-toggle-icon.off{opacity:0;transform:rotate(120deg) scale(.35)}.theme-toggle-icon.on{opacity:1;transform:rotate(0) scale(1)}.confetti{position:absolute;left:50%;top:55%;z-index:6;pointer-events:none}.confetti span{position:absolute;opacity:0;animation:confettiBurst 2s var(--ease-expo) forwards}@keyframes confettiBurst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.9);opacity:0}}.plate-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px 12px 12px;perspective:800px;flex-shrink:0}.plate-stage-glow{position:absolute;top:-30%;right:-18%;bottom:-30%;left:-18%;background:radial-gradient(closest-side,var(--status-color, rgb(106 166 255 / .4)),transparent 72%);opacity:.38;filter:blur(12px);animation:glowPulse 4.5s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.48}}.plate-tilt{position:relative;display:inline-flex;transform-style:preserve-3d;transition:transform .52s var(--ease-expo);will-change:transform}.plate-tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:radial-gradient(200px circle at var(--sheen-x, 120%) var(--sheen-y, 50%),rgb(255 255 255 / .3),transparent 62%);opacity:0;transition:opacity .3s var(--ease-expo);pointer-events:none}.plate-tilt:hover:after{opacity:1}.plate-stage .plate{box-shadow:0 22px 44px #00000080,inset 0 1px #ffffffe6}.countdown-ring{position:relative;width:96px;height:96px;flex-shrink:0}.countdown-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.countdown-ring .ring-track{fill:#080f24e0;stroke:#ffffff2e}.countdown-ring .ring-progress{fill:none;stroke:var(--status-color, var(--color-accent-2));stroke-linecap:round;filter:drop-shadow(0 0 6px var(--status-color, transparent));transition:stroke-dashoffset .9s var(--ease-expo)}.countdown-ring-center{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.countdown-ring-center strong{font-family:var(--font-display);font-size:27px;font-weight:var(--font-bold);letter-spacing:-.03em;line-height:1}.countdown-ring-center span{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffffa6;margin-top:4px;max-width:72px;line-height:1.3}@media (max-width: 700px){.plate-stage{margin:0 auto}}.form-float .form-group{position:relative}.form-float .form-group .label{position:absolute;top:13px;left:14px;z-index:2;margin:0;padding:0 5px;font-size:14px;font-weight:400;color:var(--color-text-faint);pointer-events:none;transition:top .24s var(--ease-expo),left .24s var(--ease-expo),font-size .24s var(--ease-expo),font-weight .24s,color .24s,background-color .24s}.form-float .form-group:has(.input:focus) .label,.form-float .form-group:has(.input:not(:placeholder-shown)) .label,.form-float .form-group:has(input[type=date]) .label,.form-float .form-group:has(select.input) .label{top:-8px;left:11px;font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-surface);border-radius:4px}.form-float .form-group:has(.input:focus) .label{color:var(--color-primary)}.form-float .form-group:has(input[type=checkbox]) .label,.form-float .form-group.no-float .label{position:static;pointer-events:auto}.form-float .input::placeholder{color:transparent;transition:color .2s}.form-float .form-group:focus-within .input::placeholder{color:var(--color-text-faint)}.form-float .form-group:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-2));transform:scaleX(0);transform-origin:left;transition:transform .42s var(--ease-expo);pointer-events:none}.form-float .form-group:focus-within:after{transform:scaleX(1)}.form-float .form-group:has(input[type=checkbox]):after,.form-float .form-group.no-float:after{content:none}.page-header{flex-wrap:wrap}.page-header-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.hide-mobile,.segmented.hide-mobile{display:none}}@media (max-width: 768px){.header-content{gap:8px;padding-left:12px;padding-right:12px}.header-left{gap:8px;flex-shrink:1}.header-right{gap:6px;flex-shrink:0}.header-title{display:none}img.header-logo{height:34px;max-width:130px}.page-header{flex-direction:column;align-items:stretch;gap:14px}.page-header-actions{flex-wrap:nowrap;overflow-x:auto;margin:0 -28px;padding:0 28px 8px;scroll-snap-type:x proximity;scrollbar-width:none;mask-image:linear-gradient(90deg,black 88%,transparent);-webkit-mask-image:linear-gradient(90deg,black 88%,transparent)}.page-header-actions::-webkit-scrollbar{display:none}.page-header-actions .btn,.page-header-actions .magnetic{flex-shrink:0;scroll-snap-align:start}.page-header-actions .magnetic{order:-1}}.vehicle-photo{position:relative;overflow:hidden}.vehicle-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .8s var(--ease-expo)}.vehicle-photo-fallback{background:radial-gradient(130% 150% at 12% 0%,hsl(var(--hue) 72% 58% / .85),transparent 62%),linear-gradient(135deg,hsl(var(--hue) 58% 30%),hsl(calc(var(--hue) + 42) 62% 20%))}.vehicle-photo-ghost{position:absolute;right:-12px;bottom:-16px;width:104px;height:104px;color:#ffffff2e;transform:rotate(-8deg)}.vehicle-card-photo{height:138px;margin:-20px -20px 16px;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}.vehicle-card:hover .vehicle-photo-img{transform:scale(1.06)}.vehicle-card:before{z-index:2}.vehicle-card input[type=checkbox]{z-index:3;box-shadow:0 0 0 2px #ffffffd9;border-radius:4px}.profile-hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 30%;opacity:.55}.profile-hero-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a144073,#0a1440d1 78%)}.bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:150;display:none;align-items:center;justify-content:space-around;padding:8px 10px;border-radius:22px;background-color:#ffffffdb;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}[data-theme=dark] .bottom-nav{background-color:#0a1228db}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:var(--radius-md);font-size:10px;font-weight:600;color:var(--color-text-muted);transition:color var(--transition),transform var(--transition)}.bottom-nav-item:hover{color:var(--color-text);text-decoration:none}.bottom-nav-item:active{transform:scale(.94)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-fab{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-top:-26px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--color-primary-deep) 0%,var(--color-primary) 55%,var(--color-accent) 100%);box-shadow:0 10px 22px -6px var(--primary-glow-strong),inset 0 1px #ffffff4d;transition:transform var(--transition),box-shadow var(--transition)}.bottom-nav-fab:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 26px -6px var(--primary-glow-soft),inset 0 1px #ffffff4d}.bottom-nav-fab:active{transform:scale(.94)}[data-theme=dark] .bottom-nav-fab{background:linear-gradient(135deg,#3b6df0,#6aa6ff 60%,#22d3ee 130%);color:#0b1430}[data-theme=dark] .bottom-nav-fab:hover{color:#0b1430}@media (max-width: 768px){.bottom-nav{display:flex}.page-content{padding-bottom:110px}}@media (max-width: 600px){.hero-grid{grid-template-columns:1fr}.fleet-radar{width:min(250px,78%);margin:6px auto 0}.radar-center strong{font-size:30px}}.plate-marquee{position:relative;z-index:1;overflow:hidden;margin:22px -48px -48px;padding:18px 0;border-top:1px solid rgb(255 255 255 / .14);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.plate-marquee-track{display:flex;gap:20px;width:max-content;animation:marquee 44s linear infinite}.plate-marquee:hover .plate-marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.radar-degrees{animation:radarSweep 60s linear infinite reverse}.radar-blip{transform-box:fill-box;transform-origin:center;transition:transform var(--transition),opacity var(--transition)}.radar-blip:hover,.radar-blip:focus-visible{transform:scale(1.4)}.radar-ping{transform-box:fill-box;transform-origin:center;animation:radarPing 2.4s var(--ease-expo) infinite;pointer-events:none}@keyframes radarPing{0%{transform:scale(1);opacity:.75}60%{opacity:.2}to{transform:scale(3.4);opacity:0}}.radar-tip{position:absolute;transform:translate(-50%,calc(-100% - 14px));display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 12px;background:#080f24e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .18);border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none;z-index:5;box-shadow:0 18px 36px -12px #00000080;animation:popIn .2s var(--ease-expo)}.radar-tip small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff9}.toast{position:relative;overflow:hidden;padding-bottom:17px}.toast-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--color-primary);transform-origin:left;animation:toastProgress var(--toast-ms, 4.5s) linear forwards}.toast-success .toast-progress{background:var(--color-success)}.toast-error .toast-progress{background:var(--color-danger)}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.page-content,.vehicle-card,.section-card,.rise-in{animation:none}}.sticker-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sticker-card{position:relative;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 22px 18px;border-top:8px solid var(--status, var(--color-border-strong))}.sticker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sticker-kicker{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted)}.sticker-status{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--status, var(--color-text-muted));padding:3px 10px;border-radius:var(--radius-pill)}.sticker-date{font-family:var(--font-display);font-size:clamp(44px,7vw,62px);font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:10px;color:var(--status, var(--color-text))}.sticker-days{font-size:13px;font-weight:600;color:var(--color-text-muted);margin-top:4px}.sticker-cut{border-top:1px dashed var(--color-border-strong);margin:14px 0 12px}.sticker-foot{display:flex;align-items:center;gap:12px}.sticker-identity{display:flex;align-items:center;gap:12px;min-width:0}.sticker-meta{display:flex;flex-direction:column;min-width:0}.sticker-meta strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticker-meta span{font-size:12px;color:var(--color-text-muted)}.sticker-qr{margin-left:auto;flex-shrink:0;padding:4px;background:#fff;border-radius:6px}@media print{@page{size:A4;margin:12mm}body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.header,.bottom-nav,.scroll-progress,.nav-progress,.sticker-toolbar,.toasts,.modal-overlay,.palette-overlay{display:none!important}.page-content{padding:0!important;animation:none!important}.container{max-width:none!important;padding:0!important}.sticker-grid{grid-template-columns:1fr 1fr;gap:8mm}.sticker-card{border:1.5px solid #111!important;border-top:8px solid var(--status, #111)!important;border-radius:6px!important;box-shadow:none!important;page-break-inside:avoid;break-inside:avoid}a{color:inherit!important;text-decoration:none!important}}[data-theme=graphite]{--color-primary: #6d8299;--color-primary-hover: #5e7488;--color-primary-deep: #35414d;--color-primary-light: #e7edf3;--color-accent: #8a9db1;--color-accent-2: #ecc5c6;--color-bg: #f4f1f0;--color-bg-soft: #f9f6f4;--color-surface: #ffffff;--color-surface-2: #f3efed;--color-border: #e2dcd9;--color-border-strong: #cfc7c3;--color-text: #2b2a28;--color-text-muted: #6c6864;--color-text-faint: #948e89;--shadow-glow: 0 0 0 1px rgb(109 130 153 / .16), 0 12px 32px -8px rgb(109 130 153 / .4);--hero-from: #2e3944;--hero-mid: #45525f;--hero-to: #6d8299;--hero-glow-1: rgb(236 197 198 / .32);--hero-glow-2: rgb(138 157 177 / .4);--aurora-1: rgb(236 197 198 / .42);--aurora-2: rgb(138 157 177 / .45);--aurora-3: rgb(131 125 104 / .35);--primary-glow: rgb(109 130 153 / .5);--primary-glow-strong: rgb(109 130 153 / .55);--primary-glow-soft: rgb(109 130 153 / .6);color-scheme:light}[data-theme=graphite] body{background:radial-gradient(1100px 520px at 8% -10%,rgb(236 197 198 / .45),transparent 62%),radial-gradient(900px 460px at 94% -14%,rgb(138 157 177 / .4),transparent 60%),linear-gradient(160deg,#f8f3f1,#efe7e5 48%,#e6ecf3);background-attachment:fixed}[data-theme=urban-slate]{--color-primary: #5c6c86;--color-primary-hover: #4f5e76;--color-primary-deep: #333a46;--color-primary-light: #e6e9f0;--color-accent: #7b7f8a;--color-accent-2: #ab978c;--color-bg: #efedec;--color-bg-soft: #f7f5f4;--color-surface: #ffffff;--color-surface-2: #e9e6e7;--color-border: #dad6d5;--color-border-strong: #c6c0be;--color-text: #34312f;--color-text-muted: #6e6763;--color-text-faint: #9a9390;--shadow-glow: 0 0 0 1px rgb(92 108 134 / .16), 0 12px 32px -8px rgb(92 108 134 / .4);--hero-from: #2e2a28;--hero-mid: #47423f;--hero-to: #5c6c86;--hero-glow-1: rgb(171 151 140 / .35);--hero-glow-2: rgb(107 124 152 / .4);--aurora-1: rgb(171 151 140 / .4);--aurora-2: rgb(107 124 152 / .45);--aurora-3: rgb(94 86 83 / .4);--primary-glow: rgb(92 108 134 / .5);--primary-glow-strong: rgb(92 108 134 / .55);--primary-glow-soft: rgb(92 108 134 / .6);color-scheme:light}[data-theme=urban-slate] body{background:radial-gradient(1100px 520px at 8% -10%,rgb(171 151 140 / .4),transparent 62%),radial-gradient(900px 460px at 94% -14%,rgb(107 124 152 / .38),transparent 60%),linear-gradient(160deg,#f4f1f0,#eae5e3 48%,#e2e7ef);background-attachment:fixed}[data-theme=vichy]{--color-primary: #058e7e;--color-primary-hover: #047a6c;--color-primary-deep: #04302b;--color-primary-light: #ddf3ef;--color-accent: #05ad98;--color-accent-2: #05ad98;--color-bg: #f4f5f5;--color-bg-soft: #fafbfb;--color-surface: #ffffff;--color-surface-2: #eceeee;--color-border: #d8dcdc;--color-border-strong: #c2c7c7;--color-text: #23282a;--color-text-muted: #5f6a6b;--color-text-faint: #8b9494;--shadow-glow: 0 0 0 1px rgb(5 142 126 / .16), 0 12px 32px -8px rgb(5 142 126 / .35);--hero-from: #04302b;--hero-mid: #056e63;--hero-to: #05ad98;--hero-glow-1: rgb(5 173 152 / .35);--hero-glow-2: rgb(187 191 191 / .25);--aurora-1: rgb(5 173 152 / .45);--aurora-2: rgb(135 135 135 / .35);--aurora-3: rgb(187 191 191 / .3);--primary-glow: rgb(5 142 126 / .5);--primary-glow-strong: rgb(5 142 126 / .55);--primary-glow-soft: rgb(5 142 126 / .6);color-scheme:light}[data-theme=vichy] body{background:radial-gradient(1100px 520px at 8% -10%,rgb(5 173 152 / .3),transparent 62%),radial-gradient(900px 460px at 94% -14%,rgb(135 135 135 / .26),transparent 60%),linear-gradient(160deg,#f2f7f6,#e7f1ef 48%,#e1e8e8);background-attachment:fixed}[data-theme=yacht-club]{--color-primary: #245f73;--color-primary-hover: #1c4c5c;--color-primary-deep: #12333d;--color-primary-light: #e3ebee;--color-accent: #3f7d92;--color-accent-2: #733e24;--color-bg: #f2f0ef;--color-bg-soft: #f8f6f5;--color-surface: #ffffff;--color-surface-2: #edeae8;--color-border: #dcd7d4;--color-border-strong: #c6bfba;--color-text: #2a2521;--color-text-muted: #645e58;--color-text-faint: #928b84;--shadow-glow: 0 0 0 1px rgb(36 95 115 / .16), 0 12px 32px -8px rgb(36 95 115 / .4);--hero-from: #12333d;--hero-mid: #1b4c5c;--hero-to: #245f73;--hero-glow-1: rgb(115 62 36 / .35);--hero-glow-2: rgb(63 125 146 / .4);--aurora-1: rgb(115 62 36 / .4);--aurora-2: rgb(63 125 146 / .45);--aurora-3: rgb(187 189 188 / .3);--primary-glow: rgb(36 95 115 / .5);--primary-glow-strong: rgb(36 95 115 / .55);--primary-glow-soft: rgb(36 95 115 / .6);color-scheme:light}[data-theme=yacht-club] body{background:radial-gradient(1100px 520px at 8% -10%,rgb(115 62 36 / .3),transparent 62%),radial-gradient(900px 460px at 94% -14%,rgb(36 95 115 / .34),transparent 60%),linear-gradient(160deg,#f8f3ee,#efe8e2 48%,#e2eaee);background-attachment:fixed}.theme-picker{position:relative}.theme-picker.floating{position:fixed;top:16px;right:16px;z-index:200}.theme-picker-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:236px;padding:8px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;animation:popIn .18s var(--ease-expo)}.theme-picker-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);padding:6px 10px 8px}.theme-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text);text-align:left}.theme-picker-item:hover{background-color:var(--color-surface-2)}.theme-picker-item.active{color:var(--color-primary);font-weight:600}.theme-picker-swatches{display:inline-flex;flex-shrink:0;border-radius:6px;overflow:hidden;border:1px solid var(--color-border)}.theme-picker-swatches i{display:block;width:14px;height:20px}.theme-picker-name{flex:1}.legal-page{min-height:100vh;padding:48px 16px}.legal-card{max-width:760px;margin:0 auto;padding:28px 32px}.legal-head{display:flex;align-items:center;gap:8px;margin-bottom:16px}.legal-title{flex:1;font-size:22px;font-weight:600;text-align:center}.legal-body{white-space:pre-wrap;font-size:14px;line-height:1.6}.legal-empty{font-size:14px;color:var(--color-text-muted)}.auth-legal{margin-top:16px;text-align:center;font-size:12px;color:var(--color-text-muted)}.auth-legal a{color:var(--color-text-muted);text-decoration:underline}
