:root{--blue:#1167d8;--blue-dark:#0b4fae;--blue-soft:#eaf3ff;--navy:#0f1b2d;--ink:#1b2638;--text:#4b596b;--muted:#748296;--line:#e3e9f0;--soft:#f7f9fc;--white:#fff;--success:#0f9d78;--warning:#d98a00;--danger:#d14343;--max:1600px}*{box-sizing:border-box}body{color:var(--ink);letter-spacing:.004em;-webkit-font-smoothing:antialiased;background:#f6f8fb;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}[data-lucide]{display:block}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff7;position:sticky;top:0}.nav{width:min(calc(100% - 48px),var(--max));justify-content:space-between;align-items:center;gap:24px;min-height:72px;margin:auto;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font-size:1.12rem;font-weight:700;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.nav-links{color:#536276;align-items:center;gap:26px;font-size:.94rem;font-weight:550;display:flex}.nav-links a.active,.nav-links a:hover{color:var(--blue)}.nav-actions{align-items:center;gap:9px;display:flex}.icon-btn{border:1px solid var(--line);color:#667487;background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.avatar{background:var(--blue-soft);width:39px;height:39px;color:var(--blue);border:1px solid #d6e7fb;border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid}.page{width:min(calc(100% - 48px),var(--max));margin:auto;padding:38px 0 78px}.eyebrow{color:var(--blue);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:9px;font-size:.75rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px}h1{color:var(--navy);letter-spacing:-.024em;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:650;line-height:1.08}.sub{color:var(--text);max-width:760px;margin:10px 0 0;font-size:.94rem;line-height:1.65}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:.82rem;font-weight:650;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-outline{color:var(--navy);background:#fff;border-color:#cad5e2}.btn-danger{color:var(--danger);background:#fdeeee;border-color:#f3d4d4}.card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.card-head{border-bottom:1px solid var(--line);padding:20px 22px 16px}.card-head h2{color:var(--navy);margin:0;font-size:1.08rem;font-weight:650}.card-head p{color:var(--muted);margin:6px 0 0;font-size:.8rem;line-height:1.55}.card-body{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{color:#566578;font-size:.8rem;font-weight:600}.helper{color:#8a97a7;font-size:.72rem;line-height:1.45}.input,.select,.textarea{width:100%;color:var(--navy);background:#fff;border:1px solid #d6e0ea;border-radius:11px;outline:0;font-size:.9rem}.input,.select{min-height:49px;padding:0 13px}.textarea{resize:vertical;min-height:100px;padding:12px 13px;line-height:1.55}.input:focus,.select:focus,.textarea:focus{border-color:#8bb5eb;box-shadow:0 0 0 3px #1167d812}.search-select{position:relative}.search-select .input{cursor:pointer;padding-right:42px}.search-select.disabled .input{cursor:not-allowed;background:var(--soft);color:var(--muted)}.search-select.disabled>[data-lucide]{opacity:.45}.search-select>[data-lucide]{width:18px;height:18px;color:var(--muted);pointer-events:none;transition:transform .16s,color .16s;position:absolute;top:24.5px;right:14px;transform:translateY(-50%)}.search-select.open{z-index:80}.search-select.open>[data-lucide]{color:var(--blue);transform:translateY(-50%)rotate(180deg)}.search-select-panel{z-index:80;border:1px solid var(--line);background:var(--white);box-sizing:border-box;border-radius:11px;width:100%;min-width:0;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 14px 32px #0f1b2d24}.search-select-panel[hidden]{display:none}.search-select-filter{border-bottom:1px solid var(--line);position:relative}.search-select-filter>[data-lucide]{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-select-filter input{background:var(--white);width:100%;height:48px;color:var(--navy);border:0;outline:0;padding:0 13px 0 42px;font-size:.88rem}.search-select-options{overscroll-behavior:contain;max-height:min(250px,100vh - 190px);padding:6px;overflow-y:auto}.search-select-option{width:100%;min-height:43px;color:var(--navy);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;font-size:.88rem;display:grid}.search-select-option:hover,.search-select-option:focus-visible{background:var(--soft);outline:0}.search-select-option>[data-lucide]{width:17px;height:17px;color:var(--blue)}.search-select-check-space{width:17px}.search-select-empty{color:var(--muted);text-align:center;margin:0;padding:16px 12px;font-size:.8rem}.card:has(.search-select.open){z-index:70;position:relative;overflow:visible}.choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.choice{cursor:pointer;background:#fff;border:1px solid #dde5ee;border-radius:13px;flex-direction:column;justify-content:space-between;min-height:90px;padding:13px;display:flex;position:relative}.choice input{opacity:0;position:absolute}.choice:has(input:checked){background:#f5faff;border-color:#84b3ed;box-shadow:0 0 0 3px #1167d80e}.choice i{width:21px;height:21px;color:var(--blue)}.choice strong{color:var(--navy);font-size:.8rem;font-weight:650}.choice span{color:var(--muted);font-size:.7rem}@media (width<=900px){.nav-links{display:none}.choice-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.nav,.page{width:calc(100% - 24px)}.page{padding-top:26px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.choice-grid{grid-template-columns:1fr 1fr}.card-head,.card-body{padding:17px}}.vehicle-head{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:20px;padding:20px;display:grid}.vehicle-photo{background:#eaf3ff;border-radius:15px;height:160px;overflow:hidden}.vehicle-photo img{object-fit:cover;width:100%;height:100%}.vehicle-info h1{font-size:2rem}.meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pill{color:#607084;background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;min-height:29px;padding:0 9px;font-size:.72rem;font-weight:600;display:inline-flex}.pill i{width:14px;height:14px}.pill.warn{color:#b36a00;background:#fff5e6}.head-actions{flex-direction:column;gap:8px;min-width:150px;display:flex}.grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.section-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:16px;overflow:hidden}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:19px 21px 15px;display:flex}.section-head h2{color:var(--navy);margin:0;font-size:1.05rem;font-weight:650}.section-head span{color:var(--muted);font-size:.76rem}.section-body{padding:20px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.summary{border:1px solid var(--line);background:#fcfdfe;border-radius:12px;padding:13px}.summary span{color:#8b97a6;text-transform:uppercase;letter-spacing:.05em;font-size:.69rem;font-weight:700;display:block}.summary strong{color:var(--navy);margin-top:6px;font-size:.88rem;font-weight:650;display:block}.timeline{gap:0;display:grid}.service-item{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;gap:12px;padding:15px 0;display:grid}.service-item:last-child{border-bottom:0}.service-icon{background:var(--blue-soft);width:42px;height:42px;color:var(--blue);border-radius:11px;place-items:center;display:grid}.service-icon i{width:19px;height:19px}.service-copy strong{color:var(--navy);font-size:.86rem;font-weight:650;display:block}.service-copy p{color:var(--muted);margin:4px 0 0;font-size:.75rem;line-height:1.45}.service-price{color:var(--navy);font-size:.82rem;font-weight:650}.reminder{border-bottom:1px solid var(--line);align-items:flex-start;gap:11px;padding:12px 0;display:flex}.reminder:last-child{border-bottom:0}.reminder i{width:18px;height:18px;color:var(--warning);margin-top:1px}.reminder strong{color:var(--navy);font-size:.82rem;font-weight:650;display:block}.reminder span{color:var(--muted);margin-top:4px;font-size:.73rem;line-height:1.45;display:block}.file-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.file-row:last-child{border-bottom:0}.file-row i{width:18px;height:18px;color:var(--blue)}.file-row strong{color:var(--navy);font-size:.8rem;font-weight:650;display:block}.file-row span{color:var(--muted);margin-top:3px;font-size:.7rem;display:block}.side-card{position:sticky;top:94px}.quick-action{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.quick-action:last-child{border-bottom:0}.quick-action i{width:18px;height:18px;color:var(--blue);margin-top:1px}.quick-action strong{color:var(--navy);font-size:.8rem;font-weight:650;display:block}.quick-action span{color:var(--muted);margin-top:3px;font-size:.72rem;line-height:1.4;display:block}@media (width<=1000px){.vehicle-head{grid-template-columns:180px 1fr}.head-actions{flex-direction:row;grid-column:1/-1}.grid{grid-template-columns:1fr}.side-card{position:static}}@media (width<=700px){.vehicle-head{grid-template-columns:1fr}.vehicle-photo{height:190px}.summary-grid{grid-template-columns:1fr 1fr}.head-actions{flex-direction:column}}.add-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.side-note{position:sticky;top:94px}.tip{color:#5f7187;background:#f7fbff;border:1px solid #dce9f7;border-radius:13px;gap:10px;margin-bottom:10px;padding:13px;font-size:.76rem;line-height:1.5;display:flex}.tip i{width:17px;height:17px;color:var(--blue);flex:none}.upload{text-align:center;cursor:pointer;background:#fbfcfe;border:1.5px dashed #c8d4e2;border-radius:14px;padding:22px}.upload:hover{background:#f8fbff;border-color:#9abce5}.upload-icon{background:var(--blue-soft);width:46px;height:46px;color:var(--blue);border-radius:13px;place-items:center;margin:0 auto 9px;display:grid}.upload strong{color:var(--navy);font-size:.84rem;font-weight:650;display:block}.upload span{color:var(--muted);margin-top:5px;font-size:.72rem;line-height:1.4;display:block}.preview{padding:18px}.vehicle-preview{height:160px;color:var(--blue);background:linear-gradient(135deg,#eaf3ff,#f8fbff);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.vehicle-preview i{width:58px;height:58px}.preview h3{color:var(--navy);margin:0;font-size:1rem;font-weight:650}.preview p{color:var(--muted);margin:5px 0 0;font-size:.76rem;line-height:1.45}.actions{border-top:1px solid var(--line);background:#fcfdfe;justify-content:flex-end;gap:8px;padding:15px 22px;display:flex}@media (width<=980px){.add-layout{grid-template-columns:1fr}.side-note{position:static}}.mobile-toggle{border:1px solid var(--line);color:#667487;background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:none}.mobile-toggle [data-lucide],.icon-btn [data-lucide],.brand-mark [data-lucide]{margin:0}.avatar{margin:0;line-height:1}.garage-subpage .form-error{color:var(--danger);margin:10px 0 0;font-size:.78rem;font-weight:600}.garage-subpage .btn[disabled]{opacity:.65;cursor:not-allowed}.garage-subpage .vehicle-photo-preview{object-fit:cover;width:100%;height:100%}.garage-subpage .quick-action{cursor:pointer}@media (width<=900px){.mobile-toggle{display:grid}}@media (width<=620px){.nav-actions .icon-btn{display:none}}.search-select-option[aria-selected=true]{background:var(--blue);color:#fff;font-weight:600}.search-select-option[aria-selected=true]:hover,.search-select-option[aria-selected=true]:focus-visible{background:var(--blue)}.search-select-option[aria-selected=true]>[data-lucide],.search-select-option[aria-selected=true]>svg{color:#fff}