:root{--seite: #f7f7f5;--karte: #ffffff;--kartenrand: #e6e6e2;--radius-karte: 12px;--radius-eingabe: 8px;--radius-chip: 999px;--text: #1c1c1a;--text-sekundaer: #6b6b66;--trenner: #ecece8;--akzent: #2f5bea;--akzent-flaeche: rgba(47, 91, 234, .1);--akzent-zeile: rgba(47, 91, 234, .06);--rot: #d14343;--gelb: #d9a21b;--gruen: #2e9e5b;--blau: #2f5bea;--rot-flaeche: rgba(209, 67, 67, .12);--gelb-flaeche: rgba(217, 162, 27, .12);--gruen-flaeche: rgba(46, 158, 91, .12);--blau-flaeche: rgba(47, 91, 234, .12);--aussen: 16px;--kartenabstand: 12px;--innen: 16px;--kopfhoehe: 48px;--navbreite: 176px;--zeile: 36px;--eingabe: 32px;--hebung: 0 8px 24px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#wurzel{height:100%;margin:0;overflow:hidden}body{background:var(--seite);color:var(--text);font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}.tabellarisch,table,.kennzahl-wert{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-rows:var(--kopfhoehe) 1fr;height:100vh;overflow:hidden}.kopf{display:grid;grid-template-columns:var(--navbreite) 1fr auto;align-items:center;gap:16px;height:var(--kopfhoehe);padding:0 var(--aussen);background:var(--karte);border-bottom:1px solid var(--kartenrand)}.marke{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.marke svg{color:var(--akzent)}.kopfsuche{justify-self:center;width:100%;max-width:420px;position:relative}.kopfsuche svg{position:absolute;left:10px;top:8px;color:var(--text-sekundaer)}.kopfsuche input{width:100%;height:var(--eingabe);padding:0 12px 0 32px;border:1px solid var(--kartenrand);border-radius:var(--radius-eingabe);background:var(--seite)}.kopfsuche input::placeholder{color:var(--text-sekundaer)}.kopfrechts{display:flex;align-items:center;gap:12px;color:var(--text-sekundaer)}.nutzerkreis{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:var(--akzent);color:#fff;font-size:11px;font-weight:600;cursor:pointer}.nutzermenue{position:absolute;top:34px;right:0;z-index:30;width:200px;padding:12px;background:var(--karte);border:1px solid var(--kartenrand);border-radius:var(--radius-karte);box-shadow:var(--hebung)}.rumpf{display:grid;grid-template-columns:var(--navbreite) 1fr;min-height:0;overflow:hidden}.nav{display:flex;flex-direction:column;gap:2px;padding:12px 8px;background:var(--karte);border-right:1px solid var(--kartenrand);overflow:hidden}.nav a{display:flex;align-items:center;gap:8px;height:var(--eingabe);padding:0 10px;border-radius:var(--radius-eingabe);color:var(--text-sekundaer);text-decoration:none}.nav a.aktiv{background:var(--akzent-flaeche);color:var(--akzent);font-weight:500}.inhalt{min-height:0;padding:var(--aussen);overflow:hidden;display:flex;flex-direction:column;gap:var(--kartenabstand)}.seitentitel{margin:0;font-size:18px;font-weight:600}.karte{display:flex;flex-direction:column;min-height:0;background:var(--karte);border:1px solid var(--kartenrand);border-radius:var(--radius-karte);overflow:hidden}.kartentitel{margin:0;padding:var(--innen);font-size:14px;font-weight:600}.karteninhalt{min-height:0;padding:0 var(--innen) var(--innen);overflow:auto}.spalten{display:grid;gap:var(--kartenabstand);min-height:0;flex:1}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--radius-chip);font-size:12px;font-weight:500;background:var(--trenner);color:var(--text-sekundaer)}.chip .punkt{width:6px;height:6px;border-radius:999px;background:currentColor}.chip.rot{background:var(--rot-flaeche);color:var(--rot)}.chip.gelb{background:var(--gelb-flaeche);color:var(--gelb)}.chip.gruen{background:var(--gruen-flaeche);color:var(--gruen)}.chip.blau{background:var(--blau-flaeche);color:var(--blau)}.punkt-gross{display:inline-block;width:8px;height:8px;border-radius:999px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--eingabe);padding:0 14px;border:1px solid var(--kartenrand);border-radius:var(--radius-eingabe);background:var(--karte);color:var(--text);cursor:pointer}.knopf.primaer{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:500}.knopf.gefahr{border-color:var(--rot);color:var(--rot)}.knopf:disabled{opacity:.5;cursor:not-allowed}.eingabe,select.eingabe,textarea.eingabe{width:100%;height:var(--eingabe);padding:0 10px;border:1px solid var(--kartenrand);border-radius:var(--radius-eingabe);background:var(--karte)}textarea.eingabe{height:auto;min-height:80px;padding:8px 10px;resize:vertical}.beschriftung{display:block;margin-bottom:6px;color:var(--text-sekundaer);font-size:12px}table{width:100%;border-collapse:collapse}th{position:sticky;top:0;z-index:1;padding:0 8px;height:var(--zeile);background:var(--karte);border-bottom:1px solid var(--trenner);color:var(--text-sekundaer);font-size:12px;font-weight:500;text-align:left}td{height:var(--zeile);padding:0 8px;border-bottom:1px solid var(--trenner)}tr.markiert td{background:var(--akzent-zeile)}.nebentext{color:var(--text-sekundaer);font-size:12px}.kennzahl-wert{font-size:24px;font-weight:600}.leer{display:grid;place-items:center;gap:8px;height:100%;padding:24px;color:var(--text-sekundaer);text-align:center}.fehler{display:flex;align-items:center;gap:12px;margin:0 var(--innen) var(--innen);padding:12px;border:1px solid var(--rot);border-radius:var(--radius-eingabe);background:var(--rot-flaeche);color:var(--rot)}.dialoggrund{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000004d;z-index:20}.dialog{position:relative;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:auto;padding:var(--innen);background:var(--karte);border-radius:var(--radius-karte);box-shadow:var(--hebung)}.dialog h2{margin:0 0 16px;font-size:18px;font-weight:600}.dialog .schliessen{position:absolute;top:12px;right:12px;border:0;background:none;color:var(--text-sekundaer);cursor:pointer}.dialogknoepfe{display:flex;justify-content:flex-start;gap:8px;margin-top:16px}.feld{margin-bottom:12px}.liste{display:flex;flex-direction:column;gap:8px}.balken{height:8px;border-radius:999px;background:var(--trenner);overflow:hidden}.balken>div{height:100%;background:var(--akzent)}.antwortfeld{min-height:180px}@media(max-height:760px){.antwortfeld{min-height:120px}.dialog{max-height:calc(100vh - 24px);padding:12px}.dialog h2{margin:0 0 10px;font-size:15px}.feld{margin-bottom:8px}.dialogknoepfe{margin-top:10px}:root{--aussen: 10px;--innen: 10px;--kartenabstand: 8px;--kopfhoehe: 42px;--zeile: 30px;--eingabe: 28px}body{font-size:12px}.seitentitel{font-size:15px}.kartentitel{font-size:13px;padding:10px var(--innen)}.kennzahl-wert{font-size:22px}}@media(max-height:620px){:root{--aussen: 8px;--innen: 8px;--kartenabstand: 6px;--kopfhoehe: 38px;--zeile: 28px}body{font-size:11.5px;line-height:1.4}.seitentitel{font-size:14px}.kennzahl-wert{font-size:19px}}@media(max-width:1023px){:root{--navbreite: 48px}.nav a span{display:none}.nav a{justify-content:center}}