:root{
  --brand:#b30000;
  --brand2:#7d0000;
  --card:#141416;
  --bg:#0b0b0c;
  --text:#f3f3f3;
}

*{ font-weight: 700 !important; }

body{ background:var(--bg); color:var(--text); }
.card{ background:var(--card); border:1px solid #222; border-radius:16px; }
.form-control, .form-select{
  background:#0f0f10; border:1px solid #2a2a2a; color:var(--text); border-radius:14px;
}
.form-control:focus, .form-select:focus{
  border-color:var(--brand); box-shadow:0 0 0 .25rem rgba(179,0,0,.25); background:#0f0f10; color:var(--text);
}

.btn-brand{ background:var(--brand); border:0; color:#fff; border-radius:14px; }
.btn-brand:hover{ background:var(--brand2); color:#fff; }

.sidebar{
  background: linear-gradient(180deg, var(--brand), var(--brand2));
  color:#fff;
}
.side-link{
  color:#fff !important;
  border-radius:12px;
  padding:10px 12px;
  background: rgba(255,255,255,.08);
}
.side-link:hover{ background: rgba(255,255,255,.14); }
.side-link.active{ background: rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.15); }

.topbar{
  background: linear-gradient(90deg, var(--brand), var(--brand2));
  color:#fff;
}

.brand-dot{
  width:14px; height:14px; border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.15);
}

.auth-bg{
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(179,0,0,.35), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(179,0,0,.25), transparent 60%),
    var(--bg);
}