:root{--gruen: #155e9e;--gruen-hell: #2f8fd1;--bg: #f2f6fb;--karte: #ffffff;--text: #182634;--muted: #66798c;--rand: #dde6f0;--rot: #c0392b;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}#app{max-width:640px;margin:0 auto;padding:0 16px 80px}.kopf{color:#fff;background:linear-gradient(135deg,var(--gruen) 0%,var(--gruen-hell) 100%);padding:22px 20px 30px;margin:0 -16px 18px;border-radius:0 0 22px 22px}.kopf .logo{width:48px;height:48px;border-radius:10px;background:#fff;padding:4px;margin-bottom:10px;display:block;object-fit:contain}.kopf h1{font-size:1.5rem;margin:4px 0 2px}.kopf p{margin:0;opacity:.85;font-size:.95rem}.karte{background:var(--karte);border-radius:16px;box-shadow:0 10px 30px #155e9e1f;padding:22px;margin-bottom:18px}.schritte{display:flex;gap:6px;margin-bottom:18px}.schritte .punkt{flex:1;height:5px;border-radius:4px;background:var(--rand)}.schritte .punkt.aktiv,.schritte .punkt.fertig{background:var(--gruen-hell)}h2{margin-top:0;font-size:1.2rem}.baum-knoten{margin-bottom:4px}.kategorie-knopf{width:100%;text-align:left;padding:12px 14px;border:1px solid var(--rand);border-radius:10px;background:#fff;cursor:pointer;font-size:1rem;margin-bottom:6px;transition:border-color .15s,background .15s}.kategorie-knopf:hover{border-color:var(--gruen-hell)}.kategorie-knopf.ausgewaehlt{background:var(--gruen);color:#fff;border-color:var(--gruen)}.baum-kinder{margin-left:18px}.tage{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.tag-knopf{flex:0 0 auto;padding:10px 14px;border-radius:10px;border:1px solid var(--rand);background:#fff;cursor:pointer;font-size:.85rem;white-space:nowrap}.tag-knopf.ausgewaehlt{background:var(--gruen);color:#fff;border-color:var(--gruen)}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.slot-knopf{padding:10px 6px;border-radius:10px;border:1px solid var(--rand);background:#fff;cursor:pointer;font-size:.9rem}.slot-knopf.ausgewaehlt{background:var(--gruen-hell);color:#fff;border-color:var(--gruen-hell)}.hinweis{color:var(--muted);font-size:.9rem}label{display:block;font-size:.85rem;color:var(--muted);margin:12px 0 4px}input{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--rand);font-size:1rem}input:focus{outline:none;border-color:var(--gruen-hell)}.zeile-2{display:grid;grid-template-columns:1fr 2fr;gap:10px}.aktionen{display:flex;justify-content:space-between;margin-top:22px;gap:10px}button.primaer{background:var(--gruen);color:#fff;border:none;padding:13px 22px;border-radius:10px;font-size:1rem;cursor:pointer;font-weight:600}button.primaer:disabled{opacity:.45;cursor:not-allowed}button.sekundaer{background:none;border:none;color:var(--muted);font-size:.95rem;cursor:pointer}.fehler{background:#fdecea;color:var(--rot);padding:10px 14px;border-radius:9px;margin-top:12px;font-size:.9rem}.erfolg-icon{width:64px;height:64px;border-radius:50%;background:var(--gruen-hell);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 16px}.verlauf-eintrag{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rand);font-size:.9rem}.verlauf-eintrag:last-child{border-bottom:none}.status-chip{font-size:.75rem;padding:3px 9px;border-radius:20px;font-weight:600}.status-chip.offen{background:#fff3cd;color:#8a6500}.status-chip.bestaetigt{background:#dceefb;color:var(--gruen)}.status-chip.abgelehnt{background:#fdecea;color:var(--rot)}