:root{--bg: #eef2f7;--surface: #ffffff;--border: #e3e7ec;--text: #1b2733;--muted: #6b7683;--primary: #0ea5a4;--primary-hover: #0c8a89;--primary-soft: #e6faf9;--danger: #dc2626;--success: #16a34a;--radius: 14px;--shadow: 0 8px 30px rgba(16, 24, 40, .08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg,#f7fafc 0%,var(--bg) 100%);font-size:15px}h1,h2,h3{margin:0 0 .4rem;font-weight:700}.wrap{max-width:640px;margin:0 auto;padding:2rem 1rem 4rem}.brandbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.brandbar .logo{width:38px;height:38px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.brandbar-logo{max-height:44px;max-width:160px;width:auto;height:auto;object-fit:contain}.brandbar b{font-size:1.1rem}.brandbar small{display:block;color:var(--muted);font-weight:400}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.25rem}.steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.step{flex:1;height:6px;border-radius:999px;background:#dce3ea}.step.done{background:var(--primary)}.step-label{color:var(--muted);font-size:.85rem;margin-bottom:1rem}.option{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;margin-bottom:.6rem;transition:border-color .12s,background .12s}.option:hover{border-color:var(--primary)}.option.selected{border-color:var(--primary);background:var(--primary-soft)}.option .title{font-weight:650}.option .meta{color:var(--muted);font-size:.85rem}.option .price{font-weight:700;color:var(--primary)}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem;font-weight:500}input,select{width:100%;padding:.65rem .75rem;border:1.5px solid var(--border);border-radius:10px;font:inherit;background:var(--surface);color:var(--text)}input:focus,select:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.field{margin-bottom:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}.row>*{flex:1;min-width:160px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.1rem;border:none;border-radius:10px;background:var(--primary);color:#fff;font:inherit;font-weight:650;cursor:pointer}button:hover{background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border)}.btn-ghost:hover{background:#f4f6f8}.actions{display:flex;justify-content:space-between;margin-top:1.25rem}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.5rem}.slot{padding:.55rem;border:1.5px solid var(--border);border-radius:10px;text-align:center;cursor:pointer;font-weight:600}.slot:hover{border-color:var(--primary);background:var(--primary-soft)}.slot.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.muted{color:var(--muted)}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;padding:.7rem .9rem;border-radius:10px;margin-bottom:1rem}.center{text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--success);color:#fff;display:grid;place-items:center;font-size:2rem;margin:0 auto 1rem}.summary{background:#f7fafc;border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.summary div{display:flex;justify-content:space-between;padding:.3rem 0}.summary div span:first-child{color:var(--muted)}.badge{display:inline-block;padding:.25rem .7rem;border-radius:999px;font-weight:700;font-size:.85rem}.badge.ok{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}