: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}.field-error{display:block;margin-top:.3rem;color:#dc2626;font-size:.78rem;font-weight:600}.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)}.catalog-search{position:relative;margin-bottom:1.25rem}.catalog-search input{padding-left:2.5rem}.catalog-search svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.catalog-empty{text-align:center;padding:2rem 1rem;color:var(--muted)}.service-group{margin-bottom:1.6rem}.service-group:last-child{margin-bottom:0}.service-group-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem}.service-group-head h2{font-size:1rem;margin:0;color:var(--text)}.service-group-count{color:var(--muted);font-size:.8rem;font-weight:600;background:var(--primary-soft);color:var(--primary-hover);padding:.1rem .55rem;border-radius:999px}.service-group-line{flex:1;height:1px;background:var(--border)}.service-group-trigger{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem}.service-group-trigger h2{font-size:1rem;margin:0;color:var(--text)}.service-group-trigger:hover h2{color:var(--primary)}.service-group-chevron{color:var(--muted);flex:none;margin-left:auto;transition:transform .15s}.service-group-trigger[data-state=open] .service-group-chevron{transform:rotate(90deg);color:var(--primary)}.service-group-body{overflow:hidden}.service-group-body[data-state=open]{animation:sg-open .18s ease-out}.service-group-body[data-state=closed]{animation:sg-close .18s ease-out}@keyframes sg-open{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes sg-close{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}.option.svc{align-items:flex-start}.option.svc .title{display:block}.option.svc .meta{display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.option.svc .meta svg{flex:none;opacity:.7}.option.svc .chevron{color:var(--muted);flex:none;align-self:center;transition:transform .12s}.option.svc:hover .chevron{transform:translate(3px);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}