:root{--bg:#f2f1ec;--surface:#fffefa;--surface-2:#e9e7df;--text:#121518;--muted:#687078;--line:#d9d6cc;--ink:#0d1013;--accent:#e9b949;--accent-2:#ffcc57;--accent-alpha:rgba(233,185,73,.25);--blue:#4f80ff;--green:#2ca66f;--amber:#e9b949;--red:#d85b54;--violet:#8b6ee8;--shadow:0 24px 70px rgba(17,20,23,.10);--radius:22px}
html.dark{--bg:#0b0d0f;--surface:#121519;--surface-2:#191d22;--text:#f5f3ed;--muted:#9ea5ad;--line:#282d33;--ink:#050607;--accent:#ffc947;--accent-2:#ffe08a;--accent-alpha:rgba(255,201,71,.18);--blue:#6c96ff;--green:#3ec484;--amber:#ffc947;--red:#ef7068;--violet:#a58cf1;--shadow:0 24px 80px rgba(0,0,0,.34)}
html{background:var(--bg);color-scheme:light}html.dark{color-scheme:dark}body{background:var(--bg);color:var(--text);transition:background .2s,color .2s}body,.site-header,.site-footer,.admin-topbar,.sidebar,.chart-card,.metric-grid article,.table-card,.mechanic-card,.form-section,.tracking-card,.estimate-sheet,.login-panel,.demo-roles button{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--accent);color:#111;padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}
.ux-controls{display:flex;align-items:center;gap:8px}.icon-control{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);cursor:pointer}.icon-control:hover{border-color:var(--accent);transform:translateY(-1px)}.icon-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.language-control{position:relative}.language-popover{position:absolute;right:0;top:48px;padding:8px;display:none;gap:6px;z-index:1000;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px}.language-control.open .language-popover{display:flex}.flag-option{width:42px;height:38px;border:1px solid transparent;border-radius:10px;background:transparent;font-size:20px;cursor:pointer}.flag-option:hover,.flag-option.active{background:var(--surface-2);border-color:var(--line)}
.premium-header{backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 88%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.premium-header .header-actions{display:flex;align-items:center;gap:10px}.desktop-nav a{position:relative}.desktop-nav a:not(.staff-link):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--accent);transition:right .2s}.desktop-nav a:hover:after{right:0}.staff-link{background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important}.dark .staff-link{background:var(--accent)!important;color:#111!important;border-color:var(--accent)!important}
.premium-hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:48px;align-items:center;padding:72px max(28px,calc((100vw - 1240px)/2))}.premium-hero h1{max-width:820px;font-size:clamp(3rem,6vw,6.9rem);line-height:.91;letter-spacing:-.065em}.premium-hero p{max-width:700px;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.75;color:var(--muted)}.technical-stage{min-height:610px;position:relative}.garage-visual{height:100%;min-height:590px;background:linear-gradient(145deg,#121518,#08090a);border:1px solid #30343a;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.22)}.visual-grid,.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent)}.garage-visual:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--accent-alpha),transparent 65%);right:-100px;top:-80px}.vehicle-silhouette{position:absolute;left:12%;right:12%;bottom:25%;height:180px;border-bottom:3px solid var(--accent)}.vehicle-silhouette span{position:absolute;left:12%;right:10%;bottom:34px;height:76px;border:3px solid var(--accent);border-bottom:none;border-radius:60% 44% 10px 10px;transform:skewX(-7deg);opacity:.9}.vehicle-silhouette i{position:absolute;bottom:12px;width:56px;height:56px;border-radius:50%;border:5px solid #20242a;box-shadow:inset 0 0 0 7px #08090a}.vehicle-silhouette i:nth-of-type(1){left:18%}.vehicle-silhouette i:nth-of-type(2){right:16%}.visual-label{position:absolute;left:28px;top:28px;color:#fff}.visual-label small{display:block;color:var(--accent);font-size:10px;letter-spacing:.22em}.visual-label b{font-size:26px;letter-spacing:-.04em}.floating-job{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.hero-stamp{background:var(--accent)!important;color:#111!important}.progress-track{background:var(--surface-2)!important}.progress-track i{background:var(--accent)!important}
.trust-strip{background:var(--ink)!important;color:#f7f2e8!important;border-color:#292d33!important}.trust-strip span:before{background:var(--accent)!important}.section,.page-hero,.booking-layout,.tracking-layout,.estimate-page,.contact-grid,.legal-content{max-width:1240px;margin-inline:auto}.service-card,.service-detail-grid article,.contact-grid article,.form-section,.tracking-card,.estimate-sheet,.confirmation-card,.aside-card{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none}.service-card:hover,.contact-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)!important;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))!important}.service-card>span,.service-detail-grid article>span{color:var(--accent)!important}.workflow-section{background:var(--ink)!important}.workflow-list article{border-color:#2f3338!important}.workflow-list article>span{color:var(--accent)!important}.blueprint-card{position:relative;min-height:520px;border-radius:32px;background:linear-gradient(145deg,#15191e,#080a0c);overflow:hidden;border:1px solid #2a2f34;box-shadow:var(--shadow)}.blueprint-card:after{content:"G24";position:absolute;right:-22px;bottom:-70px;font-size:260px;font-weight:900;letter-spacing:-.09em;color:rgba(255,255,255,.025)}.vehicle-card{position:absolute;left:10%;right:10%;top:22%;padding:34px;border:1px solid rgba(255,201,71,.42);background:rgba(10,12,14,.82);color:#fff;border-radius:18px}.vehicle-card small{color:var(--accent);letter-spacing:.18em}.vehicle-card strong{display:block;font-size:42px;margin:8px 0 2px}.vehicle-card>span{color:#aeb4ba}.vehicle-card>div{display:flex;justify-content:space-between;border-top:1px solid #30353b;padding-top:14px;margin-top:18px}.cta-band{background:var(--accent)!important;color:#111!important}.cta-band .eyebrow{color:#111!important}.btn.primary{background:var(--accent)!important;color:#111!important;border-color:var(--accent)!important}.btn.primary:hover{background:var(--accent-2)!important}.btn.ghost,.btn{border-color:var(--line)!important;color:var(--text)}.btn.dark{background:var(--ink)!important;color:#fff!important}.dark .btn.dark{background:var(--accent)!important;color:#111!important}.btn.inverse{background:#111!important;color:#fff!important;border-color:#111!important}
input,select,textarea{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-alpha)!important}.aside-card.dark{background:var(--ink)!important;color:#fff!important}.aside-card.dark p,.aside-card.dark li{color:#c2c7cd!important}.status-chip,.badge{border:1px solid var(--line)}.success,.badge.success,.status-chip.success{--chip:#2ca66f}.danger,.badge.danger,.status-chip.danger{--chip:#d85b54}.warning,.badge.warning,.status-chip.warning{--chip:#e0a930}.info,.badge.info,.status-chip.info{--chip:#4f80ff}
.site-footer{background:var(--ink)!important;color:#e6e5df!important}.site-footer a,.site-footer span,.site-footer p{color:#adb2b8}.footer-bottom{border-color:#262b31!important}.site-footer .brand-mark{background:var(--accent)!important;color:#111!important}
/* Admin */
.admin-body{background:var(--bg)!important;color:var(--text)!important}.sidebar{background:var(--ink)!important;border-color:#252a30!important;box-shadow:none!important}.sidebar-brand,.sidebar-foot{border-color:#262b31!important}.sidebar-brand a,.sidebar-foot,.sidebar-foot a{color:#f2f1eb!important}.sidebar-brand small,.user-mini small{color:#929aa2!important}.admin-mark{background:var(--accent)!important;color:#111!important}.side-nav a{color:#aeb5bc!important;border-radius:12px;margin:2px 8px;padding:11px 13px!important}.side-nav a i{width:24px;color:#7c848d;font-style:normal;text-align:center}.side-nav a:hover{background:#171b20!important;color:#fff!important}.side-nav a.active{background:var(--accent)!important;color:#111!important;box-shadow:0 8px 25px rgba(233,185,73,.12)}.side-nav a.active i{color:#111}.admin-shell{background:var(--bg)!important}.admin-topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)!important;border-color:var(--line)!important;backdrop-filter:blur(15px)}.top-context{color:var(--muted)!important}.top-actions{display:flex;align-items:center;gap:10px}.new-booking{background:var(--ink)!important;color:#fff!important;border-radius:12px;padding:10px 14px!important}.dark .new-booking{background:var(--accent)!important;color:#111!important}.admin-main{max-width:1540px;margin:0 auto;width:100%;padding:32px!important}.page-heading h1{letter-spacing:-.045em!important}.page-heading p,.muted{color:var(--muted)!important}.metric-grid article,.chart-card,.table-card,.mechanic-card,.kanban-col,.job-card{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important}.premium-metrics article{position:relative;overflow:hidden}.premium-metrics article:after{content:"";position:absolute;right:-26px;top:-26px;width:90px;height:90px;border-radius:50%;background:var(--accent-alpha)}.premium-metrics strong{letter-spacing:-.055em}.premium-dashboard{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr)!important}.dashboard-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))!important}.chart-card canvas{display:block;width:100%;max-width:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:14px;color:var(--muted);font-size:12px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.tone-success{background:var(--green)!important}.tone-danger{background:var(--red)!important}.tone-warning{background:var(--amber)!important}.tone-info{background:var(--blue)!important}.responsive-table table{color:var(--text)!important}.responsive-table th{color:var(--muted)!important;border-color:var(--line)!important}.responsive-table td{border-color:var(--line)!important}.stock-list i{background:var(--surface-2)!important}.stock-list i em{background:var(--accent)!important}.stock-list i em.danger{background:var(--red)!important}.mechanic-row{border-color:var(--line)!important}.mechanic-row>span{background:var(--surface-2)!important;color:var(--accent)!important}.flash{border-radius:14px}.kanban-board{align-items:flex-start}.job-card{box-shadow:0 12px 30px rgba(0,0,0,.04)!important}.job-tasks span{background:var(--surface-2)!important}.login-screen{background:var(--bg)!important}.login-wrap{max-width:1320px;margin:auto;min-height:100vh;padding:28px}.login-showcase{border-radius:30px!important;background:linear-gradient(150deg,#14181c,#090b0d)!important;position:relative;overflow:hidden}.login-showcase:after{content:"G24";position:absolute;right:-40px;bottom:-90px;font-size:300px;font-weight:900;color:rgba(255,255,255,.025);letter-spacing:-.1em}.login-showcase-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.login-showcase .ux-controls .icon-control{background:#15191d;color:#fff;border-color:#333942}.login-showcase .language-popover{background:#15191d;border-color:#333942}.login-panel{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;border-radius:30px!important}.demo-roles button{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}.demo-roles button:hover{border-color:var(--accent)!important}.login-form input{background:var(--bg)!important}.login-back{color:var(--muted)!important}
/* Existing CRUD screens receive polished baseline */
.admin-main .panel,.admin-main .card,.admin-main .form-card,.admin-main .detail-card,.admin-main .filter-card{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.admin-main table{background:transparent}.admin-main th,.admin-main td{border-color:var(--line)!important}.admin-main label{color:var(--text)}.admin-main small{color:var(--muted)}
@media(max-width:1100px){.premium-hero{grid-template-columns:1fr;padding-top:50px}.technical-stage{min-height:480px}.garage-visual{min-height:470px}.premium-dashboard,.dashboard-grid.thirds{grid-template-columns:1fr!important}.top-date{display:none}}
@media(max-width:860px){.admin-main{padding:22px 16px 96px!important}.desktop-nav{display:none!important}.premium-header .menu-toggle{display:flex!important}.mobile-nav.open{display:flex!important}.topbar-context .top-context{display:none}.new-booking{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.content-grid{grid-template-columns:1fr!important}.kanban-board{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.kanban-col{min-width:min(86vw,390px);scroll-snap-align:start}.login-wrap{grid-template-columns:1fr!important;padding:12px}.login-showcase{min-height:430px}}
@media(max-width:640px){.premium-header{padding-inline:16px!important}.brand small{display:none}.icon-control{width:38px;height:38px}.premium-hero{padding:42px 18px 56px;gap:28px}.premium-hero h1{font-size:clamp(3rem,15vw,4.7rem)}.hero-actions{display:grid!important;grid-template-columns:1fr 1fr}.hero-actions .btn{text-align:center;justify-content:center}.hero-trust{grid-template-columns:repeat(3,1fr)!important}.hero-trust b{font-size:1.35rem!important}.hero-trust span{font-size:10px!important}.technical-stage{min-height:390px}.garage-visual{min-height:380px;border-radius:22px}.floating-job{left:10px!important;right:10px!important;bottom:18px!important}.hero-stamp{display:none!important}.trust-strip{display:grid!important;grid-template-columns:1fr 1fr;padding-inline:18px!important}.section{padding-inline:18px!important}.service-grid,.service-detail-grid,.contact-grid{grid-template-columns:1fr!important}.workflow-section{grid-template-columns:1fr!important}.split-feature{grid-template-columns:1fr!important}.blueprint-card{min-height:380px}.vehicle-card{left:6%;right:6%;top:17%;padding:24px}.vehicle-card strong{font-size:32px}.cta-band{margin-inline:0!important;border-radius:0!important;padding:34px 20px!important}.page-hero{padding-inline:18px!important}.booking-layout,.tracking-layout,.estimate-page,.legal-content{padding-inline:18px!important}.field-grid{grid-template-columns:1fr!important}.field-grid .full{grid-column:auto!important}.booking-aside{position:static!important}.metric-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.metric-grid article{padding:17px!important}.metric-grid strong{font-size:1.9rem!important}.chart-card{padding:18px!important}.responsive-table table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tr{padding:12px 0;border-bottom:1px solid var(--line)}.responsive-table td{border:0!important;padding:5px 0!important;display:flex;justify-content:space-between;gap:14px}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.login-showcase{min-height:360px;padding:24px!important}.login-showcase h1{font-size:clamp(2.2rem,12vw,3.5rem)!important}.login-panel{padding:24px!important}.demo-roles{grid-template-columns:1fr!important}.top-actions .ux-controls{gap:6px}.admin-topbar{padding-inline:14px!important}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr!important}.hero-actions{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.top-actions{gap:6px}.icon-control{width:36px;height:36px}.premium-hero h1{font-size:3.35rem}}
@media(min-width:1600px){.admin-main{max-width:1660px}.premium-hero,.section,.page-hero,.booking-layout,.tracking-layout,.estimate-page,.contact-grid,.legal-content{max-width:1380px}.premium-hero{padding-inline:max(40px,calc((100vw - 1380px)/2))}}
[data-icon-sun]{display:none}.dark [data-icon-sun]{display:block}.dark [data-icon-moon]{display:none}