:root{--ink:#111;--muted:#606060;--line:#e1e1e1;--cream:#f5f5f2;--yellow:#ffcb05;--yellow-dark:#dca900;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#111;color:#fff;padding:30px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;border-right:4px solid var(--yellow)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:-.8px;padding:0 10px;line-height:.9}.brand b{color:var(--yellow)}.brand small{display:block;margin-top:5px;color:#8e8e8e;text-transform:uppercase;font-size:7px;letter-spacing:1.35px}.brand-mark{width:31px;height:31px;background:var(--yellow);color:#111;border-radius:3px;display:grid;place-items:center;font:900 10px Manrope,Arial,sans-serif;font-style:italic}nav{margin-top:55px;display:grid;gap:7px}.nav-item{padding:12px;border-radius:4px;color:#aeb4af;text-decoration:none;font-size:14px;font-weight:600}.nav-item span{margin-right:10px;font-size:17px}.nav-item.active,.nav-item:hover{background:#292929;color:var(--yellow)}.sidebar-foot{margin-top:auto;font-size:12px;color:#949b96;padding:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:8px}main{margin-left:238px;width:calc(100% - 238px);padding:36px 5.5%;max-width:1560px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.eyebrow{color:#8a7500;font-weight:800;font-size:10px;letter-spacing:1.4px;margin:0 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1.4px;margin-bottom:0}h2{font-size:21px;letter-spacing:-.8px;margin-bottom:4px}p{color:var(--muted);font-size:13px}.button{border:0;border-radius:4px;padding:12px 17px;font:800 13px Manrope,Arial,sans-serif;cursor:pointer;transition:.18s}.button.primary{background:var(--yellow);color:#111;box-shadow:0 2px 0 var(--yellow-dark)}.button.primary:hover{background:#ffda45;transform:translateY(-1px)}.button.secondary{background:#e8e8e8;color:#222}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:38px}.metrics article{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:5px;padding:17px 19px;display:grid;gap:6px}.metrics span{font-size:12px;font-weight:700;color:var(--muted)}.metrics strong{font:500 27px 'DM Mono',monospace}.list-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px}.list-heading p{margin:0}.search{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:4px;display:flex;gap:7px;color:#8e958f;align-items:center}.search input{border:0;outline:0;font:13px Manrope,Arial,sans-serif;width:230px}.install-list{border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden}.install-item{display:flex;align-items:center;gap:14px;padding:17px 19px;border-bottom:1px solid var(--line)}.install-item:last-child{border:0}.vehicle-avatar{width:38px;height:38px;border-radius:5px;background:#fff6cf;position:relative}.vehicle-avatar:after{content:'▰';position:absolute;color:#b58800;font-size:21px;left:9px;top:6px}.install-main{flex:1}.install-title{display:flex;align-items:center;gap:10px}.install-title h3{font-size:14px;margin:0}.date-label{font:10px 'DM Mono';color:#777}.vin-label{font:11px 'DM Mono';margin:3px 0 8px;color:#747b76}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{background:#fff5c7;color:#685100;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:800}.item-actions{display:flex;gap:5px}.icon-button{width:31px;height:31px;border:1px solid transparent;background:transparent;border-radius:4px;color:#555;font-size:17px;cursor:pointer}.icon-button:hover{background:#fff9df;border-color:#f2dc78}.delete-action:hover{color:#b5423b;background:#fff4f2}.empty-state{text-align:center;padding:76px 25px}.empty-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:6px;display:grid;place-items:center;background:#fff1b1;color:#9c7600;font-size:25px}.empty-state h3{font-size:16px;margin-bottom:7px}.empty-state p{max-width:350px;margin:0 auto 20px}.hidden{display:none!important}.form-section{max-width:900px}.form-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.form-heading h2{font-size:25px;margin:10px 0 5px}.form-heading p{margin:0}.back-link{border:0;padding:0;background:none;color:#756000;font:800 12px Manrope,Arial,sans-serif;cursor:pointer}.draft-pill{font:700 10px 'DM Mono';letter-spacing:.8px;border:1px solid #d4c36e;color:#796400;border-radius:20px;padding:6px 9px}.form-card{background:#fff;border:1px solid var(--line);border-radius:5px;padding:23px;margin-bottom:15px}.card-title{display:flex;gap:12px;margin-bottom:20px}.step{flex:none;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff1ad;color:#725900;font:500 11px 'DM Mono'}.card-title h3{font-size:15px;margin:1px 0 3px}.card-title p{margin:0;font-size:12px}.form-grid{display:grid;gap:14px}.vehicle-grid{grid-template-columns:2fr 1fr 1.2fr .8fr}label{font-size:11px;color:#616762;font-weight:800;letter-spacing:.15px}input,textarea,select{display:block;width:100%;border:1px solid #d8d8d8;border-radius:4px;margin-top:7px;padding:11px 10px;font:13px Manrope,Arial,sans-serif;color:var(--ink);outline:none;background:#fff}input:focus,textarea:focus,select:focus{border-color:#d9ad00;box-shadow:0 0 0 3px #fff5cc}input:disabled,select:disabled{background:#f6f6f5;color:#a0a5a1}.product-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-option{border:1px solid var(--line);border-radius:5px;padding:14px 11px;display:grid;grid-template-columns:17px 28px 1fr;gap:8px;align-items:center;cursor:pointer;color:var(--ink);letter-spacing:0}.product-option:has(input:checked){border-color:#e3b600;background:#fffbed}.product-option input{display:none}.checkmark{width:16px;height:16px;border:1px solid #c5c5c5;border-radius:3px}.product-option:has(input:checked) .checkmark{background:var(--yellow);border-color:var(--yellow-dark)}.product-option:has(input:checked) .checkmark:after{content:'✓';font-size:12px;margin-left:2px}.product-icon{font-size:22px;color:#a98100}.product-option b{font-size:12px;display:block}.product-option small{font-size:10px;color:var(--muted);font-weight:500;line-height:1.3;display:block;margin-top:2px}.coverage-table{border:1px solid var(--line);border-radius:5px;overflow:hidden}.coverage-row{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:13px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line)}.coverage-row:last-child{border:0}.coverage-header{background:#fff9e4;color:#766000;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.coverage-row input,.coverage-row select{margin:0}.area{display:flex;gap:9px;align-items:center;font-size:12px}.area input{display:inline-block;width:16px;height:16px;accent-color:#d9ad00}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding:7px 0 40px}.toast{position:fixed;bottom:24px;right:25px;background:#151515;color:#fff;padding:13px 17px;border-left:4px solid var(--yellow);font-size:13px;font-weight:700;transform:translateY(80px);opacity:0;transition:.25s;box-shadow:0 8px 25px #1a1d1c35}.toast.show{transform:translateY(0);opacity:1}@media(max-width:800px){.sidebar{display:none}main{margin:0;width:100%;padding:24px 18px}.vehicle-grid,.product-selector{grid-template-columns:1fr 1fr}.vehicle-grid label:first-child{grid-column:span 2}.coverage-row{grid-template-columns:1fr 1fr}.coverage-row .area{grid-column:span 2}.coverage-header{display:none}.coverage-row{padding:13px}.topbar{margin-bottom:24px}.metrics{gap:8px}.metrics article{padding:13px}.metrics strong{font-size:21px}.list-heading{align-items:flex-start;gap:12px;flex-direction:column}.search,.search input{width:100%}}@media(max-width:480px){.topbar .button{padding:10px}.product-selector,.vehicle-grid{grid-template-columns:1fr}.vehicle-grid label:first-child{grid-column:auto}.install-item{padding:13px}.item-actions{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.metrics article:last-child{grid-column:span 2}}
.coating-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.coating-option{border:1px solid var(--line);border-radius:5px;padding:15px;cursor:pointer;display:block;color:var(--ink)}.coating-option:has(input:checked){border-color:#e3b600;background:#fffbed;box-shadow:inset 0 0 0 1px #f5cf27}.coating-option input{display:inline-block;width:16px;height:16px;margin:0 8px 0 0;vertical-align:middle;accent-color:#d9ad00}.coating-option span{display:inline-block;vertical-align:middle}.coating-option b{display:block;font-size:13px;text-transform:uppercase}.coating-option small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:500}@media(max-width:800px){.coating-options{grid-template-columns:1fr 1fr}}@media(max-width:480px){.coating-options{grid-template-columns:1fr}}
.topbar-actions,.list-filters{display:flex;gap:9px;align-items:center}.store-filter{display:flex;align-items:center;gap:7px;white-space:nowrap}.store-filter select{width:auto;margin:0;padding:9px 27px 9px 9px;font-size:12px}@media(max-width:560px){.topbar-actions{gap:6px}.topbar-actions .button{padding:10px}.list-filters{width:100%;flex-direction:column;align-items:stretch}.store-filter{justify-content:space-between}.store-filter select{width:78%}}
.auth-gate{position:fixed;inset:0;z-index:20;background:#111;display:grid;place-items:center;padding:22px}.auth-gate.hidden{display:none}.login-card{width:min(100%,390px);background:#fff;padding:32px;border-top:5px solid #ffcb05;border-radius:5px;box-shadow:0 25px 80px #0008}.login-logo{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-size:19px;letter-spacing:-.8px}.login-logo span{background:#ffcb05;border-radius:3px;padding:9px 5px;font-size:10px;font-style:italic}.login-logo i{color:#a67c00;font-style:normal}.login-card h1{font-size:26px;margin-bottom:6px}.login-card label{display:block;margin-top:14px}.login-card .button{width:100%;margin-top:20px}.login-message{min-height:18px;margin:12px 0 0;color:#ae322c;font-size:12px}
.vin-entry,.field-entry{display:flex;gap:7px;margin-top:7px}.vin-entry input,.field-entry input{margin:0}.lookup-button,.scan-button{flex:none;border:0;border-radius:4px;background:#222;color:#fff;padding:0 12px;font:800 11px Manrope,Arial,sans-serif;cursor:pointer;display:flex;align-items:center}.lookup-button:hover,.scan-button:hover{background:#454545}.scan-button{background:#d7a900;color:#111}.scan-button:hover{background:#ffcb05}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.vin-field small,.field-entry+small{display:block;color:#737373;font-size:10px;font-weight:500;margin-top:5px;letter-spacing:0}.vin-field small.error,.field-entry+small.error{color:#ae322c}.vin-field small.success,.field-entry+small.success{color:#638200}
.tint-card>label{display:block;margin-bottom:18px}.tint-card>label>small{display:block;color:#737373;font-size:10px;font-weight:500;margin-top:5px;letter-spacing:0}.tint-card>label>small.error{color:#ae322c}.tint-card>label>small.success{color:#638200}.tint-card .field-entry select{margin:0}
.ppf-card>label{display:block;margin-bottom:18px}.ppf-card>label>small{display:block;color:#737373;font-size:10px;font-weight:500;margin-top:5px;letter-spacing:0}.ppf-card>label>small.error{color:#ae322c}.ppf-card>label>small.success{color:#638200}.label-hint{flex:1;border:1px solid #d8d8d8;border-radius:4px;background:#f7f7f5;color:#747474;padding:10px;font-size:11px;font-weight:500}
.work-order-scan{align-self:end;border:1px dashed #d4bb47;background:#fffbed;border-radius:5px;padding:10px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.work-order-scan b{font-size:11px;color:#625000}.work-order-scan small{width:100%;font-size:10px;font-weight:500;color:#737373}.work-order-scan small.error{color:#ae322c}.work-order-scan small.success{color:#638200}
.coverage-row.tint-row{grid-template-columns:1.15fr 1fr .72fr .9fr 38px}.coverage-row.ppf-row{grid-template-columns:1.2fr 1fr 1fr 38px}.area-scan-button{height:38px;width:38px;display:grid;place-items:center;background:#d7a900;color:#111;border-radius:4px;cursor:pointer;font-size:16px}.area-scan-button:hover{background:#ffcb05}.area-scan-button:has(+ input:disabled){background:#e3e3e3;color:#999;cursor:not-allowed}