:root{
  --bg:#f7f8fb;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --brand:#9D2E34;
  --brand2:#30a2b6;
  --accent:#f59e0b;
  --ok:#16a34a;
  --danger:#dc2626;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --radius: 18px;
}

body{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(48,162,182,.10), transparent 60%),
              radial-gradient(1200px 600px at 80% 0%, rgba(157,46,52,.10), transparent 60%),
              var(--bg);
  color: var(--text);
}

.navbar-glass{
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.card-soft{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.btn-brand{
  background: linear-gradient(135deg, var(--brand), #b83a42);
  border: none;
  color: #fff;
}
.btn-brand:hover{ filter: brightness(1.03); color:#fff; }

.btn-brand2{
  background: linear-gradient(135deg, var(--brand2), #4ad0e6);
  border: none;
  color:#fff;
}
.btn-brand2:hover{ filter: brightness(1.03); color:#fff; }

.badge-brand{ background: rgba(157,46,52,.10); color: var(--brand); border: 1px solid rgba(157,46,52,.20); }
.badge-brand2{ background: rgba(48,162,182,.10); color: var(--brand2); border: 1px solid rgba(48,162,182,.20); }

.form-control, .form-select{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
}

.table>:not(caption)>*>*{ vertical-align: middle; }

.kpi{
  display:flex; align-items:center; gap:.75rem;
}
.kpi .dot{ width:14px; height:14px; border-radius:99px; background: var(--brand2); box-shadow: 0 0 0 6px rgba(48,162,182,.15); }
.kpi .dot.red{ background: var(--brand); box-shadow: 0 0 0 6px rgba(157,46,52,.15); }

.toast-container{ z-index: 1080; }

.pulse{
  animation: pulse 1.6s infinite;
}
@keyframes pulse{
  0%{ box-shadow: 0 0 0 0 rgba(245,158,11,.30); }
  70%{ box-shadow: 0 0 0 14px rgba(245,158,11,0); }
  100%{ box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}