:root{--bg: #f6f5f2;--karte: #ffffff;--linie: #e7e4de;--text: #2b2a27;--text-leise: #8a867e;--akzent: #3d6b4f;--akzent-hell: #eaf1ec;--warn: #c9a227;--alert: #b3593a;--dringend: #9c8f7f;--radius: 10px;--schatten: 0 1px 2px rgba(43, 42, 39, .05)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}#root{max-width:1380px;margin:0 auto;padding:20px 24px 80px}.layout{display:flex;gap:16px;align-items:flex-start}.layout .inhalt{flex:1 1 auto;min-width:0}.seitenleiste{width:280px;flex:none;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;border-left:3px solid var(--akzent)}.seitenleiste h2{color:var(--akzent)}.seitenleiste.drag-ueber{border-color:var(--akzent);background:var(--akzent-hell);box-shadow:0 0 0 2px var(--akzent-hell)}.seitenleiste .task-zeile{flex-wrap:wrap}.seitenleiste .task-zeile .titel{flex:1 1 100%}.leiste-hinweis{color:var(--text-leise);font-size:13px;padding:4px 0}.leiste-hinweis.frei{color:var(--akzent)}@media(max-width:900px){.layout{flex-direction:column}.seitenleiste{width:100%;position:static;max-height:none}}button{font:inherit;cursor:pointer;border:1px solid var(--linie);background:var(--karte);color:var(--text);border-radius:8px;padding:6px 12px}button:hover{border-color:#cfcabf}button.primaer{background:var(--akzent);border-color:var(--akzent);color:#fff}button.primaer:hover{background:#33593f}button.leise{border:none;background:transparent;color:var(--text-leise);padding:4px 8px}button.leise:hover{color:var(--text);background:var(--akzent-hell)}button.gefahr:hover{color:var(--alert);border-color:var(--alert)}button:disabled{opacity:.45;cursor:default}.kopf{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.kopf h1{font-size:20px;font-weight:600;margin:0;letter-spacing:.2px}.kopf .datum{color:var(--text-leise);font-size:13px}.modi{display:flex;gap:4px;background:#edebe6;border-radius:10px;padding:3px}.modi button{border:none;background:transparent;border-radius:8px;padding:6px 14px;color:var(--text-leise)}.modi button.aktiv{background:var(--karte);color:var(--text);box-shadow:var(--schatten)}.kopf .rechts{margin-left:auto;display:flex;gap:8px;align-items:center}.demo-hinweis{font-size:12px;color:var(--warn);border:1px solid var(--warn);border-radius:6px;padding:2px 8px}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:16px}h2{font-size:15px;font-weight:600;margin:0 0 10px}h3{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--text-leise);text-transform:uppercase;letter-spacing:.5px}.fehler{color:var(--alert);padding:8px 0}.laden{color:var(--text-leise);padding:24px 0;text-align:center}.badges{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.badge{font-size:11px;border-radius:5px;padding:1px 7px;border:1px solid var(--linie);color:var(--text-leise);background:#fafaf8;white-space:nowrap}.badge.wert-hoch{color:var(--akzent);border-color:#bcd2c3;background:var(--akzent-hell)}.badge.alter{border-style:dashed}.badge.deadline{color:var(--dringend)}.badge.prio{color:#7a6ea8;border-color:#d5cfe8;background:#f4f2fa}.ampel{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.ampel.gruen{background:#9dbb8f}.ampel.gelb{background:var(--warn)}.ampel.rot{background:var(--alert)}.task-zeile{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--linie)}.task-zeile:last-child{border-bottom:none}.task-zeile.klickbar{cursor:pointer;border-radius:6px}.task-zeile.klickbar:hover{background:#faf9f6}.task-zeile .titel{flex:1 1 auto;min-width:0}.task-zeile .titel .hut-name{color:var(--text-leise);font-size:12px;margin-left:8px}.gedimmt{opacity:.6}.wert-punkt{width:8px;height:8px;border-radius:50%;flex:none}.wert-punkt.wert-hoch{background:var(--akzent)}.wert-punkt.wert-niedrig{background:#cfcabf}.wert-punkt.wert-offen{background:transparent;border:1px dashed #cfcabf}.zeile-meta{display:inline-flex;gap:8px;align-items:center;flex:none;color:var(--text-leise);font-size:12px;font-variant-numeric:tabular-nums}.zeile-meta .aufwand-mini{border:1px solid var(--linie);border-radius:4px;padding:0 5px;font-size:11px}.zeile-meta .signal-datum{color:var(--dringend)}.zeile-meta .signal-neu{color:var(--akzent)}.task-zeile .haken{flex:none;opacity:0;transition:opacity .12s;font-size:15px;padding:2px 8px}.task-zeile:hover .haken{opacity:1}.task-popup h2{font-size:16px}.popup-meta{display:flex;gap:12px;color:var(--text-leise);font-size:13px;margin-top:2px}.popup-notiz{color:var(--text-leise);white-space:pre-wrap;margin:10px 0 0;font-size:14px}.popup-aktionen{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.quickadd{padding:10px 12px;margin-bottom:14px}.quickadd-zeile{display:flex;gap:8px}.quickadd-zeile input{flex:1;font:inherit;padding:8px 12px;border:1px solid var(--linie);border-radius:8px}.quickadd-zeile select,.fokus-kopf select{font:inherit;padding:6px 10px;border:1px solid var(--linie);border-radius:8px;background:var(--karte)}.quickadd-vorschau{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:12px;color:var(--text-leise)}.quickadd-vorschau .ziel,.quickadd-vorschau .ok{color:var(--akzent)}.quickadd-vorschau .warnung{color:var(--warn)}.chiplet{border:1px solid var(--linie);border-radius:4px;padding:0 6px;font-size:11px;background:#fafaf8}.bericht-abschnitt h2{font-size:14px}.erledigt-abschnitt{border-left:3px solid var(--akzent)}.gedimmt-abschnitt{opacity:.75}.bericht-zeile{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--linie)}.bericht-zeile:last-child{border-bottom:none}.bericht-zeile .hut-name,.bericht-zeile .zustand-label{color:var(--text-leise);font-size:12px}.bericht-zeile .zustand-label{margin-left:auto}.bericht-zeile .signal-datum{color:var(--dringend);font-size:12px;margin-left:auto}.leer-hinweis{color:var(--text-leise);font-size:13px}.assistent{max-width:760px;display:flex;flex-direction:column;gap:10px}.chat-verlauf{min-height:320px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-leer{color:var(--text-leise)}.chat-leer .beispiel{display:block;margin:6px 0;text-align:left;background:#fafaf8;width:100%}.chat-nachricht{display:flex}.chat-nachricht.nutzer{justify-content:flex-end}.chat-nachricht .blase{max-width:85%;padding:8px 12px;border-radius:10px;white-space:pre-wrap;font-size:14px}.chat-nachricht.nutzer .blase{background:var(--akzent-hell)}.chat-nachricht.assistent .blase{background:#f2f0eb}.blase.denkt{color:var(--text-leise);font-style:italic}.aktions-log{margin-top:8px;padding-top:6px;border-top:1px dashed var(--linie);color:var(--text-leise);font-size:12px}.chat-eingabe{display:flex;gap:8px}.chat-eingabe input{flex:1;font:inherit;padding:9px 12px;border:1px solid var(--linie);border-radius:8px}.q2-leer{color:var(--text-leise);font-size:13px;padding:6px 0}.sync-knopf{display:inline-flex;align-items:center;gap:5px;font-size:15px}.sync-knopf .sync-zeit{font-size:11px;color:var(--text-leise)}.sync-knopf .pfeil{display:inline-block}.sync-knopf.dreht .pfeil{animation:drehen 1s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}.settings-tabelle tr.archiviert td{color:var(--text-leise)}.filter-zeile .chips{margin-right:6px}.abraeumen{border-left:3px solid var(--dringend)}.abraeumen h2{color:var(--dringend);font-size:13px}.abraeumen .frei{color:var(--akzent);font-size:14px;padding:4px 0}.radar-huete{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:16px}.hut-karte{cursor:pointer;transition:border-color .12s}.hut-karte:hover{border-color:#c6c1b6}.hut-kopf{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hut-kopf .name{font-weight:600;flex:1}.hut-kopf .kalt{font-size:12px;color:var(--warn)}.hut-kopf .kalt.rot{color:var(--alert)}.hut-zaehler{font-size:12px;color:var(--text-leise);margin-top:8px}.q2-task{padding:6px 0;border-top:1px dashed var(--linie)}.q2-task .t{display:block;margin-bottom:3px}.filter-zeile{display:flex;gap:10px;align-items:center;margin:18px 0 0;color:var(--text-leise);font-size:13px}.fokus-kopf{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.fokus-kopf h2{font-size:17px;margin:0}.chips{display:flex;gap:6px}.chip{border-radius:999px;padding:4px 14px;font-size:13px;border:1px solid var(--linie);background:var(--karte);color:var(--text-leise)}.chip.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff}.matrix{display:grid;grid-template-columns:auto 1fr 1fr;grid-template-rows:1fr 1fr auto;gap:10px}.matrix .achse-y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;color:var(--text-leise);font-size:12px;letter-spacing:.5px}.matrix .achse-x{grid-column:2 / 4;text-align:center;color:var(--text-leise);font-size:12px;letter-spacing:.5px}.quadrant{min-height:170px;transition:box-shadow .15s,border-color .15s}.quadrant h3{margin-bottom:6px}.quadrant.hervor{border-color:var(--akzent);box-shadow:0 0 0 2px var(--akzent-hell)}.quadrant.abgeblendet{opacity:.45}.quadrant .leer{color:var(--text-leise);font-size:13px;padding:12px 0}.quadrant .task-zeile{flex-wrap:wrap}.quadrant .task-zeile .titel{flex:1 1 100%}.quadrant .task-zeile .aktionen{margin-left:auto}.lane{margin-top:16px}.lane .task-zeile{opacity:.65}.lane .task-zeile:hover{opacity:1}.lane-kopf{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.lane-kopf h3{margin:0}.nachfass{font-size:12px;color:var(--warn)}.composer-spalten{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}@media(max-width:860px){.composer-spalten{grid-template-columns:1fr}}.zeitleiste{position:relative}.zeit-block{display:flex;gap:10px;padding:7px 4px;border-bottom:1px solid var(--linie);align-items:baseline}.zeit-block:last-child{border-bottom:none}.zeit-block .zeit{width:100px;flex:none;color:var(--text-leise);font-size:12px;font-variant-numeric:tabular-nums}.zeit-block.termin .inhalt{color:var(--text-leise)}.zeit-block.slot .inhalt{flex:1}.zeit-block.slot.fokusblock{background:var(--akzent-hell);border-radius:6px}.slot-typ{font-size:11px;color:var(--akzent);text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.zeit-block.luecke .inhalt{color:#c6c1b6;font-size:12px;font-style:italic}.rueckblick{border-left:3px solid var(--akzent);margin-bottom:18px}.rueckblick .zeile{display:flex;align-items:center;gap:10px;padding:6px 0}.rueckblick .zeile label{flex:1;cursor:pointer}.erledigt-label{text-decoration:line-through;color:var(--text-leise)}.rueckblick .fuss{display:flex;gap:10px;margin-top:10px}.dialog-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a2759;display:flex;align-items:center;justify-content:center;z-index:20}.dialog{width:420px;max-width:calc(100vw - 40px)}.dialog .fuss{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog .optionen{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.dialog input[type=date]{font:inherit;padding:5px 8px;border:1px solid var(--linie);border-radius:6px}.settings-tabelle{width:100%;border-collapse:collapse;font-size:14px}.settings-tabelle td,.settings-tabelle th{padding:7px 8px;border-bottom:1px solid var(--linie);text-align:left}.settings-tabelle input[type=number]{width:70px;font:inherit;padding:4px 6px;border:1px solid var(--linie);border-radius:6px}