:root{--bg-primary: #050506;--bg-secondary: #1b1e22;--bg-tertiary: #272a31;--bg-glass: rgba(27, 30, 34, .85);--border-color: rgba(255, 255, 255, .07);--border-glow: rgba(142, 132, 122, .08);--text-primary: #f8fafc;--text-secondary: #9f968e;--text-muted: #57524c;--accent-primary: #8a7e72;--accent-glow: rgba(138, 126, 114, .15);--accent-secondary: #8e9a91;--accent-warning: #ab9c8e;--accent-danger: #a89494;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 8px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-container{display:grid;grid-template-columns:280px 1fr;height:100vh;width:100vw}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;padding:20px}.logo-section{display:flex;align-items:center;gap:10px;margin-bottom:30px}.logo-icon{color:var(--accent-primary);font-size:24px}.logo-text{font-weight:700;font-size:20px;background:linear-gradient(135deg,#fff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;font-weight:600}.project-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;padding-right:4px}.project-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--radius);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--transition)}.project-item:hover,.project-item.active{background:var(--bg-tertiary);border-color:var(--border-color)}.project-item.active{border-color:#6366f166;box-shadow:0 0 15px var(--border-glow)}.project-name-wrapper{display:flex;align-items:center;gap:10px;overflow:hidden}.project-name{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-badge{font-size:10px;background:#6366f126;color:var(--accent-primary);padding:2px 6px;border-radius:4px}.create-project-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-primary);color:#fff;border:none;padding:12px;border-radius:var(--radius);font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:var(--transition);margin-top:15px}.create-project-btn:hover{background:#4f46e5;box-shadow:0 0 20px #6366f166}.workspace{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,#080a0e 100%)}.workspace-header{height:70px;border-bottom:1px solid var(--border-color);padding:0 30px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass)}.active-project-info h1{font-size:20px;font-weight:600}.active-project-info p{font-size:12px;color:var(--text-secondary)}.tab-container{display:flex;gap:8px}.tab-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-family:var(--font-sans);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:#fff;background:var(--bg-tertiary);border-color:var(--border-color)}.workspace-content{flex:1;overflow-y:auto;padding:30px}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;text-align:center}.welcome-title{font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#fff,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-subtitle{color:var(--text-secondary);max-width:500px;line-height:1.6}.grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff05}.card-title{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.search-container{display:flex;gap:10px;margin-bottom:20px}.search-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:#fff;font-family:var(--font-sans);font-size:14px;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 10px var(--border-glow)}.search-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:0 20px;font-family:var(--font-sans);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition)}.search-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.timeline{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:2px;background:var(--border-color)}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-20px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-primary)}.timeline-dot.checkpoint{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.timeline-dot.critique{background:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning)}.timeline-card{background:#12161f66;border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;transition:var(--transition)}.timeline-card:hover{border-color:#ffffff26;background:#12161f99}.timeline-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:8px}.timeline-body{font-size:14px;line-height:1.5}.role-badge{text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary)}.role-badge.user{background:#10b98126;color:var(--accent-secondary)}.role-badge.assistant{background:#6366f126;color:var(--accent-primary)}.dag-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;height:350px;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.dag-canvas{display:flex;flex-direction:column;align-items:center;gap:30px;position:relative;min-width:100%}.dag-row{display:flex;gap:40px;justify-content:center;position:relative}.dag-node{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 18px;min-width:150px;text-align:center;cursor:pointer;transition:var(--transition);position:relative;box-shadow:0 4px 10px #0003}.dag-node:hover{border-color:var(--accent-primary);box-shadow:0 0 15px var(--border-glow);transform:translateY(-2px)}.dag-node.active{border-color:var(--accent-primary);background:var(--bg-tertiary)}.dag-node-title{font-size:12px;font-weight:600;margin-bottom:4px}.dag-node-meta{font-size:10px;color:var(--text-muted)}.fctf-section-title{font-size:13px;text-transform:uppercase;color:var(--accent-primary);margin:18px 0 8px;font-weight:600}.fctf-editor{display:flex;flex-direction:column;gap:15px}.fctf-field{display:flex;flex-direction:column;gap:6px}.fctf-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.fctf-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:#fff;font-family:var(--font-sans);font-size:13px;min-height:80px;resize:vertical;transition:var(--transition)}.fctf-textarea:focus{outline:none;border-color:var(--accent-primary)}.fctf-save-btn{background:var(--accent-primary);border:none;color:#fff;padding:12px;border-radius:8px;font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:var(--transition)}.fctf-save-btn:hover{background:#4f46e5}.audit-form{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.audit-select,.audit-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px;color:#fff;font-family:var(--font-sans);font-size:14px}.audit-btn{background:var(--accent-warning);color:#000;border:none;border-radius:8px;padding:12px;font-family:var(--font-sans);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.audit-btn:hover{background:#d97706;box-shadow:0 0 15px #f59e0b4d}.critique-card{border-left:3px solid var(--accent-warning);background:#f59e0b08;padding:20px;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:20px}.critique-header{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px;color:var(--text-secondary)}.critique-content{font-size:14px;line-height:1.6;font-family:var(--font-sans);white-space:pre-wrap}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:30px;width:450px;display:flex;flex-direction:column;gap:20px}.modal-title{font-size:18px;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-btn{border:none;padding:10px 20px;border-radius:6px;font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:var(--transition)}.modal-btn.cancel{background:var(--bg-tertiary);color:var(--text-primary)}.modal-btn.confirm{background:var(--accent-primary);color:#fff}.welcome-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;width:100%;max-width:1200px;margin-top:30px;text-align:left}.welcome-section{display:flex;flex-direction:column;gap:20px}.flow-card-grid{display:grid;grid-template-columns:1fr;gap:15px}.flow-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:18px;transition:var(--transition)}.flow-card:hover{border-color:#6366f14d;box-shadow:0 4px 20px #6366f10d}.flow-card-header{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;margin-bottom:8px;color:var(--accent-primary)}.flow-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.integration-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;height:fit-content}.integration-card-title{font-size:16px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}.integration-tabs{display:flex;gap:4px;background:var(--bg-primary);padding:4px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:20px}.integration-tab-btn{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;font-family:var(--font-sans);transition:var(--transition)}.integration-tab-btn.active{background:var(--bg-tertiary);color:#fff}.code-container{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:15px;font-family:var(--font-mono);font-size:12px;overflow-x:auto;margin-bottom:15px;color:#fff;border-left:3px solid var(--accent-primary)}.code-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em;margin-bottom:8px;display:block}.integration-help-text{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-top:10px}.top-nav-link:hover{color:var(--text-primary)!important;background:var(--bg-tertiary)!important}.agents-stacked-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}@media (max-width: 900px){.agents-stacked-list{grid-template-columns:1fr}}.agent-horizontal-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:14px 20px;position:relative;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff05;transition:var(--transition)}.agent-horizontal-card:hover{transform:translateY(-1px);border-color:#ffffff1a;box-shadow:0 6px 20px #00000073}.agent-left-group{display:flex;align-items:center;gap:15px;width:220px;flex-shrink:0}.agent-status-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.agent-title-stack{display:flex;flex-direction:column;gap:2px}.agent-name-main{font-size:13px;font-weight:600;color:var(--text-primary)}.agent-badge-type{font-size:9px;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.05em}.agent-mid-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;flex:1;padding-right:20px}.agent-right-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.agent-action-btn{font-size:11px;color:var(--text-primary);text-decoration:none;border:1px solid var(--border-color);padding:4px 10px;border-radius:4px;background:var(--bg-tertiary);font-weight:500;transition:var(--transition);cursor:pointer}.agent-action-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.agent-preview-box{margin-top:10px;padding:12px 15px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);white-space:pre-wrap;line-height:1.5;border-left:2px solid var(--accent-primary)}.graph-node{box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:border-color .2s,background-color .2s,box-shadow .2s;box-shadow:0 4px 12px #00000073}.graph-node:hover{border-color:var(--accent-primary)!important;background-color:var(--bg-tertiary)!important;box-shadow:0 6px 16px #0009}.graph-node.node-dragging{box-shadow:0 12px 24px #000000b3;transform:scale(1.02)}.project-node{background:var(--bg-secondary)}.project-node:hover{border-color:var(--accent-secondary)!important}.node-link-btn{transition:color .15s,background-color .15s}.node-link-btn:hover{color:var(--accent-primary)!important;background-color:#ffffff08}.graph-edge-dashes{stroke-dasharray:4,8;animation:edgeDashFlow 12s linear infinite}@keyframes edgeDashFlow{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}