:root{
  color-scheme: dark;

  --bg: #0b0f14;
  --panel: #0f1620;
  --panel2: #101a26;
  --border: #223042;

  --text: #e6edf3;
  --muted: #9fb0c0;
  --link: #7aa2ff;

  --input-bg: #0b1220;
  --input-border: #243247;

  --btn-bg: #e6edf3;
  --btn-text: #0b0f14;

  --danger: #ff6b6b;
}

html,body{
  background: var(--bg);
  color: var(--text);
}

a{ color: var(--link); }
a:hover{ opacity:.9; }

.card{
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.badge{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--border);
  color: var(--muted);
}

.hint{ color: var(--muted); }

table{ color: var(--text); }
th,td{ border-bottom: 1px solid rgba(255,255,255,.08); }

input, select, textarea{
  background: var(--input-bg);
  color: var(--text);
  border: 1px solid var(--input-border);
  border-radius: 10px;
}

input::placeholder, textarea::placeholder{
  color: rgba(230,237,243,.45);
}

button{
  background: var(--btn-bg);
  color: var(--btn-text);
  border: 0;
  border-radius: 10px;
}

hr{ border: 0; border-top: 1px solid rgba(255,255,255,.10); }

.neg{ color: var(--danger) !important; }