* { box-sizing: border-box; font-family: system-ui, sans-serif; }
body { margin: 0; background: #0f1115; color: #e7e9ee; padding: 24px; }
a { color: #6ea8fe; }
h1 { font-size: 1.4rem; }
.card { background: #1a1d24; border: 1px solid #2a2e37; border-radius: 10px; padding: 16px; margin-bottom: 12px; }
label { display: block; margin: 10px 0 4px; font-size: .85rem; color: #aab; }
input, select, button { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid #2a2e37; background: #0f1115; color: #e7e9ee; }
button { background: #2b6cff; border: 0; cursor: pointer; margin-top: 14px; font-weight: 600; }
button.danger { background: #b3261e; }
.row { display: flex; gap: 12px; flex-wrap: wrap; }
.row > * { flex: 1; min-width: 160px; }
.mods label { display: flex; align-items: center; gap: 8px; }
.mods input { width: auto; }
table { width: 100%; border-collapse: collapse; }
td, th { padding: 8px; border-bottom: 1px solid #2a2e37; text-align: left; }
.err { color: #ff8a80; margin-top: 8px; min-height: 1em; }