:root{--bg:#0b0b0c;--card:#121214;--pri:#39ff14;--muted:#a7a7ad;--ring:0 0 0 3px rgba(57,255,20,.25);--rad:16px}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:#eee}
a{color:var(--pri);text-decoration:none} a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0e0e10;border-bottom:1px solid #1a1a1e;position:sticky;top:0}
.brand{font-weight:700;font-size:18px} nav a{margin:0 8px} nav a.active{color:#fff;border-bottom:2px solid var(--pri);padding-bottom:4px}
.wrap{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border-radius:var(--rad);padding:18px;margin:16px 0;border:1px solid #1a1a1e}
.ok{background:#123f1a;border:1px solid #1f7a2a;padding:10px;border-radius:12px;margin:12px 0}
.alert{background:#3f1212;border:1px solid #7a1f1f;padding:10px;border-radius:12px;margin:12px 0}
.grid{display:grid;gap:10px} input,textarea,select,button{padding:10px;border-radius:12px;border:1px solid #26262b;background:#0d0d10;color:#eee}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:var(--ring)}
button{background:var(--pri);color:#000;font-weight:700;cursor:pointer} button:hover{filter:brightness(1.05)}
.auth{display:grid;place-items:center;min-height:100vh}
.card h1,h2,h3{margin:8px 0 12px}
.search{display:flex;gap:8px;margin:12px 0}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card.mod{display:grid;grid-template-columns:120px 1fr;gap:12px}
.cover{width:120px;height:120px;border-radius:12px;background:#0a0a0a center/cover no-repeat;border:1px solid #1b1b1f}
.meta .row{display:flex;gap:12px;margin-top:6px;color:var(--muted)}
.muted{color:var(--muted)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f1f25;padding:10px;vertical-align:top}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;white-space:pre-wrap}
.mod-hero{display:flex;gap:18px;align-items:flex-start}
.mod-hero img{width:200px;height:200px;object-fit:cover;border-radius:14px;border:1px solid #1a1a1e}
.modbox{margin-bottom:12px}
button[title="Entfernen"]{background:#232325;border:1px solid #2b2b30;border-radius:12px}
button[title="Entfernen"]:hover{filter:none; background:#2a2a30}