/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.rounded{border-radius:.25rem}}:root{--red:#c93216;--red-dark:#8f1f0c;--red-soft:#fff0ec;--ink:#17191c;--muted:#697078;--line:#e6e8eb;--surface:#fff;--surface-soft:#f5f6f7;--success:#16865a;--warning:#dc7211;--danger:#c82f26;--shadow:0 18px 50px #1c1f2314}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);background:var(--surface-soft);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Tajawal,IBM Plex Sans Arabic,Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow-x:clip}html[lang=en] body{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5}.language-switcher{top:max(14px, env(safe-area-inset-top));z-index:220;min-height:40px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #c9321638;border-radius:12px;align-items:center;gap:5px;padding:4px 6px;display:inline-flex;position:fixed;inset-inline-end:16px;box-shadow:0 8px 24px #1c1f231a}.language-switcher button{min-width:31px;min-height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0 7px;font-size:.72rem;font-weight:900;display:grid}.language-switcher button.is-active{color:#fff;background:var(--red)}.landing-nav,.portal-header-inner,.admin-topbar{padding-inline-end:116px}a{color:inherit;text-decoration:none}button,input,select,textarea{max-width:100%;font:inherit}img,video,canvas{max-width:100%}input,select,textarea{min-width:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #c9321640}.container{width:min(1180px,100% - 40px);margin-inline:auto}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{border:1px solid var(--line);background:#fff;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand-words{min-width:0;line-height:1.1;display:grid}.brand-words strong{color:var(--red);letter-spacing:.025em;white-space:nowrap;font-size:.95rem;font-weight:900}.brand-words small{color:var(--ink);white-space:nowrap;margin-top:6px;font-size:.72rem;font-weight:650}.brand-compact .brand-mark{border-radius:14px;width:46px;height:46px}.brand-compact .brand-words strong{font-size:.86rem}.brand-compact .brand-words small{font-size:.67rem}.button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-primary{color:#fff;background:linear-gradient(135deg, var(--red), var(--red-dark));box-shadow:0 10px 25px #c9321633}.button-primary:hover{box-shadow:0 13px 30px #c9321645}.button-secondary{border-color:var(--line);color:var(--ink);background:#fff}.button-danger{color:var(--danger);background:#fff5f4;border-color:#f0c5c2}.button-sm{border-radius:11px;min-height:38px;padding-inline:15px;font-size:.85rem}.button-icon{width:42px;min-height:42px;padding:0}.text-link{color:var(--muted);font-size:.9rem;font-weight:700}.text-link:hover{color:var(--red)}.landing{background:radial-gradient(circle at 82% 16%,#c932161a,#0000 28rem),linear-gradient(#fff 0% 66%,#f4f5f6 100%);min-height:100vh;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;padding-block:20px;display:flex}.landing-nav nav{align-items:center;gap:22px;display:flex}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(40px,8vw,110px);min-height:650px;padding-block:58px 86px;display:grid}.eyebrow{color:var(--red-dark);background:var(--red-soft);border:1px solid #ffd5ca;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.055em;max-width:700px;margin:22px 0 20px;font-size:clamp(2.65rem,5.8vw,5.3rem);font-weight:900;line-height:1.04}.hero h1 span{color:var(--red);display:block}.hero-copy>p{max-width:640px;color:var(--muted);margin:0;font-size:clamp(1rem,1.65vw,1.2rem);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-proof{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:30px;font-size:.82rem;font-weight:700;display:flex}.hero-proof span{align-items:center;gap:7px;display:inline-flex}.hero-visual{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:30px;padding:clamp(22px,4vw,36px);position:relative;transform:rotate(-1.1deg)}.hero-visual:before{z-index:-1;background:var(--ink);content:"";border-radius:30px;position:absolute;inset:18px -18px -18px 18px}.visual-top,.progress-title,.progress-values{justify-content:space-between;align-items:center;display:flex}.visual-top .brand-words{display:none}.live-dot{color:var(--success);padding-right:16px;font-size:.78rem;font-weight:750;position:relative}.live-dot:before{background:var(--success);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.car-summary{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:26px 0 22px;display:flex}.car-icon-wrap{color:#fff;background:var(--ink);border-radius:23px;place-items:center;width:76px;height:76px;display:grid}.car-summary>div:last-child{display:grid}.car-summary span,.mini-grid span,.progress-values,.car-summary small{color:var(--muted);font-size:.78rem}.car-summary strong{margin-block:4px;font-size:1.2rem}.service-progress{padding-block:24px}.progress-title{gap:14px;font-size:.86rem;font-weight:750}.progress-title strong{color:var(--warning);font-size:.78rem}.progress-track{background:#eceef0;border-radius:999px;height:9px;margin-block:14px 10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--success), var(--warning));height:100%;display:block}.mini-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mini-grid>div{background:var(--surface-soft);border-radius:17px;padding:16px;display:grid}.mini-grid strong{margin-top:7px;font-size:1.45rem}.mini-grid small{color:var(--muted);font-size:.72rem}.highlights{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:80px;display:grid}.highlight-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:25px}.feature-icon{width:44px;height:44px;color:var(--red);background:var(--red-soft);border-radius:13px;place-items:center;display:grid}.highlight-card h2{margin:20px 0 9px;font-size:1rem}.highlight-card p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.75}.auth-page{background:#fff;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);min-height:100vh;display:grid}.auth-panel{flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(28px,6vw,88px);display:flex}.auth-form-wrap{width:min(100%,460px);margin-inline:auto}.auth-form-wrap>h1{letter-spacing:-.045em;margin:42px 0 8px;font-size:clamp(2rem,4vw,3.2rem)}.auth-form-wrap>p{color:var(--muted);margin:0 0 30px;line-height:1.7}.auth-form{gap:17px;display:grid}.auth-form .button{width:100%;margin-top:6px}.auth-visual{color:#fff;background:linear-gradient(150deg,#00000026,#000000e0),linear-gradient(135deg,#2a2d31,#0d0e0f);align-items:flex-end;min-height:100vh;padding:clamp(38px,6vw,78px);display:flex;position:relative;overflow:hidden}.auth-visual:before{aspect-ratio:1;content:"";border:80px solid #ffffff0e;border-radius:50%;width:60%;position:absolute;top:-12%;left:-8%}.auth-visual:after{aspect-ratio:1;content:"";background:radial-gradient(circle,#c93216e6,#0000 70%);border-radius:50%;width:72%;position:absolute;inset:auto -12% -30% auto}.auth-visual-content{z-index:1;max-width:560px;position:relative}.auth-visual-content>svg{color:#ff6b4a;margin-bottom:30px}.auth-visual-content h2{margin:0 0 16px;font-size:clamp(2rem,4vw,4rem);line-height:1.12}.auth-visual-content p{color:#ffffffb3;max-width:520px;margin:0;font-size:1rem;line-height:1.8}.field{color:#34383d;gap:8px;font-size:.86rem;font-weight:700;display:grid}.field>small{color:var(--muted);font-size:.72rem;font-weight:500}.field .field-error,.form-error{color:var(--danger)}.input,.select,.textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe2e5;border-radius:12px;transition:border-color .16s,box-shadow .16s}.input,.select{height:48px;padding:0 14px}.textarea{resize:vertical;min-height:110px;padding:13px 14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 4px #c9321614}.form-error{background:#fff5f4;border:1px solid #f2cfcc;border-radius:11px;align-items:center;gap:7px;padding:11px 13px;font-size:.82rem;font-weight:650;display:flex}.portal{background:var(--surface-soft);min-height:100vh}.portal-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;position:sticky;top:0}.portal-header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.portal-user{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:var(--ink);border-radius:13px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.portal-user>span{font-size:.76rem;display:grid}.portal-user strong{margin-top:2px;font-size:.86rem}.portal-main{padding-block:42px 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.page-heading h1{letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(1.7rem,3.6vw,2.6rem)}.page-heading p{color:var(--muted);margin:0;font-size:.9rem}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:.8rem;display:flex}.breadcrumb a:hover{color:var(--red)}.card{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;box-shadow:0 2px 2px #1c1f2304}.vehicle-grid,.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.vehicle-card{overflow:hidden}.vehicle-card-top{align-items:center;gap:17px;padding:22px;display:flex}.vehicle-art{color:#fff;background:radial-gradient(circle at 65% 25%, #fff3, transparent 25%), var(--ink);border-radius:21px;flex:none;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.vehicle-art img{object-fit:cover;width:100%;height:100%}.vehicle-title{flex:1;min-width:0}.vehicle-title h2,.vehicle-title h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:1.06rem;overflow:hidden}.vehicle-title p{color:var(--muted);margin:0;font-size:.8rem}.vehicle-card-body{border-block:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.vehicle-stat{background:#fff;min-width:0;padding:15px;display:grid}.vehicle-stat span{color:var(--muted);font-size:.7rem}.vehicle-stat strong{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.82rem;overflow:hidden}.vehicle-card-footer{justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;display:flex}.status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.72rem;font-weight:800;display:inline-flex}.status-good{color:#0c744d;background:#e8f8f1}.status-due_soon{color:#a64c04;background:#fff3df}.status-due_now,.status-overdue{color:#b4231a;background:#ffebe9}.status-cancelled,.status-empty{color:#646a72;background:#eef0f2}.vehicle-hero{color:#fff;background:radial-gradient(circle at 8% 14%,#c93216b3,#0000 23rem),linear-gradient(130deg,#292d32,#101214);grid-template-columns:auto 1fr;align-items:center;gap:24px;margin-bottom:28px;padding:clamp(20px,4vw,32px);display:grid}.vehicle-hero .vehicle-art{width:112px;height:112px;color:var(--ink);background:#fff}.vehicle-hero h1{margin:0;font-size:clamp(1.7rem,4vw,3rem)}.vehicle-hero p{color:#ffffffa6;margin:8px 0 0}.vehicle-hero-stats{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.vehicle-hero-stats>div{background:#0f11138c;padding:14px 16px;display:grid}.vehicle-hero-stats span{color:#ffffff8c;font-size:.7rem}.vehicle-hero-stats strong{margin-top:6px;font-size:.85rem}.system-card{grid-template-columns:auto 1fr;align-items:center;gap:18px;min-height:190px;padding:22px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.system-card:hover{border-color:#d4b5ae;transform:translateY(-2px);box-shadow:0 14px 34px #1c1f2314}.system-icon{width:72px;height:72px;color:var(--red);background:var(--red-soft);border-radius:20px;place-items:center;display:grid}.system-card h2{margin:0;font-size:1.08rem}.system-card h2 small{color:var(--muted);margin-top:5px;font-size:.7rem;font-weight:600;display:block}.system-meta{align-items:center;gap:10px;margin-top:15px;display:flex}.system-card .arrow{color:var(--muted);grid-column:1/-1;font-size:.78rem}.component-list{gap:12px;display:grid}.component-row{grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:18px 20px;display:grid}.component-row .system-icon{border-radius:14px;width:48px;height:48px}.component-row h2{margin:0;font-size:.94rem}.component-row h2 small{color:var(--muted);margin-top:3px;font-size:.68rem;font-weight:500;display:block}.component-row time{color:var(--muted);font-size:.76rem}.vehicle-card-photo{background:#181b1f;height:245px;position:relative;overflow:hidden}.vehicle-card-photo img,.premium-vehicle-photo img,.visual-system-photo img,.system-detail-photo img{object-fit:cover;width:100%;height:100%}.vehicle-card-photo img{transition:transform .5s}.vehicle-card:hover .vehicle-card-photo img{transform:scale(1.035)}.premium-card-title{align-items:flex-start}.premium-card-title .vehicle-title>span{color:var(--red);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.premium-card-title .vehicle-title h2{margin-top:3px;font-size:1.3rem}.make-logo{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff24;border-radius:18px;flex:none;place-items:center;width:62px;height:62px;display:grid;overflow:hidden}.make-logo img{object-fit:contain;width:68%;height:68%}.make-logo strong{font-size:1.5rem}.make-logo span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:54px;font-size:.55rem;overflow:hidden}.vehicle-card .make-logo{border-color:var(--line);color:var(--ink);background:#f4f5f6}.vehicle-card .make-logo img{filter:invert()}.automotive-photo-placeholder{color:#ffffffb8;background:radial-gradient(circle at 20% 15%,#c1311e8c,#0000 34%),linear-gradient(135deg,#272b30,#111315);place-content:center;justify-items:center;gap:10px;display:grid}.automotive-photo-placeholder span{letter-spacing:.12em;font-size:.62rem;font-weight:850}.premium-vehicle-hero{color:#fff;background:#121416;border:1px solid #2e3237;border-radius:30px;min-height:630px;margin-bottom:42px;position:relative;overflow:hidden;box-shadow:0 30px 70px #14161833}.premium-vehicle-photo,.premium-vehicle-shade{position:absolute;inset:0}.premium-vehicle-photo img{object-position:center 58%}.premium-vehicle-shade{background:linear-gradient(90deg,#08090af5 0%,#08090ac2 44%,#08090a1f 78%),linear-gradient(#0000 48%,#08090ad1)}.premium-vehicle-copy{z-index:1;align-content:space-between;width:min(100%,720px);min-height:630px;padding:clamp(26px,5vw,54px);display:grid;position:relative}.premium-brand-line{align-items:center;gap:14px;display:flex}.premium-brand-line>div:last-child{gap:3px;display:grid}.premium-brand-line span,.premium-vehicle-title>p{color:#ffffff8f;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:750}.premium-brand-line strong{font-size:.92rem}.premium-vehicle-title{margin-block:48px 30px}.premium-vehicle-title>p{color:#f06450;margin:0 0 7px}.premium-vehicle-title h1{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,8vw,6.8rem);line-height:.94}.premium-vehicle-title>div{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.premium-vehicle-title>div span{color:#ffffffc7;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;padding:7px 11px;font-size:.72rem}.premium-vehicle-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.premium-vehicle-stats>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1012148c;border:1px solid #ffffff1f;border-radius:15px;grid-template-columns:auto 1fr;gap:3px 10px;padding:14px;display:grid}.premium-vehicle-stats svg{color:#f06450;grid-row:1/span 2}.premium-vehicle-stats span,.premium-vin span{color:#ffffff80;font-size:.64rem}.premium-vehicle-stats strong{font-size:.78rem}.premium-vin{align-items:center;gap:10px;margin-top:13px;padding-inline:4px;display:flex}.premium-vin strong{overflow-wrap:anywhere;font-family:var(--font-mono,monospace);letter-spacing:.04em;font-size:.76rem}.visual-system-link{min-width:0}.visual-system-card{color:#fff;background:#16181b;border-color:#30343a;min-height:360px;transition:transform .19s,box-shadow .19s;position:relative;overflow:hidden;box-shadow:0 16px 38px #16181b1f}.visual-system-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px #16181b33}.visual-system-photo,.visual-system-overlay{position:absolute;inset:0}.visual-system-photo img{transition:transform .65s}.visual-system-card:hover .visual-system-photo img{transform:scale(1.055)}.visual-system-overlay{background:linear-gradient(#090a0b14 28%,#090a0bf5),linear-gradient(120deg,#9c281938,#0000 46%)}.visual-system-status{position:absolute;top:17px;left:17px}.visual-system-status .status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff29}.visual-system-copy{grid-template-columns:1fr auto;align-items:end;gap:15px;padding:22px;display:grid;position:absolute;bottom:0;left:0;right:0}.visual-system-copy h2{margin:0;font-size:1.45rem}.visual-system-copy h2 small{color:#ffffff8c;letter-spacing:.05em;margin-top:4px;font-size:.67rem;font-weight:600;display:block}.visual-system-copy>div{justify-items:end;gap:3px;display:grid}.visual-system-copy>div span{color:#ffffff7a;font-size:.62rem}.visual-system-copy>div strong{font-size:.72rem}.visual-system-action{color:#fffc;border-top:1px solid #ffffff24;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:13px;font-size:.72rem;font-weight:750;display:inline-flex}.media-credit{width:fit-content;color:var(--muted);text-underline-offset:3px;margin:14px auto 0;font-size:.62rem;text-decoration:underline;display:block}.system-detail-hero{color:#fff;background:#121416;border-radius:28px;min-height:520px;margin-bottom:36px;position:relative;overflow:hidden;box-shadow:0 28px 64px #15171933}.system-detail-photo,.system-detail-overlay{position:absolute;inset:0}.system-detail-photo img{object-position:center}.system-detail-overlay{background:linear-gradient(90deg,#08090af2,#08090a8f 62%,#08090a1f),linear-gradient(#0000 40%,#08090ad6)}.system-detail-copy{z-index:1;align-content:end;width:min(100%,740px);min-height:520px;padding:clamp(26px,5vw,50px);display:grid;position:relative}.system-detail-title>span{color:#f06450;letter-spacing:.08em;font-size:.68rem;font-weight:850}.system-detail-title h1{letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(3rem,7vw,5.8rem);line-height:1}.system-detail-title p{color:#fff9;margin:7px 0 18px;font-size:.86rem}.system-detail-stats{background:#ffffff14;border:1px solid #ffffff1f;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:20px;display:grid;overflow:hidden}.system-detail-stats>div{background:#0d0f11a8;padding:13px;display:grid}.system-detail-stats span,.system-latest-report span{color:#ffffff75;font-size:.62rem}.system-detail-stats strong{margin-top:5px;font-size:.75rem}.system-latest-report{background:#ffffff14;border-right:3px solid #f06450;border-radius:10px;margin-top:12px;padding:13px 15px}.component-heading{margin-top:0}.premium-component-list{gap:12px;display:grid}.premium-component-row{grid-template-columns:auto minmax(180px,.75fr) minmax(0,1.6fr) auto;align-items:center;gap:18px;padding:20px;transition:border-color .17s,box-shadow .17s,transform .17s;display:grid}.premium-component-row:hover{border-color:#d6aaa3;transform:translate(-3px);box-shadow:0 16px 34px #191b1e14}.premium-component-icon{width:52px;height:52px;color:var(--red);background:var(--red-soft);border-radius:16px;place-items:center;display:grid}.premium-component-title h2{margin:0;font-size:.92rem}.premium-component-title>span{color:var(--muted);margin-top:4px;font-size:.65rem;display:block}.premium-component-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.premium-component-data>div{background:var(--surface-soft);border-radius:10px;min-width:0;padding:9px 11px;display:grid}.premium-component-data span{color:var(--muted);font-size:.6rem}.premium-component-data strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.7rem;overflow:hidden}.premium-component-action{justify-items:end;gap:11px;display:grid}.premium-component-action>span{color:var(--red-dark);align-items:center;gap:5px;font-size:.68rem;font-weight:800;display:inline-flex}.timeline{gap:16px;padding-right:23px;display:grid;position:relative}.timeline:before{content:"";background:#e0e3e6;width:2px;position:absolute;top:12px;bottom:12px;right:7px}.timeline-item{padding:21px;position:relative}.timeline-item:before{border:4px solid var(--surface-soft);background:var(--red);content:"";border-radius:50%;width:16px;height:16px;position:absolute;top:28px;right:-23px}.timeline-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.timeline-head h2{margin:0;font-size:1rem}.timeline-data{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.timeline-data>div{background:var(--surface-soft);border-radius:12px;padding:12px;display:grid}.timeline-data span{color:var(--muted);font-size:.68rem}.timeline-data strong{margin-top:5px;font-size:.78rem}.timeline-report{border-top:1px solid var(--line);color:#484e54;margin:16px 0 0;padding-top:15px;font-size:.84rem;line-height:1.7}.page-state{min-height:260px;color:var(--muted);text-align:center;background:#ffffff8c;border:1px dashed #d4d7da;border-radius:20px;align-content:center;place-items:center;gap:10px;padding:34px;display:grid}.page-state strong{color:var(--ink)}.page-state p{max-width:520px;margin:0;font-size:.82rem;line-height:1.7}.page-state.is-loading svg,.route-loading svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.route-loading,.route-error{text-align:center;align-content:center;place-items:center;gap:12px;min-height:100vh;padding:30px;display:grid}.route-loading svg,.route-error svg{color:var(--red)}.route-error h1,.route-error p{margin:0}.route-error p{color:var(--muted)}.toast{z-index:100;border:1px solid var(--line);max-width:min(440px,100% - 44px);color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px 15px;font-size:.84rem;font-weight:700;display:flex;position:fixed;bottom:22px;right:22px}.toast-success>svg{color:var(--success)}.toast-error>svg{color:var(--danger)}.toast button{width:28px;height:28px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border:0;border-radius:8px;place-items:center;margin-right:auto;display:grid}.admin-layout{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#17191c;border-inline-end:1px solid #303439;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000075;border:0;display:none;position:fixed;inset:0}.sidebar .brand{padding-inline:5px}.sidebar .brand-mark{border-color:#ffffff14}.sidebar .brand-words small{color:#ffffff9e}.sidebar-nav{gap:5px;margin-top:34px;display:grid}.sidebar-nav a{color:#ffffff9e;border-radius:12px;align-items:center;gap:11px;min-height:45px;padding:0 13px;font-size:.84rem;font-weight:700;display:flex}.sidebar-nav a:hover,.sidebar-nav a.is-active{color:#fff;background:#ffffff14}.sidebar-nav a.is-active{box-shadow:inset -3px 0 0 var(--red)}html[dir=ltr] .sidebar-nav a.is-active{box-shadow:inset 3px 0 0 var(--red)}html[dir=ltr] .lucide-arrow-left,html[dir=ltr] .lucide-arrow-right,html[dir=ltr] .lucide-chevron-left,html[dir=ltr] .lucide-chevron-right{transform:scaleX(-1)}.sidebar-user{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:11px;margin-top:auto;padding:13px;display:grid}.sidebar-user .avatar{color:var(--ink);background:#fff}.sidebar-user span{min-width:0;display:grid}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.sidebar-user small{color:#ffffff80;margin-top:3px;font-size:.66rem}.sidebar-logout{color:#ffffffb3;cursor:pointer;background:#ffffff12;border:0;border-radius:9px;grid-column:1/-1;width:100%;min-height:34px;font-size:.72rem;font-weight:700}.admin-main{min-width:0}.admin-topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 28px;padding-inline-end:116px;display:flex;position:sticky;top:0}.admin-topbar h1{margin:0;font-size:1.12rem}.admin-topbar-actions{align-items:center;gap:10px;min-width:0;display:flex}.admin-topbar-actions h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-nav-toggle{display:none}.admin-content{width:min(100%,1500px);margin-inline:auto;padding:28px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-card{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:19px;display:grid}.stat-card span{color:var(--muted);font-size:.75rem;font-weight:650}.stat-card strong{margin-top:7px;font-size:1.65rem;display:block}.stat-card>svg{color:var(--red);background:var(--red-soft);box-sizing:content-box;border-radius:14px;padding:11px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:16px;margin-top:16px;display:grid}.panel{overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.panel-header h2{margin:0;font-size:.92rem}.panel-body{padding:20px}.quick-search{grid-template-columns:1fr auto;gap:10px;margin-bottom:16px;display:grid}.search-results{gap:8px;display:grid}.search-result{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;font-size:.8rem;display:flex}.search-result span{color:var(--muted)}.data-table{border-collapse:collapse;width:100%;font-size:.8rem}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:start;vertical-align:middle;padding:13px 14px}.data-table th{color:var(--muted);background:#fafafa;font-size:.7rem;font-weight:750}.data-table tbody tr{transition:background .14s}.data-table tbody tr:hover{background:#f9fafb}.data-table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.mobile-cards{display:none}.ranking-list{gap:14px;display:grid}.ranking-item{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;display:grid}.ranking-item>span:first-child{width:30px;height:30px;color:var(--red);background:var(--red-soft);border-radius:9px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.ranking-item strong{font-size:.8rem}.ranking-item>span:last-child{color:var(--muted);font-size:.75rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;margin-bottom:17px;display:flex}.toolbar-search{gap:8px;width:min(100%,430px);display:flex}.form-card{max-width:920px;margin-inline:auto;padding:clamp(20px,4vw,30px)}.form-section+.form-section{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.form-section h2{margin:0 0 6px;font-size:1.05rem}.form-section>p{color:var(--muted);margin:0 0 20px;font-size:.8rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .span-2{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.wizard-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px;display:grid}.wizard-step{color:var(--muted);background:#eef0f2;border-radius:11px;align-items:center;gap:8px;padding:10px;font-size:.73rem;font-weight:700;display:flex}.wizard-step span{color:#fff;background:#a5aab0;border-radius:8px;place-items:center;width:23px;height:23px;font-size:.68rem;display:grid}.wizard-step.is-active{color:var(--red-dark);background:var(--red-soft)}.wizard-step.is-active span{background:var(--red)}.wizard-summary{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.wizard-summary>div{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid}.wizard-summary span{color:var(--muted);font-size:.7rem}.wizard-summary strong{margin-top:5px;font-size:.8rem}.qr-panel{grid-template-columns:auto 1fr;align-items:center;gap:30px;max-width:800px;margin-inline:auto;padding:clamp(24px,5vw,44px);display:grid}.qr-frame{border:1px solid var(--line);background:#fff;border-radius:22px;place-items:center;padding:20px;display:grid;box-shadow:0 12px 30px #1c1f2312}.qr-copy h2{margin:0;font-size:1.4rem}.qr-copy p{color:var(--muted);line-height:1.75}.qr-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.confirm-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{width:min(100%,470px);padding:24px}.confirm-dialog h2{margin:0 0 8px}.confirm-dialog p{color:var(--muted);margin:0 0 18px;font-size:.86rem;line-height:1.7}.confirm-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.is-spin{animation:.9s linear infinite spin}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{background:#e6e8eb;border-radius:8px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-text{border-radius:5px;height:1em}.skeleton-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:14px;padding:22px;display:grid}@media (prefers-reduced-motion:reduce){.skeleton{opacity:.6;animation:none}}.staff-welcome{margin-bottom:22px}.staff-welcome>span{color:var(--red);letter-spacing:.08em;font-size:.72rem;font-weight:850}.staff-welcome h1{letter-spacing:-.025em;margin:7px 0 5px;font-size:clamp(1.8rem,4vw,2.5rem)}.staff-welcome p,.staff-section-heading p,.staff-vehicle-head p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}.staff-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.staff-action-card{border:1px solid var(--line);min-height:150px;color:var(--ink);background:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 10px 28px #1c1f230d}.staff-action-card:hover{border-color:#d4b5ae;transform:translateY(-2px);box-shadow:0 16px 34px #1c1f2317}.staff-action-card>svg:first-child{color:var(--red);background:var(--red-soft);box-sizing:content-box;border-radius:16px;padding:14px}.staff-action-card span{gap:6px;display:grid}.staff-action-card strong{font-size:1rem}.staff-action-card small{color:var(--muted);font-size:.72rem}.staff-action-card.is-primary{color:#fff;background:linear-gradient(145deg, var(--red), #7f211a);border-color:#a12f25}.staff-action-card.is-primary>svg:first-child{color:#fff;background:#ffffff26}.staff-action-card.is-primary small{color:#ffffffb3}.staff-secondary-action{border:1px solid var(--line);width:min(100%,460px);color:var(--ink);background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin:14px 0 22px;padding:15px 18px;display:grid}.staff-secondary-action>svg:first-child{color:var(--red)}.staff-secondary-action span{gap:3px;display:grid}.staff-secondary-action small{color:var(--muted);font-size:.7rem}.staff-search-panel{padding:22px}.staff-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.staff-section-heading h2{margin:0 0 4px;font-size:1.02rem}.staff-section-heading>svg{color:var(--red)}.staff-search-results{gap:9px;margin-top:14px;display:grid}.staff-search-results>a,.staff-search-results>button{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:start;background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.staff-search-results>a>svg:first-child,.staff-search-results>button>svg:first-child{color:var(--red)}.staff-search-results span{gap:3px;display:grid}.staff-search-results small{overflow-wrap:anywhere;color:var(--muted);font-size:.72rem}.staff-success-card{text-align:center;align-content:center;justify-items:center;gap:12px;max-width:720px;min-height:360px;margin-inline:auto;padding:36px;display:grid}.staff-success-card>svg{color:var(--success)}.staff-success-card h2,.staff-success-card p{margin:0}.staff-success-card p{color:var(--muted);line-height:1.8}.staff-success-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:12px;display:flex}.staff-form .form-section:first-child{margin-top:0}.inline-alert{color:#744413;background:#fff8e9;border:1px solid #e9c18d;border-radius:13px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:14px;font-size:.8rem;display:flex}.inline-alert .button{margin-right:auto}.staff-service-layout,.staff-detail-layout{gap:16px;display:grid}.staff-detail-layout{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);align-items:start}.staff-detail-card{padding:22px}.selected-vehicle{background:var(--red-soft);border:1px solid #d7b1aa;border-radius:15px;grid-template-columns:1fr auto;gap:18px;margin-top:18px;padding:17px;display:grid}.selected-vehicle>div{gap:4px;display:grid}.selected-vehicle span,.selected-vehicle small{color:var(--muted);font-size:.7rem}.selected-vehicle a{color:var(--red-dark);font-size:.73rem;font-weight:750}.oil-section{background:#fffbf2;border-radius:16px;padding:20px;border:1px solid #ead1ad!important}.calculated-field{background:#fff;border:1px dashed #d5a45e;border-radius:12px;align-content:center;padding:13px 14px;display:grid}.calculated-field span{color:var(--muted);font-size:.72rem}.calculated-field strong{margin-top:5px;font-size:1.1rem}.staff-vehicle-head{grid-template-columns:1fr auto;align-items:center;gap:22px;margin-bottom:24px;padding:24px;display:grid}.staff-vehicle-head>div{gap:6px;display:grid}.staff-vehicle-head>div:last-child{justify-items:end}.staff-vehicle-head span{color:var(--muted);font-size:.7rem}.staff-vehicle-head h2{margin:0;font-size:1.35rem}.staff-vehicle-head>div:last-child>strong{font-size:1.15rem}.history-heading{margin-bottom:20px}.settings-image-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}@media print{body *{visibility:hidden}.qr-frame,.qr-frame *{visibility:visible}.qr-frame{position:absolute;inset:40px auto auto 50%;transform:translate(-50%)}}@media (width<=1080px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.staff-action-grid{grid-template-columns:repeat(2,1fr)}.staff-action-card{min-height:110px}.system-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-component-row{grid-template-columns:auto 1fr auto}.premium-component-data{grid-column:2/-1}}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto;padding-block:40px 80px}.hero-copy{text-align:center}.hero-copy>p,.hero h1{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{width:min(100%,580px);margin-inline:auto}.auth-page{grid-template-columns:1fr}.auth-panel{min-height:100vh}.auth-visual{display:none}.admin-layout{grid-template-columns:1fr}.sidebar{z-index:50;right:auto;width:min(290px,84vw);transition:transform .18s;position:fixed;inset-inline-start:0;transform:translate(105%)}.sidebar.is-open{transform:translate(0)}html[dir=ltr] .sidebar{transform:translate(-105%)}html[dir=ltr] .sidebar.is-open{transform:translate(0)}.sidebar-backdrop{display:block}.mobile-nav-toggle{display:inline-grid}.admin-topbar{padding-inline:18px 110px}.admin-content{padding:20px 16px 80px}.staff-detail-layout{grid-template-columns:1fr}}@media (width<=720px){.container{width:min(100% - 28px,1180px)}.landing-nav .text-link,.landing-nav .brand-words small{display:none}.landing-nav nav{gap:8px}.hero h1{font-size:clamp(2.35rem,13vw,3.8rem)}.hero-actions .button{width:100%}.hero-proof{gap:10px;display:grid}.highlights{grid-template-columns:1fr}.hero-visual:before{inset:10px -8px -10px 8px}.vehicle-grid,.systems-grid{grid-template-columns:1fr}.vehicle-card-photo{height:210px}.portal-header-inner .brand-words{display:none}.portal-main{padding-top:28px}.page-heading{flex-direction:column;align-items:flex-start}.panel-header,.history-section-heading,.vehicle-identity-heading,.system-product-hero-title,.part-product-heading,.system-product-title{flex-wrap:wrap;align-items:flex-start}.vehicle-card-body{grid-template-columns:repeat(2,1fr)}.vehicle-card-body>:last-child{grid-column:1/-1}.vehicle-hero{text-align:center;grid-template-columns:1fr}.vehicle-hero .vehicle-art{margin-inline:auto}.vehicle-hero-stats{text-align:right;grid-template-columns:repeat(2,1fr)}.premium-vehicle-hero,.system-detail-hero{border-radius:22px;min-height:0;display:grid}.premium-vehicle-photo,.system-detail-photo{height:255px;position:relative;inset:auto}.premium-vehicle-shade,.system-detail-overlay{display:none}.premium-vehicle-copy,.system-detail-copy{background:radial-gradient(circle at 10% 0,#ac2b1c5c,#0000 40%),#111315;width:100%;min-height:0;padding:22px 18px}.premium-vehicle-title{margin-block:34px 22px}.premium-vehicle-title h1,.system-detail-title h1{font-size:clamp(2.7rem,17vw,4.5rem)}.premium-vehicle-stats{grid-template-columns:1fr}.system-detail-stats{grid-template-columns:1fr 1fr}.visual-system-card{min-height:330px}.premium-component-row{grid-template-columns:auto 1fr;align-items:start}.premium-component-data,.premium-component-action{grid-column:1/-1}.premium-component-action{grid-template-columns:1fr auto;place-items:center start}.system-card{min-height:150px}.component-row{grid-template-columns:auto 1fr auto}.component-row time{display:none}.timeline-data{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{grid-template-columns:1fr}.stat-card>svg{grid-row:1}.desktop-table{display:none}.mobile-cards{gap:10px;display:grid}.mobile-data-card{gap:10px;padding:16px;display:grid}.mobile-data-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-data-card p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.6}.form-grid{grid-template-columns:1fr}.quick-search,.toolbar-search{grid-template-columns:1fr;width:100%;display:grid}.quick-search .button,.toolbar-search .button{width:100%}.toolbar{align-items:stretch}.staff-action-card{padding:18px}.staff-search-panel,.staff-detail-card{padding:17px}.selected-vehicle,.staff-vehicle-head{grid-template-columns:1fr}.staff-vehicle-head>div:last-child{justify-items:start}.staff-success-actions,.staff-success-actions .button,.form-actions,.form-actions .button{width:100%}.staff-success-actions,.form-actions{flex-direction:column}.settings-image-row{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.wizard-steps{grid-template-columns:repeat(2,1fr)}.wizard-summary{grid-template-columns:1fr}.qr-panel{text-align:center;grid-template-columns:1fr}.qr-frame{width:fit-content;margin-inline:auto}.qr-actions{justify-content:center}}@media (width<=430px){.admin-topbar{gap:8px;min-height:64px;padding-inline:12px 102px}.language-switcher{top:max(12px, env(safe-area-inset-top));inset-inline-end:10px}.admin-topbar-actions{gap:7px}.admin-topbar h1{max-width:46vw;font-size:.95rem}.admin-role-label{display:none}.admin-topbar>.admin-topbar-actions:last-child .status{justify-content:center;min-width:36px;padding-inline:8px}.admin-content{padding:16px 12px 72px}.staff-action-card{grid-template-columns:auto minmax(0,1fr)}.staff-action-card>svg:last-child{display:none}.staff-search-results>a,.staff-search-results>button{grid-template-columns:auto minmax(0,1fr)}.staff-search-results>a>svg:last-child,.staff-search-results>button>svg:last-child{display:none}.confirm-actions{flex-direction:column;align-items:stretch}.confirm-actions .button{width:100%}.stats-grid{grid-template-columns:1fr}.portal-user>span{display:none}.vehicle-card-footer{flex-direction:column;align-items:stretch}.vehicle-card-footer .button{width:100%}.component-row{grid-template-columns:auto 1fr}.component-row>:last-child{grid-column:1/-1}.timeline-data,.system-detail-stats,.premium-component-data,.visual-system-copy{grid-template-columns:1fr}.visual-system-copy>div{justify-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vehicle-logo-card{border-color:#e5e2dc;gap:0;padding:24px;transition:transform .18s,box-shadow .18s;display:grid;overflow:visible;box-shadow:0 14px 38px #1c1f230e}.vehicle-logo-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px #1c1f2317}.vehicle-card-identity{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding-bottom:22px;display:grid}.vehicle-card-identity .vehicle-title>span{color:var(--red);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.vehicle-card-identity .vehicle-title h2{margin-block:4px;font-size:1.42rem}.vehicle-make-logo{color:#fff;background:#fff;border:1px solid #e6e2dc;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 10px 22px #1c1f2312,inset 0 0 0 5px #faf9f7}.vehicle-make-logo-sm{width:44px;height:44px}.vehicle-make-logo-md{width:70px;height:70px}.vehicle-make-logo-lg{width:108px;height:108px}.vehicle-make-logo img{object-fit:contain;width:64%;height:64%}.vehicle-make-logo strong{background:var(--ink);border-radius:50%;place-items:center;width:68%;height:68%;font-size:clamp(1rem,3vw,2rem);font-weight:900;display:grid}.vehicle-info-grid{border-block:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-inline:-24px;display:grid;overflow:hidden}.vehicle-info-grid>div{background:#fff;gap:6px;min-width:0;padding:16px 20px;display:grid}.vehicle-info-grid span,.vehicle-identity-meta span,.system-product-meta span,.system-product-hero-stats span,.part-product-data span{color:var(--muted);font-size:.7rem}.vehicle-info-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.vehicle-vin-cell strong{font-family:var(--font-mono,monospace);letter-spacing:.03em}.vehicle-card-button{width:100%;margin-top:20px}.vehicle-identity-hero{background:#fff;border:1px solid #e5e1da;border-radius:28px;grid-template-columns:270px minmax(0,1fr);min-height:330px;margin-bottom:42px;display:grid;overflow:hidden;box-shadow:0 18px 48px #1c1f2312}.vehicle-identity-logo-panel{background:radial-gradient(circle at 50% 32%,#e142181f,#0000 31%),linear-gradient(155deg,#fbfaf8,#efede8);border-inline-end:1px solid #e7e2da;align-content:center;justify-items:center;gap:18px;padding:36px;display:grid;position:relative;overflow:hidden}.vehicle-identity-logo-panel:before,.vehicle-identity-logo-panel:after{content:"";border:1px solid #e1421821;border-radius:50%;position:absolute}.vehicle-identity-logo-panel:before{width:270px;height:270px}.vehicle-identity-logo-panel:after{width:205px;height:205px}.vehicle-identity-logo-panel .vehicle-make-logo,.vehicle-identity-logo-panel>span{z-index:1;position:relative}.vehicle-identity-logo-panel>span{color:var(--ink);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:900}.vehicle-identity-content{align-content:center;gap:24px;padding:34px;display:grid}.vehicle-identity-heading,.system-product-hero-title,.part-product-heading,.system-product-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.vehicle-identity-heading>div>span,.system-product-hero-title>div>span{color:var(--red);letter-spacing:.08em;font-size:.72rem;font-weight:900}.vehicle-identity-heading h1{letter-spacing:-.055em;margin:2px 0;font-size:clamp(2rem,5vw,3.45rem)}.vehicle-identity-heading p,.system-product-hero-title p{color:var(--muted);margin:0}.vehicle-identity-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.vehicle-identity-stats>div{background:#faf9f7;border:1px solid #ece8e1;border-radius:15px;gap:4px;min-width:0;padding:14px;display:grid}.vehicle-identity-stats svg{color:var(--red);margin-bottom:6px}.vehicle-identity-stats span{color:var(--muted);font-size:.67rem}.vehicle-identity-stats strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.vehicle-identity-meta{grid-template-columns:.7fr 1.3fr;gap:12px;display:grid}.vehicle-identity-meta>div{gap:4px;display:grid}.vehicle-identity-meta strong[dir=ltr]{overflow-wrap:anywhere;font-family:var(--font-mono,monospace);text-align:right}.systems-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.system-product-card{border-color:#e6e2dc;grid-template-rows:210px 1fr;min-width:0;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.system-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #1c1f2317}.system-product-image,.system-product-hero-image,.part-product-image,.history-component-image{background:radial-gradient(circle at 50% 45%,#fff,#0000 60%),#f3f2ef;place-items:center;display:grid;overflow:hidden}.system-product-image{border-bottom:1px solid #e9e5de;padding:18px}.system-product-image img,.system-product-hero-image img,.part-product-image img,.history-component-image img{object-fit:contain;width:100%;height:100%}.system-part-image-placeholder{background:radial-gradient(circle at 42% 40%,#e142181c,#0000 14%),radial-gradient(circle at 56% 55%,#1c1f2317,#0000 24%),#f3f2ef;min-height:120px}.system-product-body{align-content:start;gap:17px;padding:18px;display:grid}.system-product-title h2,.part-product-heading h2{margin:0 0 4px;font-size:1.02rem}.system-product-title>div>span,.part-product-heading>div>span{color:var(--muted);font-size:.71rem}.system-product-meta{gap:8px;display:grid}.system-product-meta>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.system-product-meta strong{font-size:.73rem}.system-product-body .button{width:100%;margin-top:auto}.system-product-hero{background:#fff;border:1px solid #e5e1da;border-radius:28px;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);min-height:420px;margin-bottom:42px;display:grid;overflow:hidden;box-shadow:0 18px 48px #1c1f2312}.system-product-hero-image{border-inline-end:1px solid #e7e2da;min-height:420px;padding:38px}.system-product-hero-content{align-content:center;gap:24px;padding:36px;display:grid}.system-product-hero-title h1{letter-spacing:-.05em;margin:3px 0 2px;font-size:clamp(2rem,5vw,3.5rem)}.system-product-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.system-product-hero-stats>div{background:#faf9f7;border:1px solid #ece8e1;border-radius:15px;gap:5px;padding:15px;display:grid}.system-product-hero-stats strong{font-size:.83rem}.system-latest-report{border-inline-start:3px solid var(--red);background:#fbf5f2;border-radius:10px;padding:15px 17px}.system-latest-report span{color:var(--red);font-size:.69rem;font-weight:900}.system-latest-report p{color:var(--ink);margin:5px 0 0;font-size:.8rem;line-height:1.75}.premium-component-list{gap:14px}.part-product-card{border-color:#e6e2dc;grid-template-columns:170px minmax(0,1fr);min-height:185px;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.part-product-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #1c1f2312}.part-product-image{border-inline-end:1px solid #e9e5de;min-height:185px;padding:18px}.part-product-content{align-content:center;gap:16px;padding:22px;display:grid}.part-product-data{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.part-product-data>div{background:#f7f6f3;border-radius:11px;gap:4px;min-width:0;padding:10px 12px;display:grid}.part-product-data strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.part-product-link{width:fit-content;color:var(--red);align-items:center;gap:6px;font-size:.76rem;font-weight:900;display:inline-flex}.history-component-row{grid-template-columns:64px minmax(0,1fr) auto auto}.history-component-image{border:1px solid #ebe7e0;border-radius:14px;width:64px;height:64px;padding:4px}@media (width<=1200px){.systems-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-identity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.part-product-data{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.vehicle-grid{grid-template-columns:1fr}.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-identity-hero,.system-product-hero{grid-template-columns:1fr}.vehicle-identity-logo-panel{border-inline-end:0;border-bottom:1px solid #e7e2da;min-height:230px}.system-product-hero-image{border-inline-end:0;border-bottom:1px solid #e7e2da;min-height:330px}.part-product-data{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.vehicle-logo-card{padding:18px}.vehicle-card-identity{grid-template-columns:auto minmax(0,1fr);gap:13px}.vehicle-card-identity>.status{grid-column:1/-1;width:fit-content}.vehicle-make-logo-lg{width:82px;height:82px}.vehicle-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:-18px}.vehicle-info-grid>div{padding:14px 16px}.vehicle-identity-content,.system-product-hero-content{padding:23px 18px}.vehicle-identity-stats,.vehicle-identity-meta,.system-product-hero-stats,.systems-grid{grid-template-columns:1fr}.system-product-card{grid-template-rows:230px 1fr}.system-product-hero-image{min-height:280px;padding:24px}.part-product-card{grid-template-columns:1fr}.part-product-image{border-inline-end:0;border-bottom:1px solid #e9e5de;min-height:220px}.part-product-content{padding:18px}.part-product-data{grid-template-columns:1fr}.history-component-row{grid-template-columns:58px minmax(0,1fr)}.history-component-row time,.history-component-row>.status{grid-column:1/-1}}@media (width<=430px){.vehicle-info-grid{grid-template-columns:1fr}}.admin-portal-root,.staff-portal-root,.customer-portal-root{min-height:100vh}.staff-layout{background:radial-gradient(circle at 92% 8%,#e1421814,#0000 26%),#f6f5f2}.staff-layout .admin-topbar{background:#fffffff0;border-bottom-color:#e8e3db}.staff-sidebar{background:radial-gradient(circle at 25% 10%,#e1421829,#0000 28%),#17191c}.staff-sidebar .sidebar-nav a.is-active{color:#fff;background:var(--red)}.system-product-card-link,.part-product-card-link{min-width:0;color:inherit;display:block}.system-product-card-link:focus-visible,.part-product-card-link:focus-visible{outline-offset:3px;border-radius:20px;outline:3px solid #e1421847}.component-record-summary{border-color:#e6e2dc;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);margin-bottom:32px;display:grid;overflow:hidden;box-shadow:0 16px 38px #1c1f2312}.component-record-image{background:radial-gradient(circle at 50% 45%,#fff,#0000 60%),#f3f2ef;border-inline-end:1px solid #e9e5de;place-items:center;min-height:330px;padding:30px;display:grid}.component-record-image img{object-fit:contain;width:100%;height:100%}.component-record-content{align-content:center;gap:20px;padding:30px;display:grid}.component-record-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.component-record-data>div{background:#f7f6f3;border-radius:12px;gap:5px;min-width:0;padding:12px 14px;display:grid}.component-record-data span{color:var(--muted);font-size:.7rem}.component-record-data strong{text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.history-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;display:flex}.history-section-heading h2{margin:0}.history-section-heading span{color:var(--muted);font-size:.76rem}.portal-access-page{background:radial-gradient(circle at 50% 0,#e142181a,#0000 34%),#f4f3ef;place-items:center;min-height:100vh;padding:24px;display:grid}.portal-access-card{text-align:center;background:#fff;border:1px solid #e6e2dc;border-radius:26px;justify-items:center;gap:17px;width:min(100%,520px);padding:42px;display:grid;box-shadow:0 22px 58px #1c1f2317}.portal-access-icon{color:#b4231a;background:#ffebe9;border-radius:22px;place-items:center;width:70px;height:70px;margin-top:10px;display:grid}.portal-access-card h1{margin:0;font-size:clamp(1.45rem,5vw,2.2rem)}.portal-access-card p{color:var(--muted);margin:0 0 8px;line-height:1.8}.staff-maintenance-page{gap:16px;width:min(100%,980px);margin-inline:auto;display:grid}.maintenance-form{gap:16px;display:grid}.maintenance-form-card{gap:18px;padding:22px;display:grid}.maintenance-step{color:#fff;background:var(--red);vertical-align:2px;border-radius:8px;place-items:center;width:25px;height:25px;margin-inline-end:8px;font-size:.73rem;font-weight:800;display:inline-grid}.maintenance-form-card .staff-section-heading h2{display:inline}.maintenance-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.maintenance-customer-results,.maintenance-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.maintenance-customer-option,.maintenance-vehicle-option{color:var(--ink);text-align:start;background:#faf9f6;border:1px solid #e4e0d9;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 14px;transition:all .16s;display:grid}.maintenance-customer-option:hover,.maintenance-vehicle-option:hover{background:#fff8f5;border-color:#e142187a}.maintenance-customer-option.is-selected,.maintenance-vehicle-option.is-selected{border-color:var(--red);background:#fff7f4;box-shadow:0 0 0 3px #e142181c}.maintenance-customer-option>span,.maintenance-vehicle-option>span{gap:3px;min-width:0;display:grid}.maintenance-customer-option strong,.maintenance-vehicle-option strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maintenance-customer-option small,.maintenance-vehicle-option small,.maintenance-helper{color:var(--muted);font-size:.72rem}.maintenance-helper{margin:0}.maintenance-empty-row{background:#f7f6f3;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.maintenance-empty-row p{margin:0}.maintenance-selected-vehicle{background:linear-gradient(110deg,#fff8f5,#fff);border-color:#e1421840;grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(150px,.8fr));gap:12px;padding:16px 20px;display:grid}.maintenance-selected-vehicle>div{border-inline-start:1px solid #e8e2db;align-content:center;gap:3px;padding-inline:13px;display:grid}.maintenance-selected-vehicle>div:first-child{border-inline-start:0;grid-template-columns:auto minmax(0,1fr);align-items:center}.maintenance-selected-vehicle span,.maintenance-review span,.maintenance-next-service>span{color:var(--muted);font-size:.7rem}.maintenance-selected-vehicle>div:first-child span{gap:2px;margin-inline-start:10px;display:grid}.maintenance-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.maintenance-unit-input{grid-template-columns:minmax(0,1fr) auto;display:grid}.maintenance-unit-input .input{border-start-end-radius:0;border-end-end-radius:0}.maintenance-unit-input>span{color:#595650;background:#f2f0ec;border:1px solid #d9d4cc;border-inline-start:0;border-start-end-radius:11px;border-end-end-radius:11px;place-items:center;min-width:54px;font-size:.76rem;font-weight:800;display:grid}.maintenance-entered-by{color:#595650;background:#f5f3ef;border-radius:11px;align-items:center;gap:7px;padding:11px 13px;font-size:.75rem;display:flex}.maintenance-oil-card{border-color:#e142183d}.maintenance-next-service{background:linear-gradient(135deg,#fff8f3,#fff);border:1px dashed #e1421859;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:18px;display:grid}.maintenance-next-service>span{font-size:.75rem}.maintenance-next-service strong{letter-spacing:-.02em;color:var(--red);font-size:1.35rem;font-weight:800}.maintenance-check{grid-column:1/-1;align-items:center;gap:8px;font-size:.75rem;display:flex}.maintenance-next-service>.input{grid-column:1/-1}.maintenance-review{background:#f7f6f3;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;display:grid}.maintenance-review>div{border-inline-start:1px solid #e3dfd7;gap:4px;min-width:0;padding:7px 10px;display:grid}.maintenance-review>div:first-child{border-inline-start:0}.maintenance-review strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}@media (width<=760px){.maintenance-customer-results,.maintenance-vehicle-grid,.maintenance-fields-grid{grid-template-columns:1fr}.maintenance-selected-vehicle{grid-template-columns:1fr 1fr}.maintenance-selected-vehicle>div:first-child{grid-column:1/-1}.maintenance-review{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-review>div:nth-child(3){border-inline-start:0}.component-record-summary{grid-template-columns:1fr}.component-record-image{border-inline-end:0;border-bottom:1px solid #e9e5de;min-height:260px}.component-record-data{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.maintenance-form-card{padding:18px 15px}.maintenance-search,.maintenance-selected-vehicle,.maintenance-review,.maintenance-next-service{grid-template-columns:1fr}.maintenance-next-service>*,.maintenance-check,.maintenance-next-service>.input{grid-column:auto}.maintenance-customer-option,.maintenance-vehicle-option{grid-template-columns:auto minmax(0,1fr)}.maintenance-customer-option>small,.maintenance-vehicle-option>small{grid-column:2}.maintenance-selected-vehicle>div:first-child{grid-column:auto}.maintenance-selected-vehicle>div,.maintenance-review>div{border-inline-start:0}.maintenance-empty-row{flex-direction:column;align-items:stretch}.component-record-content,.portal-access-card{padding:22px 18px}.component-record-data{grid-template-columns:1fr}}@media (pointer:coarse){.button,.sidebar-nav a,.sidebar-logout,.maintenance-customer-option,.maintenance-vehicle-option,.staff-search-results>a,.staff-search-results>button{min-height:44px}.input,.select{min-height:48px;font-size:1rem}.textarea{font-size:1rem}}@supports (padding:max(0px)){.admin-content{padding-bottom:max(80px, env(safe-area-inset-bottom))}.sidebar{padding-bottom:max(22px, env(safe-area-inset-bottom))}.toast{bottom:max(22px, env(safe-area-inset-bottom))}}.hide-on-mobile{display:revert}.hide-on-desktop{display:none}@media (width<=767px){.hide-on-mobile{display:none!important}.hide-on-desktop{display:revert!important}}body:has([data-portal=customer]) .language-switcher{display:none!important}.mc-portal{--mc-bg:#f7f7f5;--mc-surface:#fff;--mc-text:#171717;--mc-muted:#6b7280;--mc-border:#e5e7eb;--mc-red:#c93216;background:var(--mc-bg);min-height:100dvh;color:var(--mc-text);flex-direction:column;display:flex}.mc-header{z-index:50;-webkit-backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #00000012;position:sticky;top:0}.mc-header-inner{height:56px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);align-items:center;gap:8px;display:flex}.mc-back-btn,.mc-header-logout{color:#1a1a1a;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:background .15s;display:flex}.mc-back-btn:hover,.mc-header-logout:hover{background:#0000000f}.mc-header-title{text-align:center;letter-spacing:-.01em;color:#111;flex:1;font-size:1rem;font-weight:700}.mc-header-spacer{flex-shrink:0;width:40px}.mc-header-brand{color:inherit;flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.mc-header-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:32px;height:32px}.mc-header-brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.mc-header-brand-name{letter-spacing:.06em;color:#111;white-space:nowrap;font-size:.72rem;font-weight:900;line-height:1.2}.mc-header-brand-sub{color:var(--mc-muted,#6b7280);white-space:nowrap;letter-spacing:.03em;font-size:.6rem;line-height:1.2}.mc-header-actions{flex-shrink:0;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.mc-lang-btn{min-width:38px;min-height:36px;color:var(--mc-red,#c93216);cursor:pointer;letter-spacing:.05em;background:#c932160f;border:1px solid #c9321638;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:.7rem;font-weight:900;transition:background .15s;display:flex}.mc-lang-btn:hover{background:#c9321624}.mc-content{padding:16px;padding-bottom:max(88px, calc(68px + env(safe-area-inset-bottom,0px)));flex:1;overflow-y:auto}.mc-bottom-nav{z-index:50;-webkit-backdrop-filter:blur(14px);bottom:0;background:#fffffff5;border-top:1px solid #00000012;position:fixed;inset-inline:0}.mc-bottom-nav-inner{padding-bottom:env(safe-area-inset-bottom,0px);display:flex}.mc-nav-tab{color:#888;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:52px;padding:10px 8px;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.mc-nav-tab.is-active{color:#c0392b}.mc-nav-tab.is-disabled{opacity:.35;cursor:not-allowed}.mc-login{background:#0f0f11;flex-direction:column;min-height:100dvh;display:flex}.mc-login-header{padding:max(28px, env(safe-area-inset-top,20px)) 24px 0;justify-content:center;display:flex}.mc-login-visual{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:28px 24px;display:flex}.mc-login-icon{color:#ffffffbf;background:#ffffff14;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;display:flex}.mc-login-visual h1{letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:800}.mc-login-visual p{color:#ffffff80;max-width:260px;margin:0;font-size:.95rem;line-height:1.6}.mc-login-sheet{padding:28px 24px max(28px, env(safe-area-inset-bottom,24px));background:#fff;border-radius:26px 26px 0 0}.mc-login-sheet-title{color:#111;margin-bottom:18px;font-size:1.1rem;font-weight:700}.mc-login-sheet .input{min-height:52px;font-size:1rem}.mc-login-sheet .button{min-height:52px}.mc-vehicle-list{flex-direction:column;gap:12px;display:flex}.mc-vehicle-card{color:inherit;background:#fff;border-radius:18px;padding:16px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:block;box-shadow:0 1px 4px #0000000f}.mc-vehicle-card:active{transform:scale(.99);box-shadow:0 1px 2px #0000000a}.mc-vehicle-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mc-vehicle-identity{flex:1;min-width:0}.mc-vehicle-make-label{color:#888;margin:0;font-size:.7rem;font-weight:500}.mc-vehicle-model{color:#111;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:1.15rem;font-weight:800;overflow:hidden}.mc-vehicle-year-plate{color:#aaa;margin:2px 0 0;font-size:.75rem}.mc-vehicle-stats-strip{border-top:1px solid #f0f0f0;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;padding-top:12px;display:grid}.mc-vehicle-stat{flex-direction:column;gap:2px;display:flex}.mc-vehicle-stat-label{color:#aaa;font-size:.62rem;font-weight:500}.mc-vehicle-stat-value{color:#222;font-size:.78rem;font-weight:700}.mc-vehicle-stat-value.is-overdue{color:#c0392b}.mc-vehicle-stat-value.is-due-soon{color:#e67e22}.mc-vehicle-cta{color:#c0392b;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-top:10px;font-size:.78rem;font-weight:600;display:flex}.mc-hero-card{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#0f3460 100%);border-radius:22px;margin-bottom:20px;padding:20px}.mc-hero-inner{flex-direction:column;gap:14px;display:flex}.mc-hero-top{justify-content:space-between;align-items:flex-start;display:flex}.mc-hero-make{color:#ffffff80;margin:0;font-size:.7rem;font-weight:500}.mc-hero-model{letter-spacing:-.04em;color:#fff;margin:2px 0 0;font-size:1.6rem;font-weight:900}.mc-hero-year{color:#ffffff73;margin:4px 0 0;font-size:.78rem}.mc-hero-logo-wrap .vehicle-make-logo{background:#ffffff1f!important}.mc-hero-logo-wrap .vehicle-make-logo strong{color:#fffc!important}.mc-big-odometer{border-top:1px solid #ffffff1a;padding-top:12px}.mc-big-odometer-label{color:#ffffff73;margin:0 0 4px;font-size:.7rem}.mc-big-odometer-value{letter-spacing:-.04em;color:#fff;font-size:clamp(1.8rem,8vw,2.4rem);font-weight:900}.mc-remaining-strip{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;display:grid}.mc-remaining-label{color:#ffffff73;margin:0 0 3px;font-size:.65rem}.mc-remaining-value{color:#fff;font-size:.88rem;font-weight:700}.mc-remaining-value.is-overdue{color:#ff6b6b}.mc-remaining-value.is-due-soon{color:#ffd93d}.mc-remaining-value.is-due-now{color:#ff6b6b}.mc-meta-row{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.mc-meta-chip{background:#ffffff14;border-radius:10px;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.mc-meta-chip-label{color:#ffffff73;font-size:.6rem}.mc-meta-chip-value{color:#fff;font-size:.76rem;font-weight:600}.mc-section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mc-section-title{color:#111;margin:0;font-size:1rem;font-weight:800}.mc-section-action{color:#c0392b;font-size:.78rem;font-weight:600;text-decoration:none}.mc-systems-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mc-system-card{color:inherit;background:#fff;border-radius:16px;flex-direction:column;min-height:0;text-decoration:none;transition:transform .1s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.mc-system-card:active{transform:scale(.98)}.mc-system-image{aspect-ratio:4/3;background:#f3f2ef;width:100%;overflow:hidden}.mc-system-image img{object-fit:contain;width:100%;height:100%;padding:8px}.mc-system-body{flex-direction:column;flex:1;padding:10px 12px 12px;display:flex}.mc-system-name{color:#111;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.88rem;font-weight:800;overflow:hidden}.mc-system-sub{color:#aaa;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:.66rem;overflow:hidden}.mc-system-footer{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;display:flex}.mc-system-last{color:#888;font-size:.65rem}.mc-component-image-wrap{background:#f3f2ef;border-radius:18px;width:100%;height:200px;margin-bottom:14px;overflow:hidden}.mc-component-image-wrap img{object-fit:contain;width:100%;height:100%;padding:20px}.mc-component-header-card{background:#fff;border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 1px 4px #0000000d}.mc-component-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mc-component-title{color:#111;letter-spacing:-.025em;margin:0;font-size:1.15rem;font-weight:800}.mc-component-subtitle{color:#888;margin:3px 0 0;font-size:.76rem}.mc-oil-progress-section{margin-bottom:14px}.mc-oil-progress-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 4px #0000000d}.mc-oil-progress-title{color:#444;margin:0 0 12px;font-size:.78rem;font-weight:700}.mc-oil-track-wrap{flex-direction:column;gap:8px;display:flex}.mc-oil-track{background:#f0f0ee;border-radius:99px;width:100%;height:10px;overflow:hidden}.mc-oil-fill{background:#27ae60;border-radius:99px;height:100%;transition:width .6s}.mc-oil-fill.is-good{background:#27ae60}.mc-oil-fill.is-due-soon{background:#f39c12}.mc-oil-fill.is-due-now,.mc-oil-fill.is-overdue{background:#c0392b}.mc-oil-markers{grid-template-columns:1fr 1fr 1fr;font-size:.62rem;display:grid}.mc-oil-marker{flex-direction:column;gap:1px;display:flex}.mc-oil-marker:nth-child(2){text-align:center;align-items:center}.mc-oil-marker.is-end{text-align:end;align-items:flex-end}.mc-oil-marker-label{color:#aaa}.mc-oil-marker-value{color:#333;font-weight:700}.mc-oil-marker-value.is-current{color:#2980b9}.mc-oil-remaining-note{color:#27ae60;text-align:center;margin-top:10px;font-size:.78rem;font-weight:700}.mc-oil-remaining-note.is-overdue{color:#c0392b}.mc-data-section{background:#fff;border-radius:16px;margin-bottom:14px;padding:16px;box-shadow:0 1px 4px #0000000d}.mc-data-section-title{color:#444;margin:0 0 12px;font-size:.78rem;font-weight:700}.mc-data-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mc-data-cell{flex-direction:column;gap:2px;display:flex}.mc-data-cell-label{color:#aaa;font-size:.65rem;font-weight:500}.mc-data-cell-value{color:#111;font-size:.82rem;font-weight:700}.mc-component-report{color:#555;border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px;font-size:.82rem;line-height:1.6}.mc-timeline{flex-direction:column;gap:12px;display:flex;position:relative}.mc-timeline-item{align-items:flex-start;gap:12px;display:flex}.mc-timeline-dot{color:#888;background:#e8e8e4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:4px;display:flex}.mc-timeline-dot.is-good{color:#27ae60;background:#e8f5e9}.mc-timeline-dot.is-due-soon{color:#f39c12;background:#fff3e0}.mc-timeline-dot.is-due-now,.mc-timeline-dot.is-overdue{color:#c0392b;background:#fdecea}.mc-timeline-content{background:#fff;border-radius:14px;flex:1;padding:14px;box-shadow:0 1px 4px #0000000d}.mc-timeline-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mc-timeline-date{color:#111;margin:0;font-size:.88rem;font-weight:800}.mc-timeline-data-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mc-timeline-data-cell{flex-direction:column;gap:2px;display:flex}.mc-timeline-data-label{color:#aaa;font-size:.62rem;font-weight:500}.mc-timeline-data-value{color:#222;font-size:.78rem;font-weight:700}.mc-timeline-oil-section{border-top:1px solid #f0f0f0;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:8px;display:grid}.mc-timeline-report{color:#555;border-top:1px solid #f0f0f0;margin-top:8px;padding-top:8px;font-size:.78rem;line-height:1.5}.mc-system-hero-image{background:#f3f2ef;border-radius:18px;width:100%;height:180px;margin-bottom:14px;overflow:hidden}.mc-system-hero-image img{object-fit:contain;width:100%;height:100%;padding:16px}.mc-system-info-card{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);border-radius:18px;margin-bottom:16px;padding:18px}.mc-system-info-card-title{color:#ffffff73;margin:0 0 4px;font-size:.7rem}.mc-system-info-card-name{letter-spacing:-.03em;margin:0 0 4px;font-size:1.4rem;font-weight:900}.mc-system-info-card-sub{color:#ffffff73;margin:0 0 14px;font-size:.75rem}.mc-system-stat-row{border-top:1px solid #ffffff1a;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:12px;display:grid}.mc-system-stat-cell{flex-direction:column;gap:2px;display:flex}.mc-system-stat-label{color:#ffffff73;font-size:.62rem}.mc-system-stat-value{color:#fff;font-size:.82rem;font-weight:700}.mc-parts-list{flex-direction:column;gap:10px;display:flex}.mc-part-card{color:inherit;background:#fff;border-radius:14px;gap:12px;min-height:88px;text-decoration:none;transition:transform .1s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000d}.mc-part-card:active{transform:scale(.99)}.mc-part-image-wrap{background:#f3f2ef;flex-shrink:0;width:88px;overflow:hidden}.mc-part-image-wrap img{object-fit:contain;width:100%;height:100%;padding:8px}.mc-part-content{padding:12px 12px 12px 0;flex-direction:column;flex:1;justify-content:center;gap:3px;padding-inline-start:0;display:flex}html[dir=ltr] .mc-part-content{padding-inline:0;padding-left:0}.mc-part-name{color:#111;margin:0;font-size:.88rem;font-weight:800}.mc-part-sub{color:#aaa;margin:0;font-size:.67rem}.mc-part-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.mc-part-meta-item{color:#666;font-size:.7rem}.mc-part-meta-date{color:#999;font-size:.7rem}.mc-empty-state{text-align:center;color:#aaa;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;font-size:.88rem;display:flex}.mc-error-state{text-align:center;color:#c0392b;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;font-size:.88rem;display:flex}.mc-empty-welcome{padding:8px 0 20px}.mc-empty-welcome h2{color:#111;margin:0 0 6px;font-size:1.2rem;font-weight:800}.mc-empty-welcome p{color:#888;margin:0;font-size:.85rem;line-height:1.6}.mc-skeleton-card{background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.mc-skeleton-list{flex-direction:column;gap:12px;display:flex}.mc-skeleton-hero-card{background:#e8e8e4;border-radius:22px;height:220px;margin-bottom:16px;overflow:hidden}.mc-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mc-skeleton-grid-item{background:#e8e8e4;border-radius:16px;height:140px;animation:1.4s ease-in-out infinite skeleton-pulse}.mc-history-list{flex-direction:column;gap:10px;display:flex}.mc-history-item{color:inherit;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:transform .1s;display:flex;box-shadow:0 1px 4px #0000000d}.mc-history-item:active{transform:scale(.99)}.mc-history-image{background:#f3f2ef;border-radius:12px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.mc-history-image img{object-fit:contain;width:100%;height:100%;padding:6px}.mc-history-content{flex:1;min-width:0}.mc-history-name{color:#111;margin:0 0 2px;font-size:.88rem;font-weight:700}.mc-history-system{color:#aaa;margin:0 0 4px;font-size:.66rem}.mc-history-date{color:#888;margin:0;font-size:.72rem}.cust-login-page{flex-direction:row-reverse;min-height:100vh;display:flex}html[dir=ltr] .cust-login-page{flex-direction:row}.cust-login-panel{background:#fff;flex-direction:column;flex:1;justify-content:center;gap:0;max-width:560px;padding:48px 56px;display:flex}.cust-login-visual{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 40%,#c0392b 100%);flex:1;justify-content:center;align-items:center;display:flex}.cust-login-brand-wrap{margin-bottom:28px}.cust-login-hero{margin-bottom:20px}.cust-login-hero h1{letter-spacing:-.04em;color:#111;margin:0 0 8px;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800}.cust-login-hero p{color:#666;margin:0;font-size:.95rem;line-height:1.6}.cust-login-mobile-icon,.cust-login-sheet-title{display:none}.cust-login-form-wrap{width:100%}.cust-login-form-wrap .input,.cust-login-form-wrap .button{min-height:48px}@media (width<=767px){.cust-login-page{background:linear-gradient(#fff7f2 0%,#f5ede6 100%);flex-direction:column;min-height:100dvh}.cust-login-visual{display:none}.cust-login-panel{background:0 0;flex:1;justify-content:flex-start;max-width:none;padding:0}.cust-login-brand-wrap{padding:max(28px, env(safe-area-inset-top,20px)) 24px 0;justify-content:center;margin-bottom:0;display:flex}.cust-login-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;margin-bottom:0;padding:28px 24px;display:flex}.cust-login-hero h1{color:#171717;order:2;font-size:clamp(1.8rem,7vw,2.6rem)}.cust-login-hero p{color:#6b7280;order:3;max-width:270px}.cust-login-mobile-icon{color:#c0391e;background:#d9361e14;border-radius:22px;order:1;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}.cust-login-form-wrap{padding:28px 24px max(28px, env(safe-area-inset-bottom,24px));background:#fff;border:1px solid #ece7e2;border-bottom:none;border-radius:24px 24px 0 0;box-shadow:0 -12px 40px #1914120f}.cust-login-sheet-title{color:#171717;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:block}.cust-login-form-wrap .input{background:#fff;border-color:#ddd8d3;min-height:52px;font-size:1rem}.cust-login-form-wrap .input:focus{border-color:#d9361e;outline:none;box-shadow:0 0 0 3px #d9361e1f}.cust-login-form-wrap .button-primary{background:linear-gradient(135deg,#e23d22,#b92716);border:none;min-height:52px;box-shadow:0 4px 16px #b927162e}.cust-login-form-wrap .button-primary:hover{background:linear-gradient(135deg,#cb3620,#a82212)}.cust-login-form-wrap .button-primary:active{box-shadow:0 2px 8px #b9271624}}.staff-bottom-nav{display:none}@media (width<=900px){.staff-layout>aside.sidebar{display:none!important}.staff-layout .admin-content{padding-bottom:96px!important}.staff-bottom-nav{z-index:55;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom,0px);inset-inline:0;background:#fffffff7;align-items:stretch;display:flex;position:fixed;bottom:0}.staff-bottom-nav-item{min-height:56px;color:var(--muted);letter-spacing:.01em;text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 2px;font-size:.58rem;font-weight:700;text-decoration:none;transition:color .16s,background .16s;display:flex}.staff-bottom-nav-item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.staff-bottom-nav-item.is-active{color:var(--red)}.staff-bottom-nav-item:active{background:var(--red-soft)}.staff-layout .staff-action-grid{grid-template-columns:1fr;gap:10px}.staff-layout .staff-action-card{min-height:68px;padding:16px 18px}.staff-layout .staff-search-panel{display:none}.staff-layout .admin-topbar{padding-inline-end:108px}[data-portal=staff] .input,[data-portal=staff] .select{min-height:52px;font-size:1rem}[data-portal=staff] .textarea{font-size:1rem}[data-portal=staff] .button{min-height:48px}[data-portal=staff] .auth-page{background:linear-gradient(#fff7f2 0%,#f5ede6 100%);flex-direction:column;min-height:100dvh;display:flex}[data-portal=staff] .auth-panel{min-height:unset;background:0 0;flex-direction:column;flex:1;justify-content:flex-start;padding:0;display:flex}[data-portal=staff] .auth-form-wrap{width:100%;padding:max(28px, env(safe-area-inset-top,20px)) 24px 0;flex-direction:column;flex:1;margin-inline:0;display:flex}[data-portal=staff] .auth-form-wrap>h1{text-align:center;margin-top:24px;margin-bottom:6px;font-size:clamp(1.8rem,7vw,2.6rem)}[data-portal=staff] .auth-form-wrap>p{text-align:center;flex:1;justify-content:center;align-items:center;margin-bottom:0;display:flex}[data-portal=staff] .auth-form{padding:28px 24px max(28px, env(safe-area-inset-bottom,20px));margin-inline:-24px;background:#fff;border:1px solid #ece7e2;border-bottom:none;border-radius:24px 24px 0 0;gap:14px;margin-top:24px;box-shadow:0 -12px 40px #1914120f}[data-portal=staff] .auth-form .input{background:#fff;border-color:#ddd8d3;min-height:52px;font-size:1rem}[data-portal=staff] .auth-form .input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c932161f}[data-portal=staff] .auth-form .button-primary{background:linear-gradient(135deg,#e23d22,#b92716);border:none;min-height:52px;font-size:1rem;box-shadow:0 4px 16px #b927162e}[data-portal=staff] .auth-form .button-primary:hover{background:linear-gradient(135deg,#cb3620,#a82212)}}@media (width<=640px){.maintenance-form-card,.maintenance-selected-vehicle{padding:16px!important}.maintenance-fields-grid,.maintenance-vehicle-grid{grid-template-columns:1fr!important}}@media (width<=900px){.staff-layout .desktop-table{display:none}.staff-layout .mobile-cards{gap:10px;display:grid}}.staff-portal-root{overflow-x:hidden}