:root{--primary: #1e4e8c;--accent: #2d7dd2;--bg: #f5f7fb;--surface: #ffffff;--border: #dde3ec;--text: #1f2a37;--muted: #566173;--ampel-gruen: #57c267;--ampel-gelb: #f4d83a;--ampel-rot: #e34c3c;--rot: #e34c3c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5}.zentriert{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.karte{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;box-shadow:0 2px 10px #0000000a}.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.marke{margin:0;color:var(--primary);font-size:24px}.untertitel{margin:-8px 0 6px;color:var(--muted)}label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--muted)}input,select{padding:10px 12px;border:1px solid var(--border);border-radius:7px;font-size:15px;font-weight:400;color:var(--text);background:#fff}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.btn{background:var(--primary);color:#fff;border:none;border-radius:7px;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{background:#17406f}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{background:#fff;color:var(--primary);border:1px solid var(--border);border-radius:7px;padding:9px 14px;font-weight:600;cursor:pointer}.btn-ghost:hover{border-color:var(--accent)}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:2px}.fehler{background:#fbe2e0;color:#a11;border:1px solid #f3b6b0;border-radius:6px;padding:8px 12px;font-size:14px}.kopf{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.logo{font-weight:700;font-size:18px}.user{display:flex;align-items:center;gap:14px;font-size:14px}.inhalt{max-width:960px;margin:0 auto;padding:28px 24px}.spalten{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media(max-width:720px){.spalten{grid-template-columns:1fr}}.karte-kopf{display:flex;align-items:center;gap:10px}h2{margin:0 0 12px;color:var(--primary);font-size:18px}.karte-kopf h2{margin:0}.zaehler{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1px 10px;font-size:13px;font-weight:600;color:var(--muted)}.suchzeile{display:flex;gap:8px;margin:12px 0 16px}.suchzeile input{flex:1}.liste{list-style:none;padding:0;margin:0}.liste li{padding:12px 0;border-bottom:1px solid var(--border)}.liste li:last-child{border-bottom:none}.titel{font-weight:600}.meta{font-size:13px;color:var(--muted)}.leer{color:var(--muted)}form{display:flex;flex-direction:column;gap:12px}.klickbar{cursor:pointer}.klickbar:hover .titel{color:var(--accent)}.anlage-titelzeile{display:flex;align-items:center;gap:9px}.anlage-titelzeile .punkt{width:12px;height:12px}.uebersicht-kopf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.tabelle-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px}table.anlagen{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}table.anlagen th,table.anlagen td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}table.anlagen th{background:var(--surface);color:var(--primary);font-weight:600;position:sticky;top:0;border-bottom:2px solid var(--border)}table.anlagen tbody tr:last-child td{border-bottom:none}.klickbar-zeile{cursor:pointer}.klickbar-zeile:hover td{background:#eef4fc}.td-titel{font-weight:600;color:var(--text)}table.anlagen td.td-schmal{max-width:90px;overflow:hidden;text-overflow:ellipsis}.pruef-icon{font-weight:800;font-size:17px;line-height:1}.pruef-icon.gruen{color:#2f7d3a}.pruef-icon.gelb{color:#b8860b}.pruef-icon.rot{color:#d33}.logo-btn{background:none;border:none;color:#fff;font-weight:700;font-size:18px;cursor:pointer;padding:0}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:11px;vertical-align:middle}.badge.gruen{background:#e5f3e7;color:#2f7d3a}.badge.grau{background:#eef1f6;color:var(--muted)}.gbu-zeile{display:flex;align-items:center;gap:12px}.ergebnis{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:13px;font-weight:600;color:var(--muted)}.editor-kopf{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px;gap:14px}.editor-kopf h2{margin-bottom:6px}.hinweis{background:#eef5ff;border:1px solid #c5dcf6;border-left:4px solid var(--accent);color:#1a3a64;padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:14px}.tab-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tab{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.tab.aktiv{border-color:var(--primary);color:var(--primary);background:#eef4fc}.tab-zahl{background:var(--bg);border-radius:9px;padding:0 7px;font-size:12px}.punkt{width:10px;height:10px;border-radius:50%;background:#cbd3df;display:inline-block}.punkt.gruen{background:var(--ampel-gruen)}.punkt.gelb{background:var(--ampel-gelb)}.punkt.rot{background:var(--ampel-rot)}.gef-liste{display:flex;flex-direction:column;gap:14px}.gef-karte{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.gef-oben{display:flex;gap:12px;align-items:stretch}.gef-beschreibung{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:7px;font:inherit;resize:vertical}.ampel{width:54px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff;background:#cbd3df}.ampel.gruen{background:var(--ampel-gruen);color:#0d3315}.ampel.gelb{background:var(--ampel-gelb);color:#4a3a00}.ampel.rot{background:var(--ampel-rot)}.gef-raster{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:720px){.gef-raster{grid-template-columns:1fr}}.gef-fuss{display:flex;justify-content:flex-end}.loeschen{color:var(--rot)}.gef-add{align-self:flex-start}.gef-titelzeile{display:flex;align-items:center;gap:10px}.gef-nr{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted)}.gef-titel{margin:0;flex:1;font-size:15px;color:var(--text)}.gespeichert{color:#2f7d3a;font-size:14px;font-weight:600}