:root{
  --brand:#2563eb;
  --bg:#0b1220;
  --card:#0f1a30;
  --text:#e7eefc;
  --muted:#a7b3cc;
  --border:rgba(255,255,255,.10);
}
body{
  background: radial-gradient(900px 450px at 20% 5%, rgba(37,99,235,.18), transparent 60%),
              radial-gradient(700px 500px at 90% 20%, rgba(99,102,241,.15), transparent 55%),
              var(--bg);
  color:var(--text);
}
a{ color:#9cc0ff; }
a:hover{ color:#cbe0ff; }
.navbar, .card, .list-group-item, .table, .form-control, .form-select, .btn, .dropdown-menu {
  border-radius: 16px !important;
}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid var(--border);
  box-shadow: 0 10px 25px rgba(0,0,0,.22);
}
.form-control, .form-select{
  background: rgba(255,255,255,.06);
  color: var(--text);
  border:1px solid var(--border);
}
.form-control:focus, .form-select:focus{
  box-shadow: 0 0 0 .20rem rgba(37,99,235,.18);
  border-color: rgba(156,192,255,.55);
}
.table{
  color: var(--text);
}
.table thead th{
  color: var(--muted);
  border-color: var(--border);
}
.table td{
  border-color: var(--border);
}
.badge{
  border-radius: 999px;
}
.brand-dot{
  width:10px;height:10px;border-radius:999px;background:var(--brand);display:inline-block;margin-right:8px;
}
.sidebar{
  position: sticky; top: 1rem;
}
.sidebar .list-group-item{
  background: rgba(255,255,255,.04);
  border:1px solid var(--border);
  color: var(--text);
}
.sidebar .list-group-item.active{
  background: rgba(37,99,235,.25);
  border-color: rgba(37,99,235,.35);
}
.btn-primary{
  background: var(--brand);
  border-color: rgba(255,255,255,.10);
}
.btn-outline-light{
  border-color: var(--border);
}
.small-muted{ color: var(--muted); }
hr{ border-color: var(--border); }


/* UI readability fixes */
.form-label { color: rgba(255,255,255,.85) !important; font-weight: 500; letter-spacing:.2px; }
.form-text { color: rgba(255,255,255,.55) !important; }
.form-control, .form-select {
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.form-control::placeholder { color: rgba(255,255,255,.35) !important; }
.modal-backdrop.show { opacity: .75 !important; backdrop-filter: blur(2px); }
.modal-content {
  background: rgba(17,24,39,.96) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.65) !important;
}
.card { background: rgba(17,24,39,.80) !important; border: 1px solid rgba(255,255,255,.10) !important; }