:root{--bg:#f4f5f7;--panel:#fff;--border:#e3e6ea;--border-strong:#d2d7dd;--ink:#1c2530;--ink-soft:#5b6672;--ink-faint:#8a939e;--accent:#2f6fed;--accent-soft:#eaf1fe;--todo:#2563eb;--todo-bg:#e9f0fe;--mangel:#dc2626;--mangel-bg:#fdecec;--klaerung:#c2820b;--klaerung-bg:#fdf3e0;--green:#16a34a;--pf-dark:#313f48;--pf-teal:#2f93a8;--pf-teal-strong:#3a93a6;--pf-cyan-bg:#d6e9ed;--pf-pill-dark:#3c4b54;--pf-pill-light:#e9ebec;--pf-blue:#3a7d92;--pf-amber:#e0a82e;--pf-green:#62a13a;--shadow:0 1px 2px #141e2d0f, 0 4px 14px #141e2d0d;--shadow-lift:0 6px 22px #141e2d21;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}header.app{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:14px;padding:12px 22px;display:flex}header.app .logo{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}header.app .titles .t{font-size:15px;font-weight:650}header.app .titles .sub{color:var(--ink-soft);font-size:12px}header.app .flow{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-left:8px;font-size:12.5px;display:flex}header.app .flow b{color:var(--ink);font-weight:600}header.app .flow .arrow{color:var(--ink-faint)}header.app .spacer{flex:1}.nav-btn{border:1px solid var(--border-strong);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 13px;font-size:13px}.nav-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.nav-btn.ghost{border-style:dashed}.badge-mock{color:var(--klaerung);background:var(--klaerung-bg);border:1px solid #f0d9a8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.upload-wrap{flex:1;justify-content:center;gap:28px;padding:64px clamp(20px,6vw,90px);display:flex;overflow:auto}.upload-main{flex:1;max-width:620px}.upload-main h1{margin:0 0 4px;font-size:22px}.upload-main p.lead{color:var(--ink-soft);margin:0 0 26px;font-size:14px}.field-label{margin:0 0 6px;font-size:13px;font-weight:600;display:block}select.project,.upload-main select{border:1px solid var(--border-strong);background:var(--panel);width:100%;color:var(--ink);border-radius:9px;padding:11px 12px;font-size:14px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--panel);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 24px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--accent)}.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone .dz-title{margin-bottom:4px;font-weight:600}.dropzone .dz-sub{color:var(--ink-soft);font-size:12.5px}.dropzone .dz-file{color:var(--accent);margin-top:12px;font-size:13px;font-weight:600}.btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.submit-row{align-items:center;gap:14px;margin-top:20px;display:flex}.err{background:var(--mangel-bg);color:#a01c1c;border:1px solid #f3c4c4;border-radius:9px;margin-top:16px;padding:10px 13px;font-size:13px}.activity{flex:none;width:320px}.activity h2{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:14px}.act-item{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:9px;padding:11px 13px}.act-item .ai-proj{font-size:13px;font-weight:600}.act-item .ai-file{color:var(--ink-soft);word-break:break-all;margin-top:2px;font-size:12px}.act-item .ai-meta{color:var(--ink-faint);margin-top:4px;font-size:11.5px}.act-empty{color:var(--ink-faint);font-size:13px}main.board{flex:1;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:16px;display:grid;overflow:hidden}.col{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.col-head{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:12px 14px;display:flex}.col-head .step{background:var(--accent);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.col-head .title{font-size:14px;font-weight:650}.col-head .count{color:var(--ink-soft);background:var(--bg);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:12px}.project-dd{border:1px solid var(--border-strong);background:var(--panel);max-width:60%;color:var(--ink);cursor:pointer;border-radius:7px;flex:0 auto;margin-left:auto;padding:5px 8px;font-size:12.5px}.project-dd+.head-btn{margin-left:8px}.protocol-input{border:1px solid var(--border-strong);background:var(--panel);width:104px;color:var(--ink);border-radius:7px;flex:none;padding:5px 8px;font-size:12.5px}.head-btn{border:1px solid var(--border-strong);background:var(--panel);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:7px;margin-left:auto;padding:5px 10px;font-size:12px;font-weight:600}.head-btn:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.head-btn--accent{color:var(--green);background:#e7f6ec;border-color:#bfe6cd;margin-left:0}.head-btn--accent:hover{border-color:var(--green);color:var(--green);background:#d6efe0}.col-body{flex:1;padding:14px;overflow:auto}.col-body.pf-bg{background:var(--pf-cyan-bg)}.doc-head{margin-bottom:12px}.doc-head .proj{color:var(--accent);font-size:12px;font-weight:600}.doc-head .name{font-weight:650}.doc-body{color:#2a3340;font-size:13.5px;line-height:1.7}mark.src-hl{color:inherit;background:#fff3bf;border-radius:3px;padding:0 1px;scroll-margin:28px;box-shadow:0 0 0 2px #ffe487}.doc-html{white-space:normal}.doc-html p{margin:0 0 9px;line-height:1.55}.doc-html h1,.doc-html h2,.doc-html h3,.doc-html h4{color:var(--ink);margin:14px 0 6px;font-size:14px;font-weight:650}.doc-html ul,.doc-html ol{margin:0 0 9px;padding-left:20px}.doc-html table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12.5px}.doc-html th,.doc-html td{border:1px solid var(--border-strong);vertical-align:top;text-align:left;padding:6px 8px}.doc-html th{background:var(--bg);font-weight:600}.doc-html tr:nth-child(2n) td{background:#fafbfc}.doc-html strong{font-weight:650}.task-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:12px;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.task-card:hover,.task-card.hovered{box-shadow:var(--shadow-lift);border-color:var(--accent)}.cat-stripe{flex:none;width:5px}.cat-stripe.todo{background:var(--todo)}.cat-stripe.mangel{background:var(--mangel)}.cat-stripe.klaerung{background:var(--klaerung)}.task-inner{flex:1;min-width:0;padding:11px 13px}.task-row1{align-items:center;gap:8px;margin-bottom:7px;display:flex}.cat-select{cursor:pointer;border:none;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:600}.cat-select.todo{color:var(--todo);background:var(--todo-bg)}.cat-select.mangel{color:var(--mangel);background:var(--mangel-bg)}.cat-select.klaerung{color:var(--klaerung);background:var(--klaerung-bg)}.prot-nr{color:var(--ink-soft);background:var(--bg);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.src-ref{cursor:pointer;color:var(--accent);background:var(--accent-soft);border:none;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.src-ref:before{content:"↪"}.src-ref:hover{background:#dbe8fe}.src-ref--active{color:#92710a;background:#fff3bf}.no-src{color:var(--ink-faint);margin-left:auto;font-size:11px;font-style:italic}.f-title{border:1px solid #0000;border-radius:6px;width:100%;padding:4px 6px;font-size:14px;font-weight:600}.f-title:hover,.f-title:focus{border-color:var(--border-strong);outline:none}.f-desc{resize:vertical;width:100%;min-height:48px;color:var(--ink-soft);border:1px solid #0000;border-radius:6px;margin-top:3px;padding:4px 6px;font-family:inherit;font-size:13px}.f-desc:hover,.f-desc:focus{border-color:var(--border-strong);outline:none}.f-meta{gap:10px;margin-top:8px;display:flex}.f-meta .field{flex:1;min-width:0}.f-meta label{color:var(--ink-faint);margin-bottom:2px;font-size:10.5px;display:block}.f-meta input,.f-meta select{border:1px solid var(--border-strong);border-radius:6px;width:100%;padding:5px 6px;font-size:12px}.field--tags{margin-top:8px}.field--tags label{color:var(--ink-faint);margin-bottom:2px;font-size:10.5px;display:block}.field--tags input{border:1px solid var(--border-strong);border-radius:6px;width:100%;padding:5px 6px;font-size:12px}.task-actions{gap:8px;margin-top:11px;display:flex}.act{cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.act-accept{color:var(--green);background:#e7f6ec}.act-accept:hover{background:#d6efe0}.act-reject{background:var(--bg);color:var(--ink-soft)}.act-reject:hover{background:#e9ebee}.pf-note{color:#2d5560;background:#cbe3e9;border:1px solid #b3d6de;border-radius:8px;margin-bottom:14px;padding:7px 10px;font-size:12px}.pf-card{background:#fff;border-radius:9px;margin-bottom:16px;animation:.35s cubic-bezier(.2,.8,.3,1.2) both pop;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 6px 16px #283c461f}.pf-card.hovered{box-shadow:0 0 0 2px #ffd866,0 6px 18px #283c462e}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.pf-header{background:var(--pf-dark);color:#fff;align-items:flex-start;gap:10px;padding:14px 16px 13px 18px;display:flex;position:relative}.pf-header:before{content:"";background:#6bb6c6;border-radius:0 3px 3px 0;width:4px;position:absolute;top:12px;bottom:12px;left:0}.pf-htext{flex:auto;min-width:0}.pf-title-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pf-num{color:#fff;font-size:16px;font-weight:700}.pf-title{color:#fff;font-size:16px;font-weight:600}.pf-creator{color:#aeb9bf;flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px;font-size:12px;display:flex}.pf-hactions{flex:none;align-items:center;gap:8px;display:flex}.pf-status{background:var(--pf-teal-strong);color:#fff;white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:flex}.pf-close{color:#cdd6da;border:1.5px solid #6b7a82;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.pf-row{border-bottom:1px solid #edeff0;flex-wrap:wrap;align-items:center;gap:9px;padding:11px 16px;font-size:13px;display:flex}.pf-row.alt{background:#f7f8f8}.pf-label{color:#41505a;font-weight:400}.pf-aendern{color:var(--pf-teal);letter-spacing:.4px;cursor:pointer;font-size:11px;font-weight:700}.pf-sep{color:#cfd5d8}.pf-pill-dark{background:var(--pf-pill-dark);color:#fff;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.pf-pill-light{background:var(--pf-pill-light);color:#6b7178;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;display:inline-flex}.pf-name{color:var(--pf-teal);font-weight:700}.pf-remind{font:inherit;color:var(--pf-teal);border:1.5px solid var(--pf-teal);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:6px;margin-left:auto;padding:6px 11px;font-size:12px;font-style:italic;font-weight:600;display:inline-flex}.pf-desc-block{border-bottom:1px solid #edeff0;padding:13px 16px 14px}.pf-desc-block .pf-label{margin-bottom:7px;display:block}.pf-desc-box{color:#33404a;background:#f1f2f3;border-radius:7px;padding:11px 13px;font-size:13px;line-height:1.5}.pf-desc-aendern{text-align:right;margin-top:8px}.pf-outline{font:inherit;color:var(--pf-teal);border:1.5px solid var(--pf-teal);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-style:italic;font-weight:600;display:inline-flex}.pf-actions{gap:10px;padding:13px 16px;display:flex}.pf-act{font:inherit;color:#fff;cursor:pointer;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 8px;font-size:13px;font-weight:600;display:flex}.pf-act.blue{background:var(--pf-blue)}.pf-act.amber{background:var(--pf-amber)}.pf-act.green{background:var(--pf-green)}.pf-verlauf{text-align:center;background:#f2f4f4;border-top:1px solid #e6e9ea;padding:14px 16px 16px}.pf-verlauf .vh{color:#3e4d56;font-size:14px;font-weight:700}.pf-verlauf .vtoggle{color:#5b6770;background:#e7eaeb;border-radius:7px;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;font-size:12px;display:inline-flex}.pf-verlauf .vtoggle .box{background:#fff;border:1.5px solid #aab4ba;border-radius:3px;width:14px;height:14px}.pf-verlauf .vcount{color:#8a949a;margin-top:9px;font-size:11.5px}.icon{vertical-align:-2px;display:inline-block}.empty{text-align:center;color:var(--ink-faint);padding:50px 20px}.empty .t{color:var(--ink-soft);margin-bottom:4px;font-weight:600}.empty .d{font-size:13px}.spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.spin--dark{border-color:#1c253033;border-top-color:var(--accent);width:13px;height:13px}.count--live{color:var(--accent);background:var(--accent-soft);align-items:center;gap:6px;display:inline-flex}.stream-hint{color:var(--ink-soft);background:var(--accent-soft);border:1px solid #cfe0fb;border-radius:9px;align-items:center;gap:9px;margin-bottom:12px;padding:9px 12px;font-size:13px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;border-radius:9px;padding:11px 18px;font-size:13px;transition:opacity .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.login-wrap{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.boot{color:var(--ink-soft);align-items:center;gap:10px;font-size:14px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow-lift);border-radius:14px;flex-direction:column;gap:12px;padding:28px 26px;display:flex}.login-logo{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:grid}.login-title{color:var(--ink);font-size:17px;font-weight:650}.login-sub{color:var(--ink-soft);margin-top:-8px;font-size:13px}.login-notice{color:#8a5a00;background:#fff4d6;border:1px solid #f4d98a;border-radius:8px;padding:8px 10px;font-size:12.5px}.login-label{color:var(--ink);flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;display:flex}.login-label input{border:1px solid var(--border-strong);color:var(--ink);background:var(--panel);border-radius:8px;padding:9px 11px;font-size:14px}.login-label input:focus{border-color:var(--accent);outline:none}.login-error{color:#b42318;background:#fef0ef;border:1px solid #f5c4c0;border-radius:8px;padding:8px 10px;font-size:12.5px}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:11px;font-size:14px;font-weight:650;display:inline-flex}.login-btn:disabled{opacity:.65;cursor:default}.login-hint{color:var(--ink-soft);font-size:11.5px;line-height:1.4}.user-box{align-items:center;gap:10px;display:flex}.user-name{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12.5px;overflow:hidden}.logout-btn{border:1px solid var(--border-strong);background:var(--panel);color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.pf-ok{color:#15803d;font-size:12px;line-height:1}.pf-alert{color:#b42318;cursor:pointer;background:#fef0ef;border:1px solid #f5c4c0;border-radius:8px;align-items:center;gap:7px;padding:6px 11px;font-size:12.5px;font-weight:650;animation:1.8s ease-in-out infinite pf-pulse;display:inline-flex}.pf-alert:hover{border-color:#b42318}.pf-alert-mark{color:#fff;background:#b42318;border-radius:50%;place-items:center;width:17px;height:17px;font-size:12px;font-weight:800;line-height:1;display:grid}@keyframes pf-pulse{0%,to{box-shadow:0 0 #b4231859}50%{box-shadow:0 0 0 5px #b4231800}}.modal-backdrop{z-index:50;background:#14161c80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{position:relative}.modal-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.modal-close:hover{color:var(--ink);background:var(--bg)}