:root {
  --bg: #0f172a; --card: #111827; --text: #e5e7eb; --muted: #9ca3af;
  --accent: #3b82f6; --danger: #ef4444; --ok: #10b981; --border: #1f2937;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial;
  background: var(--bg); color: var(--text); }
.container { max-width: 900px; margin: 40px auto; padding: 0 16px; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 14px; padding: 18px; margin-bottom: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.25); }
h1,h2,h3 { margin:0 0 12px; }
a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; }
.nav { display:flex; gap:12px; align-items:center; margin-bottom: 16px; }
.nav .spacer { flex:1; }
label { display:block; margin:10px 0 6px; color: var(--muted); }
input, select, button, textarea { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); background: #0b1220; color: var(--text); }
button { cursor:pointer; background: var(--accent); border: none; color: white; font-weight: 600; }
button.secondary { background: #374151; } button.danger { background: var(--danger); }
.table { width:100%; border-collapse: collapse; }
.table th,.table td { border-bottom: 1px solid var(--border); padding:10px; text-align:left; }
.table th { color: var(--muted); font-weight: 600; }
.badge { display:inline-block; padding:2px 8px; border-radius: 999px; font-size: 12px; }
.badge.ok { background:#064e3b; color:#a7f3d0; } .badge.warn { background:#3f1d1d; color:#fecaca; }
.row { display:grid; gap:12px; }
.row.two { grid-template-columns: 1fr 1fr; }
.row.three { grid-template-columns: 1.2fr 1fr 1fr; }
.footer { color: var(--muted); font-size: 12px; margin-top: 20px; }
.big-checkbox {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 8px;
    vertical-align: middle;
}

/* Bigger, inline checkbox + label */
.form-check { display:flex; align-items:center; gap:8px; margin-top:6px; }
.form-check-input { width:20px; height:20px; cursor:pointer; }
.form-check-label { font-size:1rem; cursor:pointer; }