:root{--bg-primary:#0a0a0c;--bg-secondary:#121217;--bg-card:#121217a6;--bg-card-hover:#1a1a21cc;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--text-primary:#f4f4f7;--text-secondary:#9aa0a6;--text-muted:#606470;--primary:#f33;--primary-hover:#e60000;--primary-glow:#ff333359;--warning:#f59e0b;--success:#10b981;--info:#3b82f6;--accent:#a855f7;--font-display:"Syncopate", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--glass-blur:blur(16px);--card-shadow:0 8px 32px 0 #0000005e;--glow-shadow:0 0 20px var(--primary-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:none;outline:none}select{color:#f4f4f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#16161f}select option{padding:10px 14px;color:#fff!important;background-color:#1a1a24!important}select option:hover,select option:focus,select option:checked{color:#fff!important;background-color:#f33!important}select optgroup{color:#9aa0a6!important;background-color:#121217!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#23232b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#32323f}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:border-color var(--transition-normal), background var(--transition-normal), transform var(--transition-normal);border-radius:16px;padding:24px}.glass-card:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover)}.btn{font-family:var(--font-display);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--glow-shadow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 0 28px #ff33338c}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff1a}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.input-field{border:1px solid var(--border-color);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0003;border-radius:10px;padding:12px 16px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 10px #f333}.input-field::placeholder{color:var(--text-muted)}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-scheduled{color:var(--info);background:#3b82f626;border:1px solid #3b82f64d}.badge-progress{color:var(--accent);background:#a855f726;border:1px solid #a855f74d}.badge-completed{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=768px){.grid-cols-2{grid-template-columns:1fr}}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=992px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.grid-cols-3{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes pulse-red{0%{box-shadow:0 0 #f336}70%{box-shadow:0 0 0 10px #f330}to{box-shadow:0 0 #f330}}.pulse-primary{animation:2s infinite pulse-red}.text-mono{font-family:var(--font-mono)}.symptom-card{transition:all var(--transition-normal);border:1px solid var(--border-color)}.symptom-card:hover{box-shadow:0 0 20px var(--primary-glow);transform:translateY(-4px);border-color:var(--primary)!important;background:var(--bg-card-hover)!important}.symptom-card-active{box-shadow:0 0 20px var(--primary-glow);border-color:var(--primary)!important;background:var(--bg-card-hover)!important}.neon-glow{text-shadow:0 0 8px var(--primary-glow)}.radar-grid{background-image:radial-gradient(circle,#ff33330a 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:100px 100px,20px 20px,20px 20px}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-sweep-line{background:linear-gradient(90deg, var(--primary) 0%, transparent 100%);transform-origin:0;opacity:.1;pointer-events:none;width:150%;height:2px;animation:10s linear infinite radar-sweep;position:absolute;top:50%;left:50%}@keyframes ping-glow-green{0%{opacity:.9;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 #10b98199}70%{opacity:0;transform:translate(-50%,-50%)scale(2.2);box-shadow:0 0 0 12px #10b98100}to{opacity:0;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 #10b98100}}@keyframes ping-glow-blue{0%{opacity:.9;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 #3b82f699}70%{opacity:0;transform:translate(-50%,-50%)scale(2.2);box-shadow:0 0 0 12px #3b82f600}to{opacity:0;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 #3b82f600}}.radar-ping-green{animation:2.5s infinite ping-glow-green}.radar-ping-blue{animation:2.5s infinite ping-glow-blue}.erp-tab-button{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:10px 16px;font-size:.72rem}.erp-tab-button:hover{color:#fff;background:#ffffff05}.erp-tab-button-active{color:#fff;text-shadow:0 0 8px var(--primary-glow);border-bottom-color:var(--primary)!important;background:#ff33330d!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.grid-cols-4{grid-template-columns:1fr}}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1200px){.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.grid-cols-5{grid-template-columns:1fr}}.hero-banner{background:linear-gradient(135deg,#1a1a23d9 0%,#0a0a0cf2 100%);justify-content:space-between;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:left;z-index:1;max-width:60%}.hero-title{margin-top:10px;margin-bottom:15px;font-size:clamp(1.6rem,5vw,2.5rem);line-height:1.2}.hero-graphic{opacity:.15;pointer-events:none;position:absolute;top:50%;right:4%;transform:translateY(-50%)}@media (width<=768px){.hero-banner{flex-direction:column-reverse;align-items:stretch;gap:20px;padding:24px}.hero-content{text-align:center;max-width:100%}.hero-graphic{opacity:.25;justify-content:center;height:140px;margin:0 auto;display:flex;position:relative;top:auto;right:auto;transform:none}.hero-graphic svg{width:140px;height:140px}}.wizard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:20px;display:flex}.wizard-steps{gap:15px;display:flex}@media (width<=768px){.wizard-header{flex-direction:column;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px}.wizard-steps{justify-content:center;gap:20px;width:100%}}@media (width<=520px){.wizard-step-label{display:none}.wizard-steps{gap:12px}}.vin-lookup-group{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}@media (width<=600px){.vin-lookup-group{flex-direction:column;align-items:stretch;gap:10px}.vin-lookup-group .form-group,.vin-lookup-group button{width:100%}}.vehicle-decoded-grid{grid-template-columns:repeat(2,1fr);gap:10px 20px;font-size:.9rem;display:grid}@media (width<=520px){.vehicle-decoded-grid{grid-template-columns:1fr;gap:8px}}.form-address-grid{grid-template-columns:2fr 1fr 1fr;gap:15px;display:grid}@media (width<=768px){.form-address-grid{grid-template-columns:1fr;gap:10px}.form-address-grid .form-group{width:100%!important}}.form-buttons-group{justify-content:space-between;gap:12px;margin-top:15px;display:flex}@media (width<=480px){.form-buttons-group{flex-direction:column-reverse;gap:10px}.form-buttons-group .btn{width:100%}}.info-modal-card{text-align:left;border:1px solid #ff333340;flex-direction:column;width:100%;max-width:640px;max-height:90vh;padding:30px;display:flex;box-shadow:0 0 30px #ff333326}.info-modal-card.services-theme{border:1px solid #3b82f640;box-shadow:0 0 30px #3b82f626}@media (width<=600px){.info-modal-card{border-radius:12px;max-height:95vh;padding:20px 16px}}.wizard-card{text-align:left;padding:35px;scroll-margin-top:80px}@media (width<=600px){.wizard-card{padding:20px 16px}}@media (width<=768px){.hero-buttons{justify-content:center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}