:root {
  color-scheme: light dark;
}

body {
  margin: 0;
  font-family: system-ui, sans-serif;
}

/* Auto Theme */
.auto-theme { background-color: rgba(255,255,255,0.05); }

/* Logo */
.logo { height: 80px; }

/* Light */
@media (prefers-color-scheme: light) {
  body { background-color: #f8f9fa; color: #212529; }
  .auto-theme { background-color: #ffffff; }
  a { color:#0d6efd !important; }
}

/* Dark */
@media (prefers-color-scheme: dark) {
  body { background-color:#121212; color:#e2e2e2; }
  .auto-theme { background-color: rgba(255,255,255,0.05); }
  a { color:#61dafb !important; }
}

table { width:100% !important; margin-top:10px; border-collapse: collapse; }
th,td { padding: 8px 10px !important; }
th { border-bottom:2px solid #444 !important; font-weight:600; text-align:left; }
tr:nth-child(even){ background-color:rgba(255,255,255,0.03); }
a{text-decoration:none;}
a:hover{text-decoration:underline;}