:root{--grund: #ffffff;--flaeche: #f6f7f9;--rand: #e2e5ea;--rand-stark: #c9ced7;--text: #171a1f;--text-leise: #656d7a;--akzent: #1f5fa8;--akzent-hell: #e8f0f9;--warnung: #b4541c;--warnung-hell: #fdf1e8;--gut: #1c7a4f;--radius: 7px;--schatten: 0 1px 2px rgba(20, 24, 30, .06), 0 6px 18px rgba(20, 24, 30, .06)}*{box-sizing:border-box}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--flaeche)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--rand-stark);background:var(--grund);border-radius:var(--radius);padding:6px 12px}button:hover{background:var(--flaeche)}button:disabled{opacity:.5;cursor:not-allowed}button.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff}button.haupt:hover{background:#1a5292}button.schlicht{border-color:transparent;background:transparent;padding:4px 8px}button.schlicht:hover{background:var(--flaeche)}button.gefahr{color:#a01f1f;border-color:#e6c4c4}input[type=text],input[type=search],input[type=email],select,textarea{border:1px solid var(--rand-stark);border-radius:var(--radius);padding:6px 9px;background:var(--grund);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--akzent-hell);border-color:var(--akzent)}.gerüst{display:grid;grid-template-rows:auto 1fr;height:100vh}.kopf{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--grund);border-bottom:1px solid var(--rand)}.kopf .marke{font-weight:650;letter-spacing:-.01em}.kopf .marke span{color:var(--text-leise);font-weight:400;margin-left:8px}.kopf nav{display:flex;gap:4px;margin-left:12px}.kopf nav button.aktiv{background:var(--akzent-hell);color:var(--akzent);font-weight:600}.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:12px}.rolle{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--akzent-hell);color:var(--akzent);font-weight:600}.inhalt{overflow:auto;padding:18px}.inhalt.geteilt{display:grid;grid-template-columns:1fr 420px;gap:18px;align-items:start}.karte{background:var(--grund);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten)}.karte>h2{margin:0;padding:12px 16px;font-size:14px;border-bottom:1px solid var(--rand);display:flex;align-items:center;gap:10px}.karte>.rumpf{padding:16px}.filter{padding:14px 16px;display:grid;gap:12px}.filter .suchzeile{display:flex;gap:8px}.filter .suchzeile input{flex:1}.bedingung{display:grid;grid-template-columns:180px 150px 1fr auto;gap:8px}.schnellfilter{display:flex;flex-wrap:wrap;gap:6px}.schnellfilter button{font-size:13px;padding:4px 10px;border-radius:99px}.schnellfilter button.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff}.werkzeugleiste{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--rand);background:var(--flaeche);border-radius:0 0 var(--radius) var(--radius)}.werkzeugleiste .zaehler{margin-right:auto;color:var(--text-leise)}.werkzeugleiste .zaehler b{color:var(--text)}.tabellenhuelle{overflow:auto;max-height:calc(100vh - 340px)}table{border-collapse:collapse;width:100%;font-size:13px}thead th{position:sticky;top:0;z-index:1;background:var(--grund);border-bottom:1px solid var(--rand-stark);text-align:left;padding:8px 10px;white-space:nowrap;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}thead th:hover{background:var(--flaeche)}tbody td{padding:7px 10px;border-bottom:1px solid var(--rand);vertical-align:top}tbody tr{cursor:pointer}tbody tr:hover{background:var(--akzent-hell)}tbody tr.gewaehlt{background:var(--akzent-hell);box-shadow:inset 3px 0 0 var(--akzent)}tbody tr.geloescht{opacity:.55;text-decoration:line-through}td.leise{color:var(--text-leise)}.merker{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;background:var(--flaeche);border:1px solid var(--rand);white-space:nowrap}.merker.warn{background:var(--warnung-hell);border-color:#f0d3bd;color:var(--warnung)}.merker.gut{background:#e8f5ee;border-color:#c2e2d0;color:var(--gut)}.feld{display:grid;gap:4px;margin-bottom:12px}.feld>label{font-size:12px;color:var(--text-leise);font-weight:600}.feldpaar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schalter{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.schalter input{width:auto}.hinweis{padding:9px 12px;border-radius:var(--radius);font-size:13px;background:var(--warnung-hell);border:1px solid #f0d3bd;color:var(--warnung);margin-bottom:12px}.hinweis.ruhig{background:var(--akzent-hell);border-color:#cfe0f2;color:var(--akzent)}.verlauf{font-size:12px;max-height:220px;overflow:auto}.verlauf div{padding:5px 0;border-bottom:1px solid var(--rand)}.verlauf .zeit{color:var(--text-leise)}.anmeldung{display:grid;place-items:center;height:100vh}.anmeldung .kasten{width:380px;text-align:center;padding:32px}.anmeldung h1{font-size:20px;margin:0 0 6px}.anmeldung p{color:var(--text-leise);margin:0 0 22px}.anmeldung button{width:100%;padding:10px;margin-bottom:8px}.leer{padding:40px;text-align:center;color:var(--text-leise)}.fehler{color:#a01f1f}input:disabled,select:disabled,textarea:disabled{background:var(--flaeche);border-color:var(--rand);color:var(--text);-webkit-text-fill-color:var(--text);opacity:1;cursor:default}.karte>.rumpf{max-height:calc(100vh - 140px);overflow:auto}