:root{
  --navy:#0A1F44;
  --blue:#1E90FF;
  --green:#00C853;
  --bg:#F7FAFC;
  --text:#111827;
  --muted:#6B7280;
}
body{ background:var(--bg); color:var(--text); }
.brand{ display:flex; gap:12px; align-items:center; }
.brand img{ height:36px; }
.badge-status{ padding:.25rem .6rem; border-radius:999px; font-weight:600; font-size:.8rem; }
.status-Pending{ background:#FEF3C7; color:#92400E; }
.status-Won{ background:#D1FAE5; color:#065F46; }
.status-Lost{ background:#FEE2E2; color:#991B1B; }
.btn-primary{ background:var(--blue); border-color:var(--blue); }
.btn-primary:hover{ filter:brightness(.95); }
.btn-outline-primary{ border-color:var(--blue); color:var(--blue); }
.btn-outline-primary:hover{ background:var(--blue); color:white; }
.card{ border:0; border-radius:14px; box-shadow:0 6px 18px rgba(16,24,40,.06); }
.navbar{ background:white; border-bottom:1px solid rgba(15,23,42,.06); }
.sidebar{ background:white; border-right:1px solid rgba(15,23,42,.06); min-height:100vh; }
.nav-pills .nav-link.active{ background:rgba(30,144,255,.10); color:var(--navy); font-weight:700; }
.nav-pills .nav-link{ color:var(--muted); border-radius:12px; }
.nav-pills .nav-link:hover{ background:rgba(30,144,255,.06); color:var(--navy); }
.kpi{ font-size:1.4rem; font-weight:800; }
.small-muted{ color:var(--muted); font-size:.9rem; }