:root{
  --bg:#0b1220;
  --card:#0f1b33;
  --muted:#a9b4c7;
  --text:#e8eefc;
  --primary:#4f8cff;
  --border:rgba(255,255,255,.08);
}

body{
  background: radial-gradient(1200px 600px at 10% 0%, rgba(79,140,255,.18), transparent 60%),
              radial-gradient(1000px 500px at 90% 20%, rgba(99,203,255,.10), transparent 55%),
              var(--bg);
  color:var(--text);
}

.navbar{
  background: rgba(15,27,51,.75) !important;
  border-bottom:1px solid var(--border);
  backdrop-filter: blur(10px);
}

.card{
  background: rgba(15,27,51,.82);
  border:1px solid var(--border);
  border-radius:16px;
}

.form-control, .form-select{
  background: rgba(11,18,32,.65);
  border:1px solid var(--border);
  color:var(--text);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(79,140,255,.65);
  box-shadow: 0 0 0 .25rem rgba(79,140,255,.15);
  background: rgba(11,18,32,.85);
  color:var(--text);
}

.btn-primary{
  background: var(--primary);
  border-color: var(--primary);
}
.text-muted{ color: var(--muted) !important; }

.badge-soft{
  background: rgba(255,255,255,.06);
  border:1px solid var(--border);
  color: var(--text);
}

.table{
  color: var(--text);
}
.table thead th{
  border-bottom:1px solid var(--border);
}
.table tbody td{
  border-top:1px solid var(--border);
}

a{ color: #9cc2ff; text-decoration: none; }
a:hover{ color: #cfe0ff; }