:root{--bg: #f4f5f3;--surface: #ffffff;--ink: #1b1f1e;--muted: #626a67;--line: #e2e5e1;--accent: #0f766e;--accent-hover: #0c5f58;--accent-soft: #dcefec;--danger: #b4322a;--ok: #2f7d4f;--warn: #a9701c;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1{font-size:1.45rem;letter-spacing:-.02em;margin:0 0 .3rem}h2{font-size:1.05rem;letter-spacing:-.01em;margin:1.8rem 0 .7rem}.muted{color:var(--muted)}.klein{font-size:.85rem}.center{min-height:100%;display:grid;place-items:center;padding:2rem 1rem}.app{min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.25rem;border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.brand-mark{width:24px;height:24px;border-radius:6px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.8rem}.content{max-width:780px;margin:0 auto;padding:1.75rem 1.25rem 5rem}.btn{font:inherit;font-weight:600;font-size:.9rem;padding:.55rem .95rem;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}.btn.ghost:hover{background:var(--bg)}.link-danger{background:0;border:0;color:var(--danger);cursor:pointer;font:inherit;font-size:.85rem}.link-add{background:0;border:1px dashed var(--line);color:var(--accent);cursor:pointer;font:inherit;font-size:.88rem;padding:.4rem .7rem;border-radius:7px}.link-add:hover{background:var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:0 8px 24px #141e1c0d}.card.schmal{max-width:400px}.card h1{margin-bottom:.5rem}.card .btn{margin-top:1rem}.liste-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:2.25rem 1.5rem;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);margin-bottom:.3rem}.plan-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.plan-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.plan-card:hover{border-color:var(--accent)}.plan-titel{font-weight:600}.fortschritt{display:flex;gap:.4rem;margin-bottom:1.25rem}.punkt{width:28px;height:4px;border-radius:2px;background:var(--line)}.punkt.an{background:var(--accent)}.felder{display:flex;flex-direction:column;gap:1rem;margin:1.25rem 0 1.75rem}.feld{display:flex;flex-direction:column;gap:.35rem;font-size:.86rem;font-weight:550}.feld-bool{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:550}input,textarea,select{font:inherit;padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;background:#fcfdfc;color:var(--ink);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}.aktionen{display:flex;gap:.7rem}.wb-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.wb-aktionen{display:flex;gap:.5rem;flex-wrap:wrap}.phase{margin-top:.5rem}.aufgabe{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:9px;padding:.8rem;margin-bottom:.6rem}.aufgabe.status-in_arbeit{border-left-color:var(--warn)}.aufgabe.status-erledigt{border-left-color:var(--ok);opacity:.8}.aufgabe-oben{display:flex;gap:.5rem;align-items:center}.aufgabe-titel{font-weight:600}.aufgabe-oben select{width:auto}.aufgabe-beschr{margin:.5rem 0;font-size:.9rem}.aufgabe-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.aufgabe-meta label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--muted);font-weight:550}.aufgabe-meta input{font-size:.85rem;padding:.4rem .5rem}@media(max-width:560px){.liste-kopf,.wb-kopf{flex-direction:column}}