:root{
  --bg:#07142c;
  --bg2:#0b1d3a;
  --card:#0a1a33;
  --border:#123a6b;
  --text:#d7f9ff;
  --muted:#8bd0dd;
  --neon:#3cff88;
  --neon2:#00e5ff;
}

body{
  background: radial-gradient(1200px 600px at 10% 10%, #0d2a5a 0%, var(--bg) 55%, #030a18 100%);
  color: var(--text);
}

.navbar{
  background: linear-gradient(90deg, #06122a, #0b2348) !important;
  border-bottom: 1px solid var(--border);
}

a, .nav-link{ color: var(--neon2) !important; }
a:hover, .nav-link:hover{ color: var(--neon) !important; }

.bg-light{ background: rgba(10,26,51,.55) !important; border:1px solid var(--border); color: var(--text) !important; }
.card{
  background: rgba(10,26,51,.75);
  border:1px solid var(--border);
  box-shadow: 0 0 25px rgba(0,229,255,.08);
  color: var(--text);
}
.card .card-title{ color: var(--neon); }

.table{
  color: var(--text);
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
  --bs-table-bg-type: rgba(11,29,58,.6);
  color: var(--text);
}
.table-bordered, .table-bordered td, .table-bordered th{
  border-color: var(--border) !important;
}

.form-control, .form-select, textarea{
  background: rgba(7,20,44,.8) !important;
  border:1px solid var(--border) !important;
  color: var(--text) !important;
}
.form-control:focus, .form-select:focus, textarea:focus{
  box-shadow: 0 0 0 .2rem rgba(0,229,255,.15);
  border-color: var(--neon2) !important;
}

.btn-primary{
  background: linear-gradient(90deg, #0b4aa5, #00bcd4) !important;
  border: none !important;
}
.btn-success{
  background: linear-gradient(90deg, #0f8a4c, #3cff88) !important;
  border: none !important;
  color:#04110c !important;
  font-weight: 700;
}
.btn-outline-danger{
  border-color: #ff4d4d !important;
  color: #ff7b7b !important;
}
.btn-outline-danger:hover{
  background:#ff4d4d !important;
  color:#220000 !important;
}
.alert{
  border:1px solid var(--border);
  background: rgba(11,29,58,.6);
  color: var(--text);
}
.text-muted{ color: var(--muted) !important; }
code{
  color: var(--neon);
}

.btn-outline-info{ border-color: var(--neon2) !important; color: var(--neon2) !important; }
.btn-outline-info:hover{ background: rgba(0,229,255,.15) !important; }