:root{--brand:#FB2056;--ink:#1c2434;--muted:#6b7280;--line:#e8ebf1;--bg:#f6f7fb}
*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.topbar{background:#202537}.navbar-brand{letter-spacing:-.02em}.nav-link{font-size:.93rem}
.btn-primary{background:var(--brand);border-color:var(--brand)}.btn-primary:hover,.btn-primary:focus{background:#db1648;border-color:#db1648}
.form-control:focus,.form-select:focus{border-color:#f98aa7;box-shadow:0 0 0 .2rem rgba(251,32,86,.12)}
.eyebrow{color:var(--brand);font-size:.73rem;letter-spacing:.12em;font-weight:800}
.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(23,32,56,.025)}
.metric-label{color:var(--muted);font-size:.82rem;font-weight:600}.metric-value{font-size:clamp(1.5rem,2vw,2rem);line-height:1.25;font-weight:800;margin:.45rem 0;letter-spacing:-.04em;overflow-wrap:anywhere}.metric-hint{color:#8a91a0;font-size:.75rem}
.progress{height:7px;background:#f0f1f5;border-radius:99px}.progress-bar{background:var(--brand);border-radius:99px}
.chart-bars{display:flex;align-items:flex-end;gap:clamp(12px,3vw,30px);height:220px;padding:18px 8px 0;border-bottom:1px solid var(--line)}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%;min-width:0}.chart-number{font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:8px}.chart-bar{width:min(48px,65%);min-height:8px;background:linear-gradient(180deg,#fb2056,#ff8aa8);border-radius:8px 8px 0 0}.chart-label{font-size:.72rem;color:var(--muted);padding-top:10px;text-align:center;white-space:nowrap}
.table{--bs-table-bg:transparent;margin-bottom:.25rem}.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#858b99;border-bottom-color:var(--line);white-space:nowrap}.table td{border-bottom-color:#f0f1f5;font-size:.9rem}
.stage-pill{display:inline-block;border-radius:99px;padding:5px 10px;background:#fff0f4;color:#c71646;font-size:.75rem;font-weight:700;white-space:nowrap}.empty-state{background:#fafbfe;border:1px dashed #dfe3ec;border-radius:12px;padding:28px;text-align:center;color:var(--muted)}
.login-wrap{min-height:70vh;display:grid;place-items:center}.login-card{width:min(100%,430px);border:1px solid var(--line);border-radius:18px}.form-panel{max-width:1000px}.mapping-item{background:#fafbfe;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;min-height:64px;overflow-wrap:anywhere}
@media(max-width:700px){.topbar .container-fluid{flex-wrap:wrap;gap:8px}.topbar .d-flex{width:100%;overflow:auto;gap:12px!important}.topbar .nav-link{white-space:nowrap;padding:.25rem 0;font-size:.82rem}main.container-fluid{padding-left:14px!important;padding-right:14px!important}.metric-card,.panel{padding:16px}}
