:root {
  --sidebar-width: 260px;
}
body { background: #f6f7fb; }
.navbar-brand { font-weight: 700; letter-spacing: .3px; }
.hero {
  background: radial-gradient(1200px 600px at 20% 10%, rgba(13,110,253,.25), transparent 55%),
              radial-gradient(900px 500px at 80% 30%, rgba(32,201,151,.18), transparent 60%),
              linear-gradient(180deg, #0b1220, #101b33);
  color: #fff;
}
.hero .card { border: 0; border-radius: 18px; }
.badge-soft { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); }
.sidebar {
  width: var(--sidebar-width);
  position: fixed;
  left: 0; top: 0; bottom: 0;
  background: #0b1220;
  color: #cbd5e1;
  padding: 16px 14px;
  overflow-y: auto;
}
.sidebar .brand {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 10px; border-radius: 14px;
  background: rgba(255,255,255,.06);
}
.sidebar .brand .logo {
  width: 38px; height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0d6efd, #20c997);
}
.sidebar a { color: #cbd5e1; text-decoration: none; }
.sidebar .nav-link { border-radius: 12px; padding: 10px 12px; display:flex; gap:10px; align-items:center; }
.sidebar .nav-link:hover { background: rgba(255,255,255,.07); }
.sidebar .nav-link.active { background: rgba(13,110,253,.22); color: #fff; border: 1px solid rgba(13,110,253,.35); }
.main {
  margin-left: var(--sidebar-width);
  padding: 22px 24px;
}
.card { border-radius: 18px; border: 1px solid rgba(2,6,23,.06); box-shadow: 0 10px 30px rgba(2,6,23,.06); }
.table thead th { color: #475569; font-weight: 600; }
.btn { border-radius: 12px; }
.form-control, .form-select { border-radius: 12px; }
.small-muted { color:#64748b; font-size: .92rem; }
.kpi { display:flex; align-items:center; justify-content:space-between; gap: 14px; }
.kpi .value { font-size: 1.4rem; font-weight: 800; color: #0f172a; }
.kpi .label { color: #64748b; font-weight: 600; }
.status-dot { width: 10px; height: 10px; border-radius: 999px; display:inline-block; margin-right:6px; }
.dot-green { background:#16a34a; } .dot-red { background:#dc2626; } .dot-amber{ background:#f59e0b; }