body{
  background:
  radial-gradient(circle at top left,#063b3b88,transparent 28%),
  radial-gradient(circle at top right,#123b6588,transparent 30%),
  linear-gradient(180deg,#07111d,#050b13)!important;
}

.header{
  background:rgba(17,29,46,.9)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
  position:sticky;
  top:0;
  z-index:20;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}

.logo{
  letter-spacing:.8px;
  text-shadow:0 0 22px rgba(0,240,173,.28);
}

.nav{
  background:transparent!important;
  padding:24px 28px!important;
}

.page{
  max-width:1880px;
  margin:0 auto;
}

.card{
  background:linear-gradient(180deg,rgba(19,33,57,.96),rgba(10,22,38,.96))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.32)!important;
}

h1{
  font-size:34px!important;
  letter-spacing:-.6px;
}

h3{
  font-size:18px;
  letter-spacing:-.2px;
}

.controls{
  grid-template-columns:1.2fr 1.2fr auto auto!important;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:18px;
}

.tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:12px!important;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
  padding:10px;
  border-radius:18px;
}

.tab{
  background:#0f2238!important;
  color:#d6fff4!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  font-size:13px;
}

.tab.active{
  background:linear-gradient(135deg,#00f0ad,#00c2ff)!important;
  color:#001b16!important;
  box-shadow:0 12px 30px rgba(0,240,173,.24);
}

table{
  border-radius:16px;
  overflow:hidden;
}

th{
  color:#a8bad4!important;
  text-transform:uppercase;
  font-size:12px!important;
  letter-spacing:.7px;
}

td{
  background:rgba(255,255,255,.012);
}

tr:hover td{
  background:rgba(0,240,173,.055)!important;
}

button,.btn,.action-btn{
  border-radius:12px!important;
  transition:.18s ease;
}

button:hover,.btn:hover,.action-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}

.badge-success{
  background:rgba(0,185,92,.18)!important;
  color:#60ffb7!important;
  border:1px solid rgba(96,255,183,.32);
}

.badge-warn{
  background:rgba(255,176,32,.18)!important;
  color:#ffbf4d!important;
  border:1px solid rgba(255,176,32,.32);
}

.badge-fail{
  background:rgba(239,68,68,.18)!important;
  color:#ff8d8d!important;
  border:1px solid rgba(239,68,68,.32);
}

input,select{
  background:#f8fafc!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
}

.modalbox{
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}

@media(max-width:900px){
  .controls{grid-template-columns:1fr!important}
  .tabs{grid-template-columns:1fr!important}
}