:root{--brand:#7c3aed;--brand-strong:#6d28d9;--brand-dark:#5b21b6;--brand-tint:#f5f3ff;--brand-tint-2:#ede9fe;--radius-sm:8px;--radius-card:12px;--radius-lg:16px;--radius-pill:9999px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.card{border-radius:var(--radius-card);background:#fff;border:1px solid #e5e7eb}.card-lg{border-radius:var(--radius-lg);background:#fff;border:1px solid #e5e7eb}.card-shadow{border-radius:var(--radius-card);background:#fff;box-shadow:0 1px 6px #0000000f}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.badge-sm{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.5;display:inline-flex}.badge-brand{background:var(--brand-tint-2);color:var(--brand-strong)}.badge-gray{color:#475569;background:#f1f5f9}.badge-green{color:#15803d;background:#dcfce7}.badge-amber{color:#a16207;background:#fef9c3}.badge-red{color:#b91c1c;background:#fee2e2}