/* Drop-in your original CSS here to ensure an exact match */
body{font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; padding:0;}
.container{max-width:1100px;margin:24px auto;padding:0 16px;}
.top{background:#0f1623;color:#fff;border-bottom:1px solid #1f2937;}
.top .links{display:flex;gap:12px;align-items:center;padding:12px 16px;}
.top a{color:#fff;text-decoration:none;opacity:.95}
.top .spacer{flex:1}
.btn{display:inline-block;padding:8px 12px;border:1px solid #ccc;border-radius:8px;text-decoration:none}
.list{list-style:none;padding:0;margin:0}
.list-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid #eee}
.icon{width:48px;height:48px;border-radius:8px;object-fit:cover}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #eee;padding:8px;text-align:left}
.ov-panel{border:1px solid #eee;border-radius:8px;padding:12px;margin:8px 8px 8px 0;display:inline-block;min-width:160px}
/* Default dashboard look — replace or expand with your EJS site's CSS */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #0f1623;
  color: #fff;
  margin: 0;
  padding: 0;
}

header.top {
  background: #0f1623;
  border-bottom: 1px solid #1f2937;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header.top .brand a {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  font-weight: 600;
}

header.top nav a {
  color: #fff;
  text-decoration: none;
  margin: 0 10px;
  transition: opacity 0.2s;
}

header.top nav a:hover {
  opacity: 0.8;
}

main.container {
  max-width: 900px;
  margin: 50px auto;
  padding: 0 20px;
  text-align: center;
}

h1 {
  font-size: 2.5em;
  margin-bottom: 10px;
}

p {
  color: #d1d5db;
  margin-bottom: 30px;
}

.btn {
  display: inline-block;
  background: #5865f2;
  color: white;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s;
}

.btn:hover {
  background: #4752c4;
}
.field {display:block;margin:12px 0;color:#e5e7eb}
.field input[type="text"],
.field input[type="number"] {width:100%;max-width:480px;padding:8px 10px;border:1px solid #1f2937;border-radius:8px;background:#0b0f14;color:#e5e7eb}
.field input[type="checkbox"] {transform:scale(1.1);margin-left:8px}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{border:1px solid #1f2937;border-radius:12px;background:#0f1623;padding:14px}
.card h4{margin:0 0 8px}
.table td .discord-user img{ vertical-align:middle; margin-right:6px; border-radius:50%; width:18px; height:18px; }
