:root { --card: rgba(255,255,255,0.92); }
.container-narrow{ max-width: 1280px; margin: 0 auto; }
.card{ background: var(--card); border: 1px solid rgba(15,23,42,0.08); border-radius: 18px; }
.badge{ border: 1px solid rgba(15,23,42,0.15); border-radius: 9999px; padding: 2px 10px; font-size: 12px; }
.table th, .table td { padding: 10px 12px; border-bottom: 1px solid rgba(15,23,42,0.08); vertical-align: top; }
.input{ width:100%; border:1px solid rgba(15,23,42,0.18); border-radius:12px; padding:10px 12px; background:white; }
.select{ width:100%; border:1px solid rgba(15,23,42,0.18); border-radius:12px; padding:10px 12px; background:white; }
.btn{ border-radius: 14px; padding: 10px 14px; font-weight: 600; display:inline-flex; align-items:center; gap:8px; }
.btn-primary{ background:#0f172a; color:white; }
.btn-ghost{ background:transparent; border:1px solid rgba(15,23,42,0.18); }
.kpi{ background:white; border:1px solid rgba(15,23,42,0.10); border-radius:16px; padding:14px; }
.small-help{ font-size: 12px; color: rgb(100 116 139); }