:root{
  --bg:#0b1220;
  --panel:#111a2e;
  --panel2:#070c16;
  --border:rgba(255,255,255,.08);
  --text:#e9eefc;
  --muted:rgba(233,238,252,.65);
  --g1:#22c55e;
  --g2:#2563eb;
}
body{background:var(--bg); color:var(--text);}
.side{background:var(--panel); border-right:1px solid var(--border); min-height:100vh;}
.brand{font-weight:900; letter-spacing:.2px}
.cardx{background:var(--panel); border:1px solid var(--border); border-radius:16px;}
.muted{color:var(--muted)}
.chip{background:rgba(37,99,235,.15); border:1px solid rgba(37,99,235,.35); color:#cfe1ff; padding:.2rem .55rem; border-radius:999px; font-size:.85rem;}
.btn-soft{background:rgba(255,255,255,.08); border:1px solid var(--border); color:var(--text);}
.btn-soft:hover{background:rgba(255,255,255,.12); color:var(--text);}
.hrxx,.hrx{border-color:var(--border); opacity:1;}
.btn-grad{border:0;color:#fff;background:linear-gradient(135deg,var(--g1),var(--g2));}
.btn-grad:hover{filter:brightness(1.05);}
.text-grad{background:linear-gradient(135deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.form-control{background:#0b1220 !important;border:1px solid var(--border) !important;color:var(--text) !important;}
.form-control:focus{box-shadow:none !important;border-color:rgba(37,99,235,.55) !important;}
a{color:var(--muted);} a:hover{color:var(--text);}