.sb-root{--sb-p:#14B8A6;--sb-a:#F97316;--sb-ink:#0B1220;--sb-muted:#5B6B82;--sb-line:#E6EAF2;--sb-bg:#F6F8FC;--sb-card:#fff;--sb-btn-t:#042F2E;--sb-btn2:#EEF2F7;--sb-step:#F3F6FB;--sb-price:#0F766E;--sb-ok:#059669;--sb-errbg:#FEF2F2;--sb-err:#991B1B;--sb-hero:#fff;--sb-input:#fff;--sb-radius:16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--sb-ink);line-height:1.45}
.sb-root *{box-sizing:border-box}
.sb-app{background:var(--sb-card);border:1px solid var(--sb-line);border-radius:calc(var(--sb-radius) * 1px + 6px);box-shadow:0 20px 50px rgba(15,23,42,.06);overflow:hidden}
.sb-hero{padding:22px 24px 8px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--sb-hero)}
.sb-hero h3{margin:0;font-size:22px;letter-spacing:-.03em;color:var(--sb-ink)}
.sb-hero p{margin:4px 0 0;color:var(--sb-muted);font-size:14px}
.sb-steps{display:flex;gap:8px;padding:0 24px 16px;flex-wrap:wrap;background:var(--sb-hero)}
.sb-step{font-size:12px;color:var(--sb-muted);padding:6px 10px;border-radius:999px;background:var(--sb-step)}
.sb-step.on{background:var(--sb-p);color:var(--sb-btn-t);font-weight:700}
.sb-body{padding:8px 24px 24px;background:var(--sb-card)}
.sb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sb-svc{border:1px solid var(--sb-line);border-radius:16px;padding:14px;cursor:pointer;background:var(--sb-card);color:var(--sb-ink);text-align:left;transition:.15s;width:100%}
.sb-svc:hover{border-color:var(--sb-p);transform:translateY(-1px)}
.sb-svc.active{border-color:var(--sb-p);box-shadow:0 0 0 3px color-mix(in srgb,var(--sb-p) 20%,transparent)}
.sb-svc b{display:block;font-size:15px}
.sb-svc small{display:block;color:var(--sb-muted);margin-top:6px}
.sb-price{margin-top:10px;font-weight:750;color:var(--sb-price)}
.sb-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sb-field{margin-bottom:10px}
.sb-field label{display:block;font-size:12px;color:var(--sb-muted);margin-bottom:6px}
.sb-field input,.sb-field select,.sb-field textarea{width:100%;border:1px solid var(--sb-line);border-radius:12px;padding:10px 12px;font:inherit;background:var(--sb-input);color:var(--sb-ink)}
.sb-field input:focus,.sb-field select:focus,.sb-field textarea:focus{outline:2px solid color-mix(in srgb,var(--sb-p) 35%,white);border-color:var(--sb-p)}
.sb-slots{display:flex;flex-wrap:wrap;gap:8px}
.sb-slot{border:1px solid var(--sb-line);background:var(--sb-input);color:var(--sb-ink);border-radius:11px;padding:8px 12px;cursor:pointer;font-weight:650}
.sb-slot:hover,.sb-slot.on{background:var(--sb-p);color:var(--sb-btn-t);border-color:transparent}
.sb-navbtns{display:flex;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}
.sb-btn{appearance:none;border:0;background:var(--sb-btn2);color:var(--sb-ink);padding:11px 16px;border-radius:12px;font-weight:700;cursor:pointer}
.sb-btn.p{background:var(--sb-p);color:var(--sb-btn-t)}
.sb-staff-item{border:1px solid var(--sb-line);border-radius:14px;padding:12px 14px;margin-bottom:10px;background:var(--sb-card)}
.sb-staff-item header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.sb-staff-item .meta{color:var(--sb-muted);font-size:13px;margin-top:4px}
.sb-btn[disabled]{opacity:.5;cursor:not-allowed}
.sb-sum{background:color-mix(in srgb,var(--sb-p) 10%,var(--sb-card));border:1px solid color-mix(in srgb,var(--sb-p) 30%,var(--sb-line));border-radius:16px;padding:14px 16px;margin-top:8px}
.sb-ok{text-align:center;padding:28px 10px;color:var(--sb-ok)}
.sb-ok .big{font-size:42px}
.sb-tabs{display:flex;gap:6px;padding:0 24px 8px;flex-wrap:wrap;background:var(--sb-hero)}
.sb-tab{border:0;background:var(--sb-step);color:var(--sb-ink);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:650}
.sb-tab.on{background:var(--sb-ink);color:var(--sb-card)}
.sb-error{background:var(--sb-errbg);color:var(--sb-err);border-radius:12px;padding:10px 12px;margin:8px 0}
.sb-empty{color:var(--sb-muted);padding:20px;text-align:center}
.sb-chip{display:inline-flex;gap:6px;align-items:center;background:var(--sb-step);border-radius:999px;padding:4px 10px;font-size:12px;margin:0 6px 6px 0;color:var(--sb-ink)}
.sb-open-modal{background:var(--sb-p);color:var(--sb-btn-t);border:0;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}
.sb-pill{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:650;background:var(--sb-step)}
.sb-pill.approved,.sb-pill.completed,.sb-pill.paid{color:var(--sb-ok)}
.sb-pill.canceled,.sb-pill.rejected{background:var(--sb-errbg);color:var(--sb-err)}
@media(max-width:700px){.sb-row{grid-template-columns:1fr}.sb-hero,.sb-body,.sb-tabs,.sb-steps{padding-left:16px;padding-right:16px}}

.sb-root,.sb-app,.sb-hero h3,.sb-svc b,.sb-field label,.sb-body{color:var(--sb-ink)!important}
.sb-hero p,.sb-svc small,.sb-empty,.sb-muted{color:var(--sb-muted)!important}
.sb-field input,.sb-field select,.sb-field textarea{color:var(--sb-ink)!important;background:var(--sb-input)!important}
.sb-sch{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.sb-sch-row{display:grid;grid-template-columns:52px 1fr 1fr;gap:8px;align-items:center}
.sb-sch-row span{font-weight:650;color:var(--sb-ink)}
.sb-sch-row input{width:100%;border:1px solid var(--sb-line);border-radius:12px;padding:10px 12px;background:var(--sb-input);color:var(--sb-ink);font:inherit}