.card{background:#fff;border:1px solid rgba(213,214,226,.7);border-radius:14px;box-shadow:0 1px 2px rgba(16,16,32,.04),0 8px 24px -12px rgba(16,16,32,.12)}
.btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:10px;padding:.5rem .9rem;font-size:13.5px;font-weight:500;line-height:1.2;transition:all .15s;cursor:pointer;white-space:nowrap}
.btn-primary{background:#1f1f2e;color:#fff}.btn-primary:hover{background:#393a4f}
.btn-brand{background:linear-gradient(135deg,#7645ff,#5c15e3);color:#fff;box-shadow:0 6px 16px -6px rgba(118,69,255,.6)}.btn-brand:hover{filter:brightness(1.08)}
.btn-ghost{background:#fff;color:#393a4f;border:1px solid #d5d6e2}.btn-ghost:hover{background:#f6f6f9}
.btn-danger{background:#fff;color:#b91c1c;border:1px solid #fecaca}.btn-danger:hover{background:#fef2f2}
.btn-sm{padding:.3rem .6rem;font-size:12.5px;border-radius:8px}
.inp{width:100%;border:1px solid #d5d6e2;border-radius:10px;padding:.5rem .75rem;font-size:13.5px;background:#fff;outline:none;transition:border .15s,box-shadow .15s}
.inp:focus{border-color:#9474ff;box-shadow:0 0 0 3px rgba(118,69,255,.15)}
.lbl{display:block;font-size:12px;font-weight:600;color:#65688c;margin-bottom:.3rem;letter-spacing:.01em}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
.tbl th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:#8588a8;font-weight:600;padding:.6rem .9rem;border-bottom:1px solid #ececf2;background:#fafafc}
.tbl td{padding:.65rem .9rem;border-bottom:1px solid #f1f1f5;vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:#fafafc}
.pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.15rem .6rem;font-size:11.5px;font-weight:600}
.pill-green{background:#ecfdf5;color:#047857}.pill-gray{background:#f1f1f5;color:#65688c}.pill-red{background:#fef2f2;color:#b91c1c}.pill-amber{background:#fffbeb;color:#b45309}.pill-blue{background:#eff6ff;color:#1d4ed8}.pill-brand{background:#f3f1ff;color:#5c15e3}
.kpi{font-size:26px;font-weight:700;letter-spacing:-.02em;color:#13131c}
.mono{font-family:'JetBrains Mono',monospace;font-size:12.5px}
.step{position:relative;border:1px solid #e3e3ea;border-radius:12px;background:#fff;padding:.9rem 1rem}
.step::before{content:"";position:absolute;left:50%;top:-18px;height:18px;border-left:2px dashed #d5d6e2}
.step:first-child::before{display:none}
[x-cloak]{display:none!important}