.app{font-family:Arial,sans-serif;width:100%;height:100vh;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.graph-container{position:relative;overflow:hidden;background-color:#f9f9f9;width:100%;flex:1 1 auto;min-height:0}svg{background-color:#f9f9f9;cursor:default;width:100%;height:100%}body{margin:0;padding:0;overflow:hidden}svg{background-color:#f9f9f9;cursor:default}.selected-node rect{stroke:#3498db;stroke-width:3px}.context-menu{position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;padding:5px;box-shadow:0 2px 10px #0003;z-index:1000;display:none}g:hover .context-menu{display:none}.selected-node.show-menu .context-menu{display:block}.context-menu button{display:block;width:100%;background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.context-menu button:hover{background-color:#f0f0f0}.resize-handle{opacity:0;cursor:pointer}g:hover .resize-handle{opacity:.7}.connection-path,.connector-point{cursor:pointer}.selected-node rect{stroke:#3498db;stroke-width:2px;stroke-dasharray:none}.selection-rect{fill:#6495ed33;stroke:#6495ed;stroke-width:1px;stroke-dasharray:5,5;pointer-events:none}.toolbar{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:10px;align-items:center}.toolbar-btn{padding:6px 12px;font-size:13px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;box-shadow:0 1px 3px #00000014}.toolbar-btn:hover{background:#f0f0f0}.toolbar-toggle{display:flex;align-items:center;gap:6px;font-size:13px;background:#fff;padding:6px 10px;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 3px #00000014;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-toggle input{margin:0}.toolbar-segment{display:flex;gap:0}.toolbar-segment .toolbar-btn{border-radius:0;margin-left:-1px}.toolbar-segment .toolbar-btn:first-child{border-radius:4px 0 0 4px;margin-left:0}.toolbar-segment .toolbar-btn:last-child{border-radius:0 4px 4px 0}.toolbar-btn.is-active{background:#3498db;border-color:#3498db;color:#fff}.toolbar-btn.is-active:hover{background:#2f8bcc}.board-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;background:#fff;border-bottom:1px solid #e3e3e3;z-index:20}.board-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.board-tab{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:13px;color:#555;background:#f1f1f1;border:1px solid #ddd;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.board-tab:hover{background:#e9e9e9}.board-tab.is-active{background:#3498db;border-color:#3498db;color:#fff}.board-tab-name{white-space:nowrap}.board-tab-close{border:none;background:none;color:inherit;font-size:15px;line-height:1;padding:0 2px;cursor:pointer;opacity:.5}.board-tab-close:hover{opacity:1}.board-tab-input{font:inherit;border:none;background:#ffffffd9;border-radius:3px;padding:1px 4px;width:110px;color:#222}.board-tab-add{font-size:16px;font-weight:600;padding:4px 10px;color:#777}.kanban{flex:1 1 auto;min-height:0;display:flex;gap:16px;align-items:flex-start;overflow-x:auto;background:#f9f9f9;padding:18px;box-sizing:border-box}.kb-empty{margin:40px auto;color:#888;font-size:15px}.kb-col{flex:0 0 300px;max-height:100%;display:flex;flex-direction:column;background:#ececec;border:1px solid #e0e0e0;border-radius:8px;padding:10px;box-sizing:border-box}.kb-col.is-over{background:#e3f0fb;border-color:#3498db}.kb-col-head{display:flex;align-items:center;gap:8px}.kb-col-title{font-size:14px;font-weight:600;color:#333}.kb-col-count{font-size:12px;font-weight:600;color:#fff;background:#bbb;border-radius:10px;padding:1px 8px}.kb-col-ready .kb-col-count{background:#888}.kb-col-blocked .kb-col-count{background:#f55}.kb-col-completed .kb-col-count{background:#5c5}.kb-col-hint{margin:4px 0 10px;font-size:11px;color:#999}.kb-col-cards{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:8px}.kb-card{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #888;border-radius:6px;padding:8px 10px;font-size:14px;cursor:grab;box-shadow:0 1px 2px #0000000f}.kb-card:active{cursor:grabbing}.kb-card-ready{border-left-color:#888}.kb-card-blocked{border-left-color:#f55}.kb-card-completed{border-left-color:#5c5}.kb-card-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.kb-card-text{flex:1 1 auto;color:#222}.kb-card-text.is-done{color:#999;text-decoration:line-through}.kb-card-open{border:none;background:none;color:#3498db;font-size:14px;cursor:pointer;padding:0 2px;opacity:.6}.kb-card-open:hover{opacity:1}.kb-card-blockers{flex:1 0 100%;font-size:11px;color:#b06}.kb-card-assignees{display:flex;gap:3px;flex:0 0 auto}.assignee-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#6c7a89;color:#fff;font-size:10px;font-weight:700;flex:0 0 auto}.assignee-avatar.sm{width:20px;height:20px;font-size:9px}.assignee-chip{display:inline-flex;align-items:center;gap:6px;background:#eef1f4;border:1px solid #dde2e7;border-radius:14px;padding:2px 8px 2px 2px;font-size:13px}.assignee-remove{border:none;background:none;color:#888;font-size:14px;line-height:1;cursor:pointer;padding:0}.assignee-remove:hover{color:#333}.ctx-menu{position:fixed;z-index:1000;min-width:160px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 16px #0000002e;padding:4px}.ctx-item{display:block;width:100%;text-align:left;border:none;background:none;padding:7px 10px;font-size:13px;color:#333;border-radius:4px;cursor:pointer}.ctx-item:hover{background:#f0f4f8}.ctx-danger{color:#c0392b}.ctx-danger:hover{background:#fdecea}.ctx-sep{height:1px;background:#eee;margin:4px 2px}.details-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:900}.details-panel{position:fixed;top:0;right:0;width:360px;max-width:90vw;height:100vh;background:#fff;box-shadow:-4px 0 20px #0000002e;z-index:901;padding:18px 20px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.details-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.details-state{font-size:12px;font-weight:700;color:#fff;border-radius:10px;padding:2px 10px}.details-close{border:none;background:none;font-size:22px;line-height:1;color:#888;cursor:pointer}.details-close:hover{color:#333}.details-label{font-size:12px;font-weight:600;color:#888;margin-top:10px}.details-title,.details-desc,.details-add input{font:inherit;border:1px solid #ddd;border-radius:5px;padding:7px 9px;box-sizing:border-box;width:100%}.details-desc{resize:vertical}.details-muted{color:#aaa;font-size:13px}.details-assignees{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.assignee-input{position:relative;margin-top:6px}.assignee-input-row{display:flex;gap:6px}.assignee-input-row input{flex:1 1 auto;font:inherit;border:1px solid #ddd;border-radius:5px;padding:7px 9px;box-sizing:border-box}.assignee-input-row button,.details-btn{font:inherit;border:1px solid #ccc;background:#fff;border-radius:5px;padding:7px 12px;cursor:pointer}.assignee-input-row button:hover,.details-btn:hover{background:#f0f0f0}.assignee-suggest{position:absolute;top:calc(100% + 2px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 18px #00000026;z-index:10;max-height:220px;overflow-y:auto}.assignee-suggest-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:13px;cursor:pointer}.assignee-suggest-item.is-active{background:#eef4fb}.details-actions{display:flex;gap:8px;margin-top:20px}.details-danger{color:#c0392b;border-color:#e0b4ae}.details-danger:hover{background:#fdecea}.details-row{display:flex;gap:12px}.details-row-col{display:flex;flex-direction:column}.details-effort{font:inherit;border:1px solid #ddd;border-radius:5px;padding:7px 9px;width:90px;box-sizing:border-box}.skill-row{display:flex;align-items:center;gap:8px;padding:3px 0}.skill-row-name{flex:0 0 34%;font-size:13px;color:#333}.skill-slider{flex:1 1 auto;cursor:pointer}.skill-row-level{flex:0 0 auto;min-width:22px;text-align:center;font-size:11px;font-weight:700;color:#fff;border-radius:10px;padding:1px 6px}.skill-remove{border:none;background:none;color:#aaa;font-size:15px;line-height:1;cursor:pointer;padding:0 2px}.skill-remove:hover{color:#c0392b}.skill-none{font-size:12px;color:#bbb}.skill-input{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.skill-input-name{flex:1 1 100%;min-width:0;font:inherit;border:1px solid #ddd;border-radius:5px;padding:6px 8px;box-sizing:border-box}.skill-input-level{flex:0 0 auto}.skill-input-cat{flex:1 1 auto;min-width:0}.skill-input button{flex:0 0 auto}.skill-input-level,.skill-input-cat{font:inherit;border:1px solid #ddd;border-radius:5px;padding:6px 4px;background:#fff}.skill-input button{font:inherit;border:1px solid #ccc;background:#fff;border-radius:5px;padding:6px 12px;cursor:pointer}.skill-input button:hover{background:#f0f0f0}.details-suggest-head{display:flex;align-items:center;justify-content:space-between}.details-auto{font:inherit;font-size:12px;border:1px solid #3498db;background:#eaf4fc;color:#1f6fb2;border-radius:5px;padding:4px 9px;cursor:pointer}.details-auto:hover{background:#d9ecfb}.suggest-list{list-style:none;margin:4px 0 0;padding:0}.suggest-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;font-size:13px}.suggest-item.is-qualified{background:#f1f8f2}.suggest-name{font-weight:600;color:#333}.suggest-meta{flex:1 1 auto;font-size:11px;color:#999}.suggest-item.is-qualified .suggest-meta{color:#3a9b54}.suggest-assign{font:inherit;font-size:12px;border:1px solid #ccc;background:#fff;border-radius:5px;padding:3px 10px;cursor:pointer}.suggest-assign:hover{background:#f0f0f0}.kb-card-effort{flex:0 0 auto;min-width:18px;text-align:center;font-size:11px;font-weight:700;color:#555;background:#ededed;border-radius:10px;padding:1px 7px}.users-page,.guide-page{flex:1 1 auto;min-height:0;overflow-y:auto;background:#f9f9f9;padding:24px;box-sizing:border-box}.guide-inner{max-width:760px;margin:0 auto}.guide-title{font-size:22px;margin:0 0 8px;color:#333}.guide-lead{color:#666;line-height:1.5;margin:0 0 24px}.guide-section{margin-bottom:22px}.guide-section-title{font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:#3498db;margin:0 0 10px}.guide-list{margin:0}.guide-row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 0;border-top:1px solid #ececec}.guide-term{font-weight:600;color:#333}.guide-desc{margin:0;color:#555;line-height:1.45}.guide-intro{color:#555;line-height:1.5;margin:0 0 12px}.guide-example{margin:12px 0 0;padding:10px 12px;background:#eef5fb;border-left:3px solid #3498db;border-radius:0 5px 5px 0;color:#345;line-height:1.5;font-size:14px}.guide-figure{margin:14px auto 0;padding:12px;max-width:260px;background:#fff;border:1px solid #e6e6e6;border-radius:8px}.guide-graph{display:block;width:100%;max-height:150px}.guide-legend{display:flex;gap:16px;justify-content:center;margin-top:10px}.guide-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#555}.guide-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.guide-caption{margin:10px 0 0;text-align:center;color:#777;font-size:13px;line-height:1.45}@media(max-width:560px){.guide-row{grid-template-columns:1fr;gap:2px}}.users-head{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto 18px}.users-title{font-size:22px;margin:0;color:#333}.users-add{display:flex;gap:6px}.users-add input{font:inherit;border:1px solid #ddd;border-radius:5px;padding:7px 10px;width:200px}.users-add button{font:inherit;border:1px solid #3498db;background:#3498db;color:#fff;border-radius:5px;padding:7px 14px;cursor:pointer}.users-add button:hover{background:#2f8bcc}.users-empty{max-width:1100px;margin:30px auto;color:#999}.users-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start}.user-card{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000f}.user-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.user-name{flex:1 1 140px;min-width:0;font:inherit;font-weight:600;font-size:15px;border:1px solid transparent;border-radius:5px;padding:5px 7px}.user-name:hover{border-color:#e3e3e3}.user-name:focus{border-color:#3498db;outline:none}.user-delete{border:none;background:none;color:#bbb;font-size:18px;line-height:1;cursor:pointer}.user-delete:hover{color:#c0392b}.skill-group{margin-top:8px}.skill-cat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#aaa;margin-bottom:2px}.kanban-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.kanban-toolbar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:10px 18px 0}.kb-add{font:inherit;font-weight:600;border:1px solid #3498db;background:#3498db;color:#fff;border-radius:6px;padding:6px 14px;cursor:pointer}.kb-add:hover{background:#2f8bcc}.kb-hint-text{font-size:12px;color:#999}.kb-card.is-selected{outline:2px solid #3498db;outline-offset:1px}.kb-marquee{position:fixed;z-index:800;background:#3498db26;border:1px solid #3498db;border-radius:2px;pointer-events:none}.kanban-wrap{-webkit-user-select:none;user-select:none}.kb-card.is-dragging{opacity:.45;border-style:dashed}.kb-card.is-link-target{border-color:#7048c4;box-shadow:0 0 0 2px #7048c473;background:#f3eefc}.kb-card.is-link-target:after{content:"depends on this";position:absolute;right:8px;top:-9px;font-size:10px;font-weight:700;color:#fff;background:#7048c4;padding:1px 6px;border-radius:8px}.selection-bar{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:950;display:flex;align-items:center;gap:12px;background:#222;color:#fff;border-radius:28px;padding:8px 10px 8px 18px;box-shadow:0 6px 24px #00000047}.selection-count{font-size:13px;font-weight:600}.selection-btn{font:inherit;font-size:13px;border:1px solid #555;background:#333;color:#fff;border-radius:18px;padding:6px 14px;cursor:pointer}.selection-btn:hover{background:#444}.selection-btn.primary{border-color:#3498db;background:#3498db}.selection-btn.primary:hover{background:#2f8bcc}.orch-bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1f2630;color:#e8edf3;border-bottom:1px solid #11161d}.orch-title{font-size:13px;font-weight:700;letter-spacing:.02em}.orch-btn{font:inherit;font-size:13px;border:1px solid #3a4654;background:#2a323d;color:#e8edf3;border-radius:5px;padding:5px 12px;cursor:pointer}.orch-btn:hover{background:#333d4a}.orch-run{border-color:#2f9e44;background:#2f9e44}.orch-run:hover{background:#2b8d3d}.orch-pause{border-color:#d9a400;background:#c79400;color:#1f2630}.orch-speed{display:flex;align-items:center;gap:6px;font-size:12px;color:#9fb0c2}.orch-speed-val{width:26px}.orch-status{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:12px}.orch-stat{color:#9fb0c2}.orch-live{font-weight:700;color:#7ee0a0;text-transform:uppercase;font-size:11px}.orch-live:before{content:"● ";animation:orch-pulse 1s ease-in-out infinite}.orch-hint{font-size:12px;color:#9fb0c2}@keyframes orch-pulse{0%,to{opacity:1}50%{opacity:.3}}.node-running{animation:orch-pulse 1.1s ease-in-out infinite}.kb-card.is-running{border-left-color:#2d7dd2}.kb-card-running{flex:1 0 100%;display:flex;align-items:center;gap:6px;font-size:11px;color:#2d7dd2;font-weight:600}.kb-run-dot{width:8px;height:8px;border-radius:50%;background:#2d7dd2;animation:orch-pulse 1.1s ease-in-out infinite}.kb-run-track{flex:1 1 auto;height:4px;background:#e3e3e3;border-radius:2px;overflow:hidden}.kb-run-fill{display:block;height:100%;background:#2d7dd2;transition:width .2s linear}.user-card.is-agent{border-color:#c7d6ea;background:#f6f9fd}.kind-toggle{display:flex;gap:0}.kind-toggle button{font:inherit;font-size:11px;border:1px solid #ccc;background:#fff;color:#555;padding:3px 8px;cursor:pointer}.kind-toggle button:first-child{border-radius:5px 0 0 5px}.kind-toggle button:last-child{border-radius:0 5px 5px 0;margin-left:-1px}.kind-toggle button.is-active{background:#3498db;border-color:#3498db;color:#fff}.agent-config{background:#eef4fb;border:1px solid #d8e6f6;border-radius:6px;padding:8px 10px;margin:4px 0 8px}.agent-prompt,.agent-tools{width:100%;box-sizing:border-box;font:inherit;font-size:13px;border:1px solid #cdd9e6;border-radius:5px;padding:6px 8px;margin-bottom:6px}.agent-prompt{resize:vertical}.skill-cat-sublabel{font-size:11px;color:#aaa;margin:4px 0 2px}.cap-chip{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;border-radius:10px;padding:2px 9px}.cap-human{background:#2f9e44}.cap-ai{background:#6c5ce7}.who-toggle{display:flex;gap:0}.who-toggle button{font:inherit;font-size:13px;border:1px solid #ccc;background:#fff;color:#555;padding:5px 12px;cursor:pointer}.who-toggle button:first-child{border-radius:5px 0 0 5px}.who-toggle button:last-child{border-radius:0 5px 5px 0}.who-toggle button:not(:first-child){margin-left:-1px}.who-toggle button.is-active{background:#7048c4;border-color:#7048c4;color:#fff}.add-agent{background:#6c5ce7!important;border-color:#6c5ce7!important}.add-agent:hover{background:#5a4bd1!important}body{margin:0;padding:0;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}