:root { color-scheme: dark; --bg: #020617; --flaeche: #0a1324; --rand: rgba(148,163,184,.22); --text: #e5ecf5; --leise: #8a9db5; --akzent: #04fc4c; --warnung: #ff4444; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.5 system-ui, sans-serif; }
main { max-width: 1100px; margin: 0 auto; padding: 24px 16px; }
nav { display: flex; gap: 16px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--rand); background: var(--flaeche); }
nav a { color: var(--text); text-decoration: none; } nav form { margin-left: auto; }
a { color: var(--akzent); }
input, button, select, textarea { font: inherit; color: var(--text); background: var(--flaeche); border: 1px solid var(--rand); border-radius: 6px; padding: 8px 12px; }
button { cursor: pointer; } button.gefahr { border-color: var(--warnung); color: var(--warnung); }
table { width: 100%; border-collapse: collapse; } th, td { text-align: left; padding: 8px; border-bottom: 1px solid var(--rand); vertical-align: top; }
td form { display: inline; }
.hinweis { color: var(--leise); } .fehler { color: var(--warnung); } .code { font-family: ui-monospace, monospace; font-size: 1.1em; word-break: break-all; }