:root{
  --bg1:#071226;
  --bg2:#0a2a56;
  --glass: rgba(255,255,255,.08);
  --stroke: rgba(255,255,255,.12);
  --txt: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.65);
  --accent:#ffd35a;
}

html,body{height:100%;}
body{
  background: radial-gradient(1200px 600px at 20% 10%, #123b7a 0%, transparent 55%),
              radial-gradient(900px 500px at 80% 20%, #4a2b85 0%, transparent 60%),
              linear-gradient(135deg, var(--bg1), var(--bg2));
  color: var(--txt);
}

.nav-glass{
  background: linear-gradient( to right, rgba(0,0,0,.25), rgba(255,255,255,.06) );
  border-bottom: 1px solid var(--stroke);
  backdrop-filter: blur(14px);
}

.card-glass{
  background: var(--glass);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.badge-soft{
  padding:6px 10px; border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: var(--txt);
  font-size: .85rem;
}

.btn-accent{
  background: linear-gradient(135deg, #ffd35a, #ffb84a);
  color:#1a1a1a !important;
  border-radius: 12px;
  font-weight: 700;
}

.input-field input, .input-field textarea{
  color: var(--txt) !important;
}
.input-field label{ color: var(--muted) !important; }
.helper-text{ color: var(--muted) !important; }

.table-glass{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  overflow:hidden;
}
table.highlight>tbody>tr:hover{
  background: rgba(255,255,255,.06);
}

.small-muted{color: var(--muted); font-size:.92rem;}

.input-field label {
  transform: translateY(-14px) scale(0.8);
}