:root{--bg:#f4f6f8;--card:#fff;--text:#18202a;--muted:#6c7785;--line:#e3e8ef;--accent:#1c6bff;--danger:#c62828;--ok:#1b7f45;--warn:#a15c00;--radius:18px;--shadow:0 12px 30px rgba(16,24,40,.08)}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif} .topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;background:#101820;color:white}.topbar h1{margin:0;font-size:28px}.topbar p{margin:6px 0 0;color:#cbd5e1}.layout{padding:28px;display:grid;gap:22px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.full{width:100%}.toolbar,.editorHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.toolbar h2,.editor h2{margin:0}.muted{color:var(--muted);margin:.3rem 0 0}.filters{display:flex;gap:10px;flex-wrap:wrap}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;font:inherit;background:white}textarea{resize:vertical}button{border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer;background:white}button.primary{background:var(--accent);border-color:var(--accent);color:white}button.ghost{background:transparent}button.danger{color:white;background:var(--danger);border-color:var(--danger)}.tableWrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left;vertical-align:top}th{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#eef2ff;color:#253a80}.badge.Neu{background:#e8f1ff;color:#174ea6}.badge.Geplant{background:#f0f5ff;color:#31518f}.badge.In{background:#fff4db;color:#8a4d00}.badge.Warten{background:#fff1f0;color:#a8071a}.badge.Erledigt{background:#e8f7ef;color:#146c43}.badge.Rechnung{background:#f3e8ff;color:#6b21a8}.badge.Archiviert{background:#e7edf3;color:#415466}.hidden{display:none}.editor{border:2px solid #dce7ff}.grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin:18px 0}label{font-weight:700;color:#334155}label input,label select,label textarea{margin-top:7px;font-weight:400}.checks{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;margin:18px 0}.checks label{font-weight:600;background:#f8fafc;padding:12px;border-radius:12px}.checks input{width:auto;margin-right:8px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.archiveBox{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:14px}code{display:block;white-space:pre-wrap;background:#101820;color:#dbeafe;border-radius:10px;padding:12px;margin-top:10px}.empty{text-align:center;color:var(--muted);padding:26px}@media(max-width:800px){.topbar,.toolbar,.editorHeader{flex-direction:column}.grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.layout{padding:14px}.topbar{padding:22px}}