:root{
  --seven-bg:#0b1220;
  --seven-surface:rgba(255,255,255,.06);
  --seven-border:rgba(255,255,255,.12);
  --seven-text:rgba(255,255,255,.88);
  --seven-muted:rgba(255,255,255,.62);
  --seven-accent:#067ec1;
  --seven-accent2:#4cc3ff;
  --seven-shadow:0 14px 45px rgba(0,0,0,.35);
}

html,body{height:100%}
body{
  color:var(--seven-text);
  background:
    radial-gradient(1200px 700px at 15% 0%, rgba(6,126,193,.25), transparent 60%),
    radial-gradient(900px 600px at 85% 10%, rgba(76,195,255,.15), transparent 55%),
    radial-gradient(700px 500px at 50% 100%, rgba(6,126,193,.12), transparent 60%),
    var(--seven-bg);
}

/* navbar */
.seven-navbar{
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(10,20,35,.72) !important;
  border-bottom: 1px solid var(--seven-border);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.seven-navbar .nav-link{
  color: rgba(255,255,255,.82) !important;
  font-weight: 600;
  padding: .55rem .8rem;
  border-radius: .75rem;
}
.seven-navbar .nav-link:hover{
  color:#fff !important;
  background: rgba(255,255,255,.06);
}
.seven-navbar .nav-link.active{
  color:#fff !important;
  background: rgba(6,126,193,.22);
  border: 1px solid rgba(6,126,193,.28);
}

/* cards */
.card{
  border:1px solid var(--seven-border);
  border-radius: 1rem;
  background: rgba(255,255,255,.06);
  box-shadow: var(--seven-shadow);
}
.card .card-header{
  border-bottom:1px solid var(--seven-border);
}
.seven-card-header{
  background: linear-gradient(135deg, rgba(6,126,193,.55), rgba(76,195,255,.22)) !important;
  color:#fff !important;
}

/* buttons */
.btn-primary{
  background: linear-gradient(135deg, var(--seven-accent), rgba(76,195,255,.65)) !important;
  border:0 !important;
  box-shadow: 0 12px 30px rgba(6,126,193,.25);
}
.btn-outline-primary{
  border-color: rgba(6,126,193,.55) !important;
  color: rgba(255,255,255,.86) !important;
}
.btn-outline-primary:hover{ background: rgba(6,126,193,.18) !important; }

/* tables */
.table{ color: rgba(255,255,255,.85); }
.table td,.table th{ border-color: rgba(255,255,255,.08) !important; }
.table thead th{
  color: rgba(255,255,255,.75);
  border-bottom: 1px solid var(--seven-border);
}