:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body { max-width: 1100px; margin: 0 auto; padding: 1rem; background: #16181d; color: #eceff4; }
a { color: #87c5ff; } header, .toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
nav { display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; } h1 a { color:inherit; text-decoration:none; }
table { width:100%; border-collapse:collapse; background:#20242c; } th, td { padding:.65rem; border:1px solid #3b4252; text-align:left; vertical-align:top; }
.card { display:grid; gap:.8rem; max-width:780px; padding:1rem; background:#20242c; border:1px solid #3b4252; border-radius:.4rem; }
label { display:grid; gap:.35rem; } input, textarea, select, button { padding:.55rem; font:inherit; } button, .button { cursor:pointer; padding:.5rem .7rem; border-radius:.3rem; border:1px solid #5e81ac; background:#2e4d72; color:#fff; text-decoration:none; }
.inline { display:inline; } .badge { padding:.25rem .5rem; border-radius:.3rem; background:#3b6e4e; } .muted { background:#555; }
.error { color:#ff8f8f; } .danger { margin-top:1rem; display:flex; gap:.5rem; flex-wrap:wrap; } .trashed { opacity:.65; } footer { margin-top:2rem; color:#aab3c2; font-size:.85rem; }