*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background:#0f1117;color:#e0e0e0;min-height:100vh}.notes-cell{cursor:pointer;display:inline-block;padding:2px 0;border-radius:3px;transition:background .15s}.notes-cell:hover{background:#0ea5e914}.notes-pencil{opacity:0;transition:opacity .15s}.notes-cell:hover .notes-pencil{opacity:1;color:#38bdf8!important}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#13151f;border-radius:5px}*::-webkit-scrollbar-thumb{background:#3a3f55;border-radius:5px;border:2px solid #13151f}*::-webkit-scrollbar-thumb:hover{background:#4f6ef7}*::-webkit-scrollbar-corner{background:#13151f}*{scrollbar-width:thin;scrollbar-color:#3a3f55 #13151f}#root{display:flex;flex-direction:column;height:100vh;overflow:hidden}header{background:#1a1d27;border-bottom:1px solid #2a2d3e;padding:8px 14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;row-gap:6px}header h1{font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.hdr-btn{background:#1e2130;border:1px solid #2a2d3e;border-radius:6px;color:#aaa;padding:4px 9px;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.hdr-btn:hover{border-color:#4f6ef7;color:#fff}.layout{display:grid;grid-template-columns:260px 1fr;flex:1;overflow:hidden}.sidebar{background:#13151f;border-right:1px solid #2a2d3e;display:flex;flex-direction:column;overflow:hidden}.sidebar-top{padding:12px;border-bottom:1px solid #2a2d3e}.btn-add{width:100%;padding:9px;background:#4f6ef7;border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer}.btn-add:hover{background:#3d5ce0}.agents-list{flex:1;overflow-y:auto;padding:10px}.agent-card{background:#1e2130;border:1px solid #2a2d3e;border-radius:8px;padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:all .15s}.agent-card:hover{border-color:#4f6ef7}.agent-card.active{border-color:#4f6ef7;background:#1a2340}.agent-name{font-size:13px;font-weight:600;color:#fff}.agent-url{font-size:11px;color:#555;margin-top:1px}.agent-meta{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}.dot{width:7px;height:7px;border-radius:50%;background:#444;flex-shrink:0}.dot.online{background:#22c55e}.dot.warn{background:#f59e0b}.dot.crit,.dot.offline{background:#ef4444}.health-badge{font-size:10px;padding:1px 6px;border-radius:10px;font-weight:600}.hb-ok{background:#052e16;color:#22c55e}.hb-warn{background:#451a03;color:#f59e0b}.hb-crit{background:#450a0a;color:#ef4444}.hb-off{background:#1f2937;color:#6b7280}.mem-mini{font-size:10px;color:#555}.mem-bar{height:4px;background:#1f2937;border-radius:2px;margin-top:4px;overflow:hidden}.mem-bar-fill{height:100%;border-radius:2px;background:#22c55e;transition:width .5s}.mem-bar-fill.warn{background:#f59e0b}.mem-bar-fill.crit{background:#ef4444}.main{display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;background:#1a1d27;border-bottom:1px solid #2a2d3e;padding:0 12px;overflow-x:auto;flex-shrink:0}.tabs::-webkit-scrollbar{height:0}.tab{padding:11px 14px;font-size:12px;color:#666;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:#e0e0e0}.tab.active{color:#4f6ef7;border-bottom-color:#4f6ef7}.panel{flex:1;overflow-y:auto;padding:16px}.panel-fill{flex:1;overflow:hidden;display:flex;flex-direction:column}.card{background:#1e2130;border:1px solid #2a2d3e;border-radius:10px;padding:14px;margin-bottom:14px}.card h3{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{background:#13151f;border-radius:8px;padding:10px}.stat .label{font-size:10px;color:#555;margin-bottom:3px}.stat .value{font-size:18px;font-weight:700;color:#fff}.stat .unit{font-size:10px;color:#666}.btn{padding:6px 14px;border-radius:6px;border:none;font-size:12px;cursor:pointer;transition:all .15s;font-weight:500}.btn-primary{background:#4f6ef7;color:#fff}.btn-primary:hover{background:#3d5ce0}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b;color:#000}.btn-warning:hover{background:#d97706}.btn-secondary{background:#2a2d3e;color:#e0e0e0}.btn-secondary:hover{background:#353849}.btn-success{background:#22c55e;color:#000}.btn-success:hover{background:#16a34a}.btn-purple{background:#7c3aed;color:#fff}.btn-purple:hover{background:#6d28d9}.btn:disabled{opacity:.5;cursor:not-allowed}textarea{width:100%;background:#13151f;border:1px solid #2a2d3e;border-radius:6px;padding:9px;color:#e0e0e0;font-family:Courier New,monospace;font-size:12px;resize:vertical;outline:none}textarea:focus{border-color:#4f6ef7}.sql-lib{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sql-lib-btn{background:#1a2340;border:1px solid #2a4070;border-radius:5px;color:#60a5fa;font-size:11px;padding:4px 10px;cursor:pointer;transition:all .15s}.sql-lib-btn:hover{background:#1e3a5f;border-color:#4f6ef7}.sql-result{background:#13151f;border-radius:6px;overflow-x:auto;margin-top:10px}table{width:100%;border-collapse:collapse;font-size:11px}th{background:#1e2130;color:#888;text-align:left;padding:7px 10px;font-weight:600;border-bottom:1px solid #2a2d3e;white-space:nowrap}td{padding:6px 10px;border-bottom:1px solid #1a1d27;color:#e0e0e0;white-space:nowrap}tr:hover td{background:#1e2130}.proc-table{width:100%;border-radius:10px;overflow:hidden;border:1px solid #2a2d3e}.proc-head{display:grid;grid-template-columns:1fr 1fr;background:#141824;padding:8px 16px;font-size:10px;color:#555;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #2a2d3e}.proc-row-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #1e2436;min-height:52px}.proc-left{display:flex;align-items:center;padding:8px 16px;gap:8px;border-right:1px solid #1e2436}.proc-right{display:flex;flex-direction:column;justify-content:center;padding:5px 14px;gap:3px}.port-badge{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:600}.pb-web{background:#1e3a5f;color:#60a5fa}.pb-proc{background:#1f2937;color:#6b7280}.pb-loading{background:#1f2937;color:#555}.ftree{background:#070e1a;border:1px solid #1e3050;border-radius:8px;padding:8px;margin:8px 0;font-size:11px;font-family:monospace;max-height:400px;overflow-y:auto}.ftree-node{display:flex;align-items:center;gap:4px;padding:2px 0;cursor:pointer;border-radius:4px;white-space:nowrap}.ftree-node:hover{background:#0d1f3a}.ftree-icon{width:14px;text-align:center;flex-shrink:0}.ftree-name{color:#cbd5e1;flex:1;overflow:hidden;text-overflow:ellipsis}.ftree-name.is-file{color:#94a3b8}.ftree-name.is-file:hover{color:#60a5fa;text-decoration:underline}.ftree-size{color:#334155;font-size:10px;margin-left:4px}.ftree-viewer{background:#0a1628;border:1px solid #1e3050;border-radius:6px;padding:10px;margin-top:6px;max-height:300px;overflow:auto;font-size:11px;font-family:monospace;color:#94a3b8;white-space:pre;-moz-tab-size:2;tab-size:2}.task-wrap{display:flex;flex-direction:column;height:100%;flex:1;min-width:0}.task-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#13151f;border-bottom:1px solid #2a2d3e;flex-shrink:0}.task-client-input{flex:1;background:#1e2130;border:1px solid #2a2d3e;border-radius:6px;padding:6px 10px;color:#e0e0e0;font-size:12px;outline:none}.task-client-input:focus{border-color:#4f6ef7}.task-messages{flex:1;overflow-y:auto;overflow-x:clip;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}.task-msg{padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.65;max-width:92%;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.task-msg.user{background:#1a2340;border:1px solid #2a4070;align-self:flex-end;color:#c8d8ff}.task-msg.assistant{background:#1e2130;border:1px solid #2a2d3e;align-self:flex-start;color:#e0e0e0;max-width:96%}.task-msg.system{background:transparent;border:none;align-self:center;color:#555;font-size:11px;font-style:italic}.task-msg.tool-call{background:#1a1f2e;border-left:3px solid #3b5bdb;color:#7c9fd4;font-size:12px;font-family:monospace;padding:5px 10px;border-radius:0 4px 4px 0;align-self:stretch;margin:2px 0;max-width:100%;overflow-wrap:anywhere;word-break:break-all}.task-msg pre{background:#0f1117;border-radius:4px;padding:8px;overflow-x:auto;margin:5px 0;font-size:11px}.task-msg code{background:#0f1117;padding:1px 4px;border-radius:3px;font-size:11px}.task-msg strong{color:#fff}.task-msg h2,.task-msg h3{color:#fff;margin:6px 0 3px}.task-msg img{max-width:100%;max-height:200px;border-radius:6px;margin-top:6px;display:block;cursor:zoom-in}.task-footer{border-top:1px solid #2a2d3e;background:#13151f;flex-shrink:0}.task-attachments{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0;min-height:0}.task-input-area{padding:10px 12px}.task-textarea{width:100%;background:#1e2130;border:1px solid #2a2d3e;border-radius:8px;padding:10px 12px;color:#e0e0e0;font-size:13px;resize:none;outline:none;font-family:Segoe UI,sans-serif;min-height:80px;max-height:180px}.task-textarea:focus{border-color:#4f6ef7}.task-toolbar{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.task-toolbar::-webkit-scrollbar{display:none}.task-tool-btn{background:#1e2130;border:1px solid #2a2d3e;border-radius:6px;color:#aaa;padding:5px 10px;font-size:11px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.task-tool-btn:hover{border-color:#4f6ef7;color:#fff}.task-send-btn{margin-left:auto;background:#4f6ef7;border:none;border-radius:6px;color:#fff;padding:7px 18px;font-size:13px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px;transition:background .15s}.task-send-btn:hover:not(:disabled){background:#3d5ce0}.task-send-btn:disabled{opacity:.4;cursor:not-allowed;background:#2a2d3e}.task-stop-btn{margin-left:auto;background:#7f1d1d;border:1px solid #ef4444;border-radius:6px;color:#fca5a5;padding:7px 16px;font-size:13px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px;animation:stop-pulse 1.5s ease-in-out infinite}.task-stop-btn:hover{background:#991b1b;color:#fff;animation:none}@keyframes stop-pulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 4px #ef444400}}.model-select{background:#1e2130;border:1px solid #2a2d3e;border-radius:6px;color:#94a3b8;padding:5px 8px;font-size:11px;cursor:pointer;outline:none}.model-select:hover{border-color:#4f6ef7;color:#e2e8f0}.model-select option{background:#1e2130}.hist-sidebar-item{background:#111827;border:1px solid #1e2436;border-radius:6px;padding:7px 9px;margin-bottom:6px;cursor:pointer;transition:border-color .15s}.hist-sidebar-item:hover{border-color:#3b82f6;background:#131d2e}.hist-sidebar-item.st-pending{box-shadow:inset 3px 0 #f59e0b}.hist-sidebar-item.st-inprogress{box-shadow:inset 3px 0 #3b82f6}.hist-sidebar-item.st-done{box-shadow:inset 3px 0 #22c55e}.hist-sidebar-item.hist-sidebar-active{background:#132040;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.claude-state{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;border-radius:20px;transition:all .3s;margin-right:auto}.claude-state.idle{color:#444;background:transparent}.claude-state.working{color:#60a5fa;background:#1e3a5f}.claude-state.done{color:#22c55e;background:#052e16}.claude-state.error{color:#f87171;background:#450a0a}.cs-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.claude-state.working .cs-dot{animation:cs-pulse .8s ease-in-out infinite}@keyframes cs-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.typing:after{content:"▋";animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.deploy-card{background:#0c1a2e;border:1px solid #1e4080;border-radius:10px;padding:14px 18px;margin:4px 0}.dw-title{font-size:13px;font-weight:700;color:#60a5fa;margin-bottom:4px}.dw-divider{border-top:1px solid #1e3050;margin:10px 0}.dw-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.term-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:200;display:flex;align-items:center;justify-content:center}.term-modal{background:#0d1117;border:1px solid #30363d;border-radius:10px;width:820px;max-width:96vw;max-height:88vh;display:flex;flex-direction:column}.term-header{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#161b22;border-bottom:1px solid #30363d;border-radius:10px 10px 0 0;flex-shrink:0}.term-dot{width:12px;height:12px;border-radius:50%}.td-red{background:#ff5f57}.td-yellow{background:#febc2e}.td-green{background:#28c840}.term-title{flex:1;font-size:12px;font-weight:600;color:#8b949e;font-family:Courier New,monospace;margin-left:6px}.term-body{flex:1;overflow-y:auto;padding:12px 14px;font-family:Courier New,monospace;font-size:12px;line-height:1.65;min-height:300px;max-height:560px;background:#0d1117}.tl{white-space:pre-wrap;word-break:break-all;color:#e6edf3}.tl-err{color:#f85149}.tl-warn{color:#d29922}.tl-ok{color:#3fb950}.tl-dim{color:#484f58}.audit-panel{position:fixed;top:49px;right:0;width:340px;height:calc(100vh - 49px);background:#1a1d27;border-left:1px solid #2a2d3e;z-index:50;transform:translate(100%);transition:transform .25s;display:flex;flex-direction:column}.audit-panel.open{transform:none}.audit-head{padding:14px 16px;border-bottom:1px solid #2a2d3e;display:flex;align-items:center;justify-content:space-between}.audit-body{flex:1;overflow-y:auto;padding:10px}.audit-item{padding:8px 10px;border-bottom:1px solid #1e2436;font-size:12px}.audit-time{font-size:10px;color:#555}.audit-action{color:#e0e0e0;margin-top:2px}.audit-detail{font-size:11px;color:#666;margin-top:1px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.dash-card{background:#1e2130;border:1px solid #2a2d3e;border-radius:10px;padding:14px;cursor:pointer;transition:all .15s}.dash-card:hover{border-color:#4f6ef7;transform:translateY(-1px)}.dash-card.ok{border-left:3px solid #22c55e}.dash-card.warning{border-left:3px solid #f59e0b}.dash-card.critical{border-left:3px solid #ef4444}.dash-card.offline{border-left:3px solid #444}.dash-name{font-size:14px;font-weight:700;color:#fff}.dash-url{font-size:11px;color:#555;margin-top:2px}.dash-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.dash-stat{background:#13151f;border-radius:6px;padding:8px;text-align:center}.dash-stat .v{font-size:16px;font-weight:700;color:#fff}.dash-stat .l{font-size:10px;color:#555;margin-top:1px}.dash-issues{margin-top:8px;font-size:11px;color:#f59e0b}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:#1e2130;border:1px solid #2a2d3e;border-radius:12px;padding:22px;width:400px;max-width:95vw}.modal h2{font-size:15px;margin-bottom:14px}.modal input{width:100%;background:#13151f;border:1px solid #2a2d3e;border-radius:6px;padding:8px 11px;color:#e0e0e0;font-size:13px;outline:none;margin-bottom:9px}.modal input:focus{border-color:#4f6ef7}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.toast-container{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:999}.toast{background:#1e2130;border:1px solid #2a2d3e;border-radius:8px;padding:10px 14px;font-size:12px;animation:fadeIn .2s;max-width:300px}.toast.success{border-color:#22c55e;color:#22c55e}.toast.error{border-color:#ef4444;color:#ef4444}.toast.info{border-color:#4f6ef7;color:#60a5fa}.toast.warning{border-color:#f59e0b;color:#f59e0b}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.no-agent{display:flex;align-items:center;justify-content:center;height:100%;color:#444;font-size:14px}.empty-state{text-align:center;color:#444;padding:50px 20px;font-size:13px}.diag-status{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;margin-bottom:12px}.diag-ok{background:#052e16;border:1px solid #166534}.diag-warn{background:#451a03;border:1px solid #92400e}.diag-crit{background:#450a0a;border:1px solid #991b1b}.diag-icon{font-size:28px}.diag-title{font-size:15px;font-weight:700;color:#fff}.diag-sub{font-size:12px;color:#999;margin-top:2px}.attach-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:11px}.attach-chip-img{background:#1e3a5c;border:1px solid #2a6090;color:#60a5fa}.attach-chip-url{background:#1a2e1a;border:1px solid #2a602a;color:#4ade80}.attach-chip-script{background:#1e1a2e;border:1px solid #4a2a80;color:#a78bfa}.attach-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;padding:0;opacity:.7;line-height:1}.attach-chip button:hover{opacity:1}.screenshot-img{width:100%;border-radius:8px;border:1px solid #2a2d3e}@keyframes exp-pulse{0%,to{box-shadow:0 0 #a78bfa8c}50%{box-shadow:0 0 0 6px #a78bfa00}}.exp-suggested{animation:exp-pulse 1.8s ease-in-out infinite}@keyframes avnSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avnLoaderBar{0%{left:-40%}to{left:100%}}