*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-card:#141414;--bg-input:#1c1c1c;--bordeaux:#8b1a2e;--or:#d4af37;--or-light:#e8c84a;--creme:#f5f0e8;--gray:#888;--gray-dark:#555;--success:#2ed573;--error:#ff4757}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--creme);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}input,button,select,textarea{font-family:inherit}.scroll-zone{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:hidden auto}.scroll-zone::-webkit-scrollbar{display:none}.app-shell{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative}.statusbar{background:var(--bg);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 20px;display:flex;position:relative}.main-content{flex:1;position:relative;overflow:hidden}.navbar{background:var(--bg-card);height:72px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #1e1e1e;flex-shrink:0;justify-content:space-around;align-items:center;display:flex}.nav-item{cursor:pointer;color:var(--gray-dark);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;transition:all .2s;display:flex}.nav-item .nav-icon{font-size:20px;transition:transform .2s}.nav-item .nav-label{font-size:10px;font-weight:500}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active{color:var(--or)}.card{background:var(--bg-card);border:1px solid #1e1e1e;border-radius:18px}.input{background:var(--bg-input);color:var(--creme);border:1px solid #2a2a2a;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s}.input:focus{border-color:var(--or)}.input::placeholder{color:var(--gray)}.btn-primary{background:var(--or);color:#000;cursor:pointer;letter-spacing:.3px;border:none;border-radius:14px;width:100%;padding:16px 20px;font-size:15px;font-weight:700;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--or-light);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--or);border:1px solid var(--or);cursor:pointer;background:0 0;border-radius:14px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#d4af3714}.btn-ghost{color:var(--creme);cursor:pointer;background:#1e1e1e;border:none;border-radius:12px;padding:10px 14px;font-size:14px;transition:background .2s}.btn-ghost:hover{background:#2a2a2a}.title-xl{color:var(--creme);font-family:Playfair Display,serif;font-size:26px;font-weight:700}.title-lg{color:var(--creme);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.title-md{color:var(--creme);font-family:Playfair Display,serif;font-size:18px;font-weight:600}.label{color:var(--gray);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:600}.mono{font-family:JetBrains Mono,monospace}.price{color:var(--or);font-family:JetBrains Mono,monospace}.divider{background:#1e1e1e;height:1px}.badge{color:var(--or);background:#d4af371a;border:1px solid #d4af3740;border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--success);background:#2ed5731a;border-color:#2ed5734d}.step-bar{align-items:center;margin-bottom:4px;padding:0 20px;display:flex}.step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.step-dot.done{background:var(--or);color:#000}.step-dot.active{background:var(--bordeaux);color:#fff;box-shadow:0 0 0 3px #8b1a2e40}.step-dot.todo{color:var(--gray);background:#1e1e1e}.step-line{border-radius:1px;flex:1;height:2px;transition:background .3s}.step-line.done{background:var(--or)}.step-line.todo{background:#1e1e1e}.fade-in{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}.progress-track{background:#1e1e1e;border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--bordeaux), var(--or));border-radius:2px;height:100%;transition:width .5s}.vehicle-card{cursor:pointer;background:var(--bg-card);border:1px solid #1e1e1e;border-radius:16px;padding:16px;transition:all .2s}.vehicle-card:hover{border-color:#333}.vehicle-card.selected{border-color:var(--or);background:#d4af370a}.alert{border-radius:12px;padding:12px 14px;font-size:13px}.alert-error{color:#ff6b7a;background:#ff47571a;border:1px solid #ff47574d}.alert-success{color:var(--success);background:#2ed5731a;border:1px solid #2ed5734d}.page-header{align-items:center;gap:12px;padding:14px 20px 0;display:flex}.back-btn{width:36px;height:36px;color:var(--creme);cursor:pointer;background:#1e1e1e;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .2s;display:flex}.back-btn:hover{background:#2a2a2a}