:root{--surface:#fff;--bg:#f5f7fb;--text:#172033;--muted:#6b7280;--border:#e5e7eb;--primary:#5b3df5;--danger:#b42318;--success:#067647;--warning:#b54708}
body{background:var(--bg);color:var(--text);min-height:100vh}.navbar-brand{font-weight:800;letter-spacing:.2px}.content-wrap{max-width:1320px;margin:0 auto;padding:24px 18px 48px}.card{border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.card-header{background:#fff;border-bottom:1px solid var(--border);font-weight:700}.metric{font-size:1.7rem;font-weight:800}.muted{color:var(--muted)}.badge-soft{display:inline-flex;padding:.35rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}.badge-active{background:#ecfdf3;color:#067647}.badge-pending{background:#fff7ed;color:#b54708}.badge-blocked{background:#fef3f2;color:#b42318}.table> :not(caption)>*>*{vertical-align:middle}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#111827;color:#f9fafb;padding:14px;border-radius:10px;overflow:auto;word-break:break-all}.hero{padding:56px 0 34px}.hero h1{font-weight:900;letter-spacing:-.03em}.plan-card{height:100%}.plan-price{font-size:2rem;font-weight:900}.sidebar-link{display:block;padding:.55rem .75rem;border-radius:8px;color:#374151;text-decoration:none}.sidebar-link:hover{background:#f3f4f6}.form-label{font-weight:600}.section-title{font-size:1.05rem;font-weight:800}.progress{height:10px}.smallcaps{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800;color:var(--muted)}