.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-hover: #e2e8f0;--border-color: #e2e8f0;--border-light: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #10b981;--accent-primary-hover: #059669;--accent-primary-bg: rgba(16, 185, 129, .1);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-orange: #f59e0b;--accent-red: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--sidebar-bg: #f8fafc;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--sidebar-width: 260px;--header-height: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease}[data-theme=dark]{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #18181b;--bg-elevated: #1f1f23;--bg-hover: #27272a;--border-color: #27272a;--border-light: #3f3f46;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #10b981;--accent-primary-hover: #059669;--accent-primary-bg: rgba(16, 185, 129, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--sidebar-bg: #111113;--card-shadow: 0 2px 8px rgba(0, 0, 0, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.streaming-cursor{display:inline-block;animation:blink 1s steps(1) infinite;margin-left:2px;color:var(--accent-primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 1200px){.agent-details-grid{grid-template-columns:1fr}.details-sidebar{order:-1}}@media (max-width: 768px){:root{--sidebar-width: 0px}.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.view-container{padding:16px}.form-row,.agents-grid{grid-template-columns:1fr}}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);background:var(--bg-primary);min-height:100vh;transition:margin-left .2s ease}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10000;transition:width .2s ease}.sidebar.collapsed{width:72px}.sidebar.collapsed+.main-content{margin-left:72px}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar.collapsed .sidebar-header{padding:16px;justify-content:center}.sidebar-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;flex-shrink:0}.sidebar.collapsed .sidebar-toggle{display:none}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;object-fit:contain}.logo-icon-fallback{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-primary);border-radius:var(--radius-md);color:#fff}.logo-text{display:flex;flex-direction:column}.logo-text h1{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;margin:0;white-space:nowrap}.logo-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.logo-subtitle{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.sidebar.collapsed .sidebar-nav{padding:8px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;margin-bottom:4px;position:relative}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-item span:not(.nav-badge-collapsed){display:none}.nav-badge-collapsed{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;background:var(--accent-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary-bg);color:var(--accent-primary)}.nav-badge{margin-left:auto;background:var(--bg-hover);color:var(--text-muted);font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.nav-item.active .nav-badge{background:var(--accent-primary);color:var(--bg-primary)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.api-status{display:flex;align-items:center;gap:8px}.api-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;flex-shrink:0}.api-status-text{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin-left:auto}.status-dot.online{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.api-url{font-size:11px;color:var(--text-muted);margin-top:8px;font-family:monospace;word-break:break-all}.sidebar-settings-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.sidebar-settings-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.settings-modal{max-width:600px;width:95%}.settings-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.settings-description{font-size:13px;color:var(--text-secondary);margin:0 0 16px}.settings-info{background:var(--bg-secondary);border-radius:8px;padding:12px}.settings-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.settings-label{font-size:13px;color:var(--text-secondary)}.settings-value{font-size:13px;color:var(--text-primary);font-weight:500}.settings-role{text-transform:capitalize;padding:2px 8px;background:rgba(var(--accent-rgb),.1);color:var(--accent);border-radius:4px;font-size:11px}.settings-error{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;color:#ef4444;border-radius:8px;margin-bottom:16px;font-size:13px}.settings-created-key{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:16px;margin-bottom:16px}.settings-created-key-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#22c55e}.settings-warning{font-size:12px;color:var(--text-secondary);margin:0 0 12px}.settings-key-display{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border-radius:6px;padding:8px 12px}.settings-key-display code{flex:1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;color:var(--text-primary);word-break:break-all}.settings-key-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.settings-key-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.success-icon{color:#22c55e}.settings-create-key{display:flex;gap:8px;margin-bottom:16px}.settings-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer}.settings-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-btn-primary{background:var(--accent);color:#fff}.settings-btn-primary:hover{opacity:.9}.settings-btn-danger{background:transparent;color:#ef4444;padding:6px}.settings-btn-danger:hover{background:#ef44441a}.settings-loading,.settings-empty{text-align:center;padding:24px;color:var(--text-secondary);font-size:13px}.settings-key-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary);border-radius:8px}.settings-key-info{display:flex;flex-direction:column;gap:4px}.settings-key-name{font-size:13px;font-weight:500;color:var(--text-primary)}.settings-key-preview{font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;color:var(--text-secondary)}.settings-key-meta{font-size:11px;color:var(--text-tertiary)}.settings-code{background:var(--bg-secondary);border-radius:8px;padding:16px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;color:var(--text-primary);overflow-x:auto;white-space:pre;margin:0}.sidebar-user{position:relative}.sidebar-user-chevron{color:var(--text-tertiary);flex-shrink:0}.sidebar-user-menu{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:4px;margin-bottom:8px;box-shadow:0 4px 12px #00000026;z-index:100}.sidebar-user-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;border-radius:6px;transition:all .15s ease}.sidebar-user-menu button:hover{background:var(--bg-secondary)}.sidebar-user-menu button svg{color:var(--text-secondary)}.sidebar-user-menu button:last-child:hover{background:#ef44441a;color:#ef4444}.sidebar-user-menu button:last-child:hover svg{color:#ef4444}.view-container{padding:32px;max-width:1400px}.view-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.view-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px}.view-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.header-with-back{display:flex;align-items:center;gap:16px}.header-actions{display:flex;gap:12px;align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-primary{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:all var(--transition-fast)}.btn-primary>svg,.btn-secondary>svg,.btn-danger>svg,.action-button>svg{display:block;width:16px;height:16px;flex-shrink:0;vertical-align:middle}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;color:var(--accent-red);border:1px solid var(--accent-red);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-back:hover{background:var(--bg-hover);color:var(--text-primary)}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px}.search-bar svg{color:var(--text-muted)}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.search-filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:24px}.search-filter-bar .search-bar{flex:1;margin-bottom:0}.btn-filter{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.btn-filter:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.btn-filter.active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:var(--accent-primary);color:#fff;font-size:11px;font-weight:600;border-radius:9px}.filters-panel{display:flex;gap:16px;align-items:flex-end;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px}.filters-panel .filter-group{display:flex;flex-direction:column;gap:6px}.filters-panel .filter-group label{font-size:12px;font-weight:500;color:var(--text-muted)}.filters-panel select{min-width:150px}.btn-text{background:none;border:none;color:var(--accent-primary);font-size:13px;cursor:pointer;padding:8px 12px}.btn-text:hover{text-decoration:underline}.view-toggle{display:flex;gap:4px;padding-left:12px;border-left:1px solid var(--border-color)}.toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.toggle-btn.active{background:var(--accent-primary-bg);color:var(--accent-primary);border-color:var(--accent-primary)}.modal-overlay{position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-title{display:flex;gap:16px;align-items:flex-start}.modal-title svg{color:var(--accent-primary);margin-top:4px}.modal-title h2{font-size:20px;font-weight:600;margin-bottom:8px}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.preview-content{padding:24px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.preview-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center}.preview-stat-value{display:block;font-size:32px;font-weight:700;color:var(--accent-primary);line-height:1;margin-bottom:8px}.preview-stat-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.preview-item{display:flex;flex-direction:column;gap:4px}.preview-item label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.preview-item span{font-size:14px;color:var(--text-primary)}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center}.stat-box .stat-value{display:block;font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.stat-box .stat-label{display:block;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.preview-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.preview-section.full-width{grid-column:1 / -1}.preview-section h3{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-item{display:flex;justify-content:space-between;align-items:center}.preview-label{font-size:13px;color:var(--text-muted)}.preview-value{font-size:13px;color:var(--text-primary);font-weight:500}.preview-value.highlight{color:var(--accent-primary);font-size:18px}.preview-code{font-family:monospace;font-size:12px;color:var(--text-secondary);background:var(--bg-primary);padding:12px;border-radius:var(--radius-sm);white-space:pre-wrap;max-height:200px;overflow-y:auto}.preview-tags{display:flex;flex-wrap:wrap;gap:8px}.preview-tag{padding:4px 10px;background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.preview-mcp-list{display:flex;flex-direction:column;gap:8px}.preview-mcp-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.preview-mcp-item .mcp-url{font-size:13px;color:var(--text-primary);font-family:monospace}.preview-mcp-item .mcp-tools-count{font-size:12px;color:var(--text-muted)}.preview-mcp{display:flex;flex-direction:column;gap:8px}.mcp-preview-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-family:monospace}.tool-search{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:16px}.tool-search svg{color:var(--text-muted)}.tool-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px}.tool-search input:focus{outline:none}.selected-count{font-size:12px;color:var(--accent-primary);font-weight:500}.tools-grid-detailed{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.tool-checkbox-detailed{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tool-checkbox-detailed:hover{border-color:var(--border-light);background:var(--bg-hover)}.tool-checkbox-detailed input{margin-top:2px}.tool-checkbox-detailed input:checked+.tool-info .tool-name{color:var(--accent-primary)}.tool-info{display:flex;flex-direction:column;gap:4px;flex:1}.tool-info .tool-name{font-size:14px;font-weight:500;color:var(--text-primary)}.tool-info .tool-description{font-size:12px;color:var(--text-muted);line-height:1.4}.no-results{text-align:center;color:var(--text-muted);padding:24px;font-style:italic}.agent-card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.agent-stats{display:flex;gap:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.stat-item svg{opacity:.7}.card-quick-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.agent-card:hover .card-quick-actions{opacity:1}.config-value.highlight{color:var(--accent-primary);font-size:18px;font-weight:600}.text-muted{color:var(--text-muted)}.agents-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.agents-table table{width:100%;border-collapse:collapse}.agents-table th,.agents-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.agents-table th{background:var(--bg-tertiary);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.agents-table tr:last-child td{border-bottom:none}.agents-table tr:hover td{background:var(--bg-tertiary)}.agent-name-cell{display:flex;align-items:center;gap:10px}.agent-name-cell svg{color:var(--accent-primary)}.agent-name-cell .clickable{cursor:pointer;font-weight:500}.agent-name-cell .clickable:hover{color:var(--accent-primary)}.table-actions{display:flex;gap:4px}.table-actions .btn-icon-small{opacity:.6}.table-actions .btn-icon-small:hover{opacity:1}.modal-tabs{display:flex;gap:0;background:var(--bg-secondary);padding:0 24px;border-bottom:1px solid var(--border-color)}.modal-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.modal-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:transparent}.modal-tab svg{width:14px;height:14px}.json-content{padding:16px 20px;display:flex;flex-direction:column;gap:12px;max-height:400px;overflow:hidden}.json-actions{display:flex;gap:8px;justify-content:flex-end;padding:8px 0}.json-actions .btn-sm,.json-content .btn-sm,.modal-footer .btn-sm{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.json-actions .btn-sm:hover,.json-content .btn-sm:hover,.modal-footer .btn-sm:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.json-actions .btn-sm svg,.json-content .btn-sm svg,.modal-footer .btn-sm svg{width:14px;height:14px;flex-shrink:0}.json-viewer{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;color:var(--text-secondary);overflow:auto;max-height:300px;white-space:pre-wrap;word-break:break-all}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-state svg,.error-state svg,.empty-state svg{color:var(--text-muted);margin-bottom:16px}.loading-state p,.error-state p,.empty-state p{color:var(--text-muted);font-size:14px}.empty-state h3{font-size:18px;margin-bottom:8px}.empty-state button{margin-top:24px}.empty-state button svg{margin-bottom:0}.error-state button{margin-top:16px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center}.placeholder-content svg{color:var(--text-muted);margin-bottom:24px;opacity:.5}.placeholder-content h2{font-size:24px;margin-bottom:8px;color:var(--text-secondary)}.placeholder-content p{color:var(--text-muted)}.notification{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:10000;animation:slideIn .3s ease;max-width:500px}.notification span{flex:1;word-break:break-word}.notification.success{border-left:3px solid var(--accent-primary)}.notification.success svg{color:var(--accent-primary)}.notification.error{border-left:3px solid var(--accent-red)}.notification.error svg{color:var(--accent-red)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.logo-image{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain;flex-shrink:0}.logo-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary) 0%,#059669 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text-tai{color:#fff;font-size:14px;font-weight:800;letter-spacing:-.5px}.agent-avatar.team-avatar,.agent-status.sequential{background:var(--accent-primary-bg);color:var(--accent-primary)}.agent-status.parallel{background:#eab30826;color:#eab308}.agent-status.conditional{background:#a855f726;color:#a855f7}.agent-status.iterative{background:#22c55e26;color:#22c55e}.agent-status.HIL{background:#ef444426;color:#ef4444}[data-theme=dark] .agent-status.parallel{background:#facc1526;color:#facc15}[data-theme=dark] .agent-status.conditional{background:#c084fc26;color:#c084fc}[data-theme=dark] .agent-status.iterative{background:#4ade8026;color:#4ade80}[data-theme=dark] .agent-status.HIL{background:#f8717126;color:#f87171}.alert-modal{max-width:400px;padding:32px;text-align:center}.alert-modal-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 16px;background:var(--bg-tertiary);border-radius:50%}.alert-modal-icon svg{width:28px;height:28px}.alert-modal-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-primary)}.alert-modal-message{margin:0 0 24px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.alert-modal-button{min-width:120px;padding:12px 24px;font-size:14px;font-weight:500}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--bg-secondary);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton-card-header{display:flex;align-items:center;gap:12px}.skeleton-card-title{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-table{display:flex;flex-direction:column;gap:12px}.skeleton-row{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-color)}.skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.skeleton-stat-card{background:var(--bg-secondary);border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.a2a-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:16px}.a2a-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.a2a-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.a2a-section{margin-bottom:16px}.a2a-section label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.a2a-url-row{display:flex;align-items:center;gap:6px}.a2a-url{flex:1;background:var(--bg-tertiary);padding:8px 12px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-color)}.a2a-copy-btn,.a2a-link-btn,.a2a-icon-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:12px}.a2a-copy-btn:hover,.a2a-link-btn:hover,.a2a-icon-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.a2a-key-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.a2a-key-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.a2a-key{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.a2a-key-actions{display:flex;gap:8px}.a2a-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.a2a-btn-primary{background:var(--primary-color);color:#fff}.a2a-btn-primary:hover{background:var(--primary-hover)}.a2a-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.a2a-btn-secondary:hover{background:var(--bg-tertiary)}.a2a-btn-danger{background:transparent;color:var(--danger-color);border:1px solid var(--danger-color)}.a2a-btn-danger:hover{background:var(--danger-color);color:#fff}.a2a-btn:disabled{opacity:.5;cursor:not-allowed}.a2a-warning{margin-top:12px;padding:10px 12px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;font-size:12px;color:#b8860b}.a2a-no-key{text-align:center;padding:20px}.a2a-no-key p{margin:0 0 12px;color:var(--text-secondary);font-size:13px}.a2a-example{border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px;overflow:hidden}.a2a-example-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);cursor:pointer;transition:background .2s}.a2a-example-header:hover{background:var(--bg-primary)}.a2a-example-header span{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.a2a-example-content{position:relative;background:var(--bg-primary);border-top:1px solid var(--border-color)}.a2a-example-content pre{margin:0;padding:12px;font-family:Monaco,Menlo,monospace;font-size:11px;line-height:1.5;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.a2a-example-content .a2a-copy-btn{position:absolute;top:8px;right:8px;padding:6px 10px;font-size:11px}.a2a-info{background:var(--bg-tertiary);border-radius:6px;padding:12px}.a2a-info p{margin:0 0 8px;font-size:12px;color:var(--text-secondary);line-height:1.5}.a2a-info p:last-child{margin-bottom:0}.a2a-info code{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-size:11px;color:var(--primary-color)}.a2a-loading{text-align:center;padding:20px;color:var(--text-secondary)}.llm-endpoint-selector{display:flex;flex-direction:column;gap:16px}.endpoint-mode-tabs{display:flex;gap:4px;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:8px}.mode-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.mode-tab:hover{color:var(--text-primary);background:#ffffff08}.mode-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#6366f114}.endpoint-saved-list{min-height:120px}.endpoint-loading,.endpoint-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-secondary);font-size:13px;gap:12px}.endpoint-empty p{margin:0}.endpoint-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.endpoint-item{padding:12px 16px;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;background:#ffffff05}.endpoint-item:hover{border-color:#6366f166;background:#6366f10d}.endpoint-item.selected{border-color:var(--primary-color);background:#6366f11f}.endpoint-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.endpoint-name{font-weight:600;font-size:14px;color:var(--text-primary)}.check-icon{color:var(--primary-color)}.endpoint-item-details{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.endpoint-provider{padding:2px 8px;background:#6366f126;border-radius:4px;font-weight:500}.endpoint-model{font-family:Courier New,monospace}.endpoint-new-form,.endpoint-manual-form{display:flex;flex-direction:column;gap:16px}.endpoint-actions{display:flex;gap:8px;margin-top:8px}.endpoint-save-hint{margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.checkbox-group{margin:8px 0}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-label span{color:var(--text-secondary)}.btn-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;color:var(--primary-color);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-link:hover{color:#818cf8;background:#6366f114;border-radius:6px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:#818cf8;transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff14;color:var(--text-secondary)}.btn-secondary:hover{background:#ffffff1f;color:var(--text-primary)}.spinner{animation:spin 1s linear infinite}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.dashboard-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.dashboard-card:hover{background:var(--bg-tertiary);border-color:var(--border-light);transform:translateY(-2px)}.card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md)}.card-content{flex:1}.card-value{font-size:32px;font-weight:700;letter-spacing:-1px}.card-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-top:2px}.card-description{font-size:12px;color:var(--text-muted);margin-top:4px}.card-arrow{color:var(--text-muted)}.dashboard-section{margin-top:40px}.dashboard-section h2{font-size:18px;font-weight:600;margin-bottom:16px}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;line-height:18px;cursor:pointer;transition:all var(--transition-fast)}.action-button:hover{background:var(--bg-hover);border-color:var(--border-light)}.action-button.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.action-button.primary:hover{background:var(--accent-primary-hover)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;overflow:visible}.agent-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative}.agent-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.agent-card.menu-open{position:relative;z-index:9999}.agent-card-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);position:relative;overflow:visible}.agent-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-md)}.agent-info{flex:1}.agent-info h3{font-size:16px;font-weight:600}.agent-status{display:inline-block;font-size:11px;font-weight:500;text-transform:uppercase;padding:2px 8px;border-radius:10px;margin-top:4px}.agent-status.active{background:var(--accent-primary-bg);color:var(--accent-primary)}.agent-status.inactive{background:var(--bg-hover);color:var(--text-muted)}.agent-menu{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:6px;min-width:180px;z-index:10000;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.dropdown-menu button:hover{background:var(--bg-hover)}.dropdown-menu button.danger{color:var(--accent-red)}.dropdown-menu button.danger:hover{background:#ef44441a}.dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}.agent-card-body{padding:16px}.agent-meta{display:flex;gap:16px;font-size:12px;color:var(--text-muted);margin-bottom:12px}.agent-meta span{display:flex;align-items:center;gap:4px}.agent-description{font-size:13px;color:var(--text-secondary);line-height:1.6}.agent-card-footer{padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.agent-stats{display:flex;gap:16px;font-size:12px;color:var(--text-muted)}.agent-form-embedded{max-width:900px;padding-bottom:40px}.form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.form-section h2{font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.agent-form-embedded select,.form-section select{width:100%;padding:12px 40px 12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.agent-form-embedded select:focus,.form-section select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.agent-form-embedded select:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-bg)}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:13px;color:var(--text-muted);margin-bottom:16px}.input-with-action{display:flex;gap:8px}.input-with-action input{flex:1}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.tool-checkbox{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tool-checkbox:hover{border-color:var(--border-light)}.tool-checkbox input{width:auto}.tool-checkbox input:checked+.tool-name{color:var(--accent-primary)}.tool-name{font-size:13px;color:var(--text-secondary)}.tool-checkbox-card{display:block;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tool-checkbox-card:hover{border-color:var(--border-light);background:var(--bg-hover)}.tool-checkbox-card input{display:none}.tool-checkbox-card input:checked+.tool-card-content{border-color:var(--accent-primary)}.tool-checkbox-card input:checked+.tool-card-content .tool-name{color:var(--accent-primary)}.tool-checkbox-card input:checked+.tool-card-content .tool-check{color:#10b981}.tool-card-content{display:flex;flex-direction:column;gap:6px}.tool-card-header{display:flex;align-items:center;gap:8px}.tool-card-header .tool-name{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.tool-card-header .tool-check{flex-shrink:0}.tool-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.tool-badge.custom{background:#f59e0b20;color:#f59e0b}.tool-description{font-size:11px;color:var(--text-tertiary);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tools-group{margin-bottom:16px}.tools-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.provider-tabs{display:flex;gap:8px;margin-bottom:20px}.provider-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.provider-tab:hover{background:var(--bg-hover);border-color:var(--border-light)}.provider-tab.active{background:var(--accent-primary-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.provider-config{padding:20px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.role-selector{display:flex;gap:8px}.role-selector select{flex:1}.custom-role-input{display:flex;gap:8px;margin-top:12px}.custom-role-input input{flex:1}.agent-badges{display:flex;gap:8px;align-items:center;margin-top:4px}.agent-role{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--accent-blue);background:#3b82f61a;padding:2px 8px;border-radius:10px}.mcp-servers-grid{display:flex;flex-direction:column;gap:8px}.mcp-server-checkbox{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.mcp-server-checkbox:hover{border-color:var(--border-light)}.mcp-server-checkbox input{margin-top:2px}.mcp-server-info{display:flex;flex-direction:column;gap:4px}.mcp-server-name{font-size:14px;font-weight:500;color:var(--text-primary)}.mcp-server-url{font-size:12px;color:var(--text-muted);font-family:monospace}.mcp-server-tools{font-size:12px;color:var(--accent-primary)}.empty-mcp,.empty-tools{display:flex;flex-direction:column;align-items:center;padding:32px;text-align:center;color:var(--text-muted)}.empty-mcp svg,.empty-tools svg{margin-bottom:12px;opacity:.5}.selected-mcp-tools{display:flex;flex-direction:column;gap:16px}.mcp-server-tools-list{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.mcp-server-tools-list h4{font-size:12px;font-family:monospace;color:var(--text-muted);margin-bottom:12px}.tools-tags{display:flex;flex-wrap:wrap;gap:8px}.no-tools{font-size:12px;color:var(--text-muted);font-style:italic}.mcp-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.mcp-url{font-size:12px;font-family:monospace;color:var(--text-secondary)}.mcp-tools-count{font-size:11px;color:var(--accent-primary)}.add-mcp-server{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.add-mcp-server .input-with-action{display:flex;gap:8px}.add-mcp-server .input-with-action input{flex:1}.selected-mcp-servers{margin-bottom:20px}.selected-mcp-servers>label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.mcp-servers-list{display:flex;flex-direction:column;gap:8px}.mcp-server-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent-primary-bg);border:1px solid var(--accent-primary);border-radius:var(--radius-md)}.mcp-server-item svg:first-child{color:var(--accent-primary)}.mcp-server-item .mcp-server-url{flex:1;font-family:monospace;font-size:13px;color:var(--text-primary)}.btn-icon-small{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.btn-icon-small.danger:hover{background:#ef444433;color:var(--accent-red)}.available-mcp-servers{margin-top:16px}.available-mcp-servers>label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.mcp-servers-expanded{display:flex;flex-direction:column;gap:12px}.mcp-server-expanded{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.mcp-server-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-elevated)}.mcp-server-header svg:first-child{color:var(--accent-primary)}.mcp-server-header .mcp-server-url{flex:1;font-family:monospace;font-size:13px;color:var(--text-primary)}.mcp-tools-selection{padding:16px;border-top:1px solid var(--border-color)}.mcp-tools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:var(--text-muted)}.mcp-tools-bulk{display:flex;gap:8px}.mcp-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:400px;overflow-y:auto}.mcp-tool-checkbox{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mcp-tool-checkbox:hover{border-color:var(--border-light);background:var(--bg-hover)}.mcp-tool-checkbox input{margin:0}.mcp-tool-checkbox input:checked+.tool-label .tool-name{color:var(--accent-primary)}.tool-label{min-width:0}.tool-label .tool-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcp-no-tools{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px}.mcp-no-tools svg{opacity:.5}.mcp-no-tools-panel{display:flex;flex-direction:column;gap:16px}.mcp-no-tools-message{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px}.mcp-no-tools-message svg{color:var(--accent-orange);flex-shrink:0;margin-top:2px}.mcp-preset-tools{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.mcp-preset-tools p{margin:0;font-size:13px;color:var(--text-secondary)}.mcp-preset-tools strong{color:var(--accent-primary)}.mcp-manual-tool{display:flex;flex-direction:column;gap:8px}.mcp-manual-tool label{font-size:12px;color:var(--text-muted)}.mcp-manual-tool .input-with-action{display:flex;gap:8px}.mcp-manual-tool input{flex:1}.mcp-add-more-tools{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.input-with-action.compact{display:flex;gap:8px}.input-with-action.compact input{flex:1;padding:8px 12px;font-size:13px}.agent-details-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.agent-main,.agent-sidebar{display:flex;flex-direction:column;gap:24px}.detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.detail-section h3{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.detail-section h3 svg{color:var(--text-muted)}.execute-response{margin-top:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.execute-response.error{border-color:var(--accent-red);border-left:3px solid var(--accent-red)}.execute-response p{font-size:14px;line-height:1.6;color:var(--text-primary)}.execute-response .error-message{color:var(--accent-red)}.code-block{font-family:Monaco,Menlo,monospace;font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);padding:16px;border-radius:var(--radius-md);white-space:pre-wrap;max-height:300px;overflow-y:auto}.sidebar-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.sidebar-section h4{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}.config-list,.stats-list{display:flex;flex-direction:column;gap:12px}.config-item{display:flex;justify-content:space-between;align-items:center}.config-item label{font-size:13px;color:var(--text-muted)}.config-item span{font-size:13px;color:var(--text-primary);font-weight:500}.stats-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.stats-item svg{color:var(--text-muted)}.stats-item.highlight svg{color:var(--accent-primary)}.stats-item .stats-value{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.stats-item .stats-label{display:block;font-size:11px;color:var(--text-muted)}.mcp-list{display:flex;flex-direction:column;gap:8px}.mcp-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.mcp-item .mcp-url{font-size:12px;color:var(--text-primary);font-family:monospace;word-break:break-all}.mcp-item .mcp-tools{font-size:11px;color:var(--text-muted)}.tools-list{display:flex;flex-wrap:wrap;gap:6px}.tool-tag{padding:4px 8px;background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:11px;font-weight:500}.execute-form{display:flex;flex-direction:column;gap:12px}.execute-form textarea{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;resize:vertical}.execute-form textarea:focus{outline:none;border-color:var(--accent-primary)}.response-box{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:16px}.response-box h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.response-box p{font-size:14px;line-height:1.6;white-space:pre-wrap}.response-box.error{border-left:3px solid var(--accent-red)}.response-box.success{border-left:3px solid var(--accent-primary)}.error-text{color:var(--accent-red)}.response-meta{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted)}.code-block{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-x:auto}.config-list{display:flex;flex-direction:column;gap:12px}.config-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.config-item:last-child{border-bottom:none;padding-bottom:0}.config-label{font-size:13px;color:var(--text-muted)}.config-value{font-size:13px;font-weight:500;color:var(--text-primary)}.tools-list{display:flex;flex-wrap:wrap;gap:8px}.tool-tag{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.section-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-secondary)}.section-toggle h2{margin-bottom:0}.memory-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.memory-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.memory-label{font-size:12px;font-weight:600;color:var(--accent-primary)}.memory-value{font-size:13px;color:var(--text-secondary)}.empty-text{font-size:13px;color:var(--text-muted);text-align:center;padding:16px}.view-container,.main-content,.agent-card,.agent-card-header,.agent-card-body,.agent-card-footer,.agent-menu{overflow:visible!important}.agent-card.menu-open{z-index:99999!important;overflow:visible!important}.agent-card.menu-open .agent-card-header,.agent-card.menu-open .agent-menu{overflow:visible!important}.dropdown-menu{position:absolute!important;z-index:999999!important;overflow:visible!important;max-height:none!important}.agents-grid{overflow:visible!important}.teams-builder{display:flex;flex-direction:column;height:100%}.teams-builder .view-header{flex-shrink:0}.builder-layout{display:flex;flex:1;gap:0;overflow:hidden;border-top:1px solid var(--border-color)}.team-name-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;width:200px}.pattern-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.agents-panel{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .2s ease}.agents-panel.collapsed{width:40px}.agents-panel .panel-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.agents-panel .panel-content{flex:1;overflow-y:auto;padding:12px}.agents-panel .panel-section{margin-bottom:16px}.agents-panel .panel-section h4{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.draggable-items{display:flex;flex-direction:column;gap:6px}.draggable-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:grab;transition:all .15s ease;font-size:13px;color:var(--text-primary)}.draggable-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.draggable-item:active{cursor:grabbing}.draggable-item.output{background:var(--accent-green-bg);border-color:var(--accent-green);color:var(--accent-green)}.flow-canvas{flex:1;background:var(--bg-primary)}.flow-canvas .react-flow__background{background:var(--bg-primary)}.flow-canvas .react-flow__controls{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.flow-canvas .react-flow__controls-button{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.flow-canvas .react-flow__controls-button:hover{background:var(--bg-hover)}.flow-node{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:500}.flow-node-content{display:flex;flex-direction:column;gap:2px}.flow-node-title{font-size:11px;font-weight:600;opacity:.7}.flow-node-subtitle{font-size:13px}.flow-handle{width:10px;height:10px;background:var(--text-muted);border:2px solid var(--bg-secondary)}.execute-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;height:calc(100vh - 200px)}.chat-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);text-align:center}.chat-empty h3{margin:0;color:var(--text-primary)}.chat-message{display:flex;gap:12px;padding:16px;border-radius:var(--radius-md);max-width:85%}.chat-message .message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message .message-wrapper{flex:1;min-width:0}.chat-message .message-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.chat-message .message-sender{font-weight:600;font-size:14px}.chat-message .message-time{font-size:11px;color:var(--text-muted)}.chat-message .message-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-message.user{background:var(--accent-primary-bg);align-self:flex-end;flex-direction:row-reverse}.chat-message.user .message-avatar{background:var(--accent-primary);color:#fff}.chat-message.user .message-header{flex-direction:row-reverse}.chat-message.user .message-sender{color:var(--accent-primary)}.chat-message.assistant{background:var(--bg-tertiary);border:1px solid var(--border-color);align-self:flex-start}.chat-message.assistant .message-avatar{background:var(--bg-hover);color:var(--text-secondary)}.chat-message.error{background:var(--accent-red-bg);border:1px solid var(--accent-red);align-self:flex-start}.chat-message.error .message-avatar{background:var(--accent-red);color:#fff}.chat-message.error .message-sender{color:var(--accent-red)}.chat-message.loading{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.error-message{display:flex;align-items:center;gap:8px}.chat-input{display:flex;gap:8px;padding:16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.chat-input input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.chat-input input:focus{outline:none;border-color:var(--accent-primary)}.team-info-panel{display:flex;flex-direction:column;gap:16px}.info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.info-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:13px}.info-value{color:var(--text-primary);font-weight:500;font-size:13px}.memory-labels{display:flex;flex-wrap:wrap;gap:6px}.memory-label{padding:4px 10px;background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:12px}.filter-actions{display:flex;align-items:center;gap:12px}.btn-filter{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s ease}.btn-filter:hover,.btn-filter.active{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.filters-panel{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:600;color:var(--text-muted)}.filter-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:13px}.card-badge{padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:capitalize}.badge-sequential{background:var(--accent-primary-bg);color:var(--accent-primary)}.badge-parallel{background:var(--accent-yellow-bg);color:var(--accent-yellow)}.badge-conditional{background:var(--accent-purple-bg);color:var(--accent-purple)}.preview-workflow{display:flex;flex-direction:column;gap:8px}.workflow-step{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px}.workflow-from,.workflow-to{color:var(--text-primary);font-weight:500}.workflow-step svg{color:var(--text-muted)}.pattern-description{margin-top:8px;font-size:13px;color:var(--text-muted)}.panel-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-section-header h4{margin:0}.btn-text-small{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;color:var(--accent-primary);font-size:12px;cursor:pointer;border-radius:var(--radius-sm)}.btn-text-small:hover{background:var(--accent-primary-bg)}.panel-empty{text-align:center;padding:16px;color:var(--text-muted);font-size:13px}.panel-empty p{margin:0 0 12px}.pattern-info{padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:12px;color:var(--text-muted);line-height:1.5}.pattern-info p{margin:0}.pattern-info strong{color:var(--text-primary)}.execute-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;height:calc(100vh - 180px)}.documents-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.panel-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header-row h4{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--text-primary)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;transition:all .15s ease;color:var(--text-muted);font-size:13px}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.upload-hint{font-size:11px;opacity:.7}.documents-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:150px;overflow-y:auto}.btn-icon-small{padding:4px;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .15s ease}.btn-icon-small:hover{background:var(--bg-hover)}.btn-icon-small.danger{color:var(--accent-red)}.btn-icon-small.danger:hover{background:var(--accent-red-bg)}.btn-icon-small.run:hover{background:#10b98133;color:var(--accent-green)}.trace-stats{display:flex;flex-direction:column;gap:12px}.trace-stat{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.trace-stat svg{color:var(--text-muted)}.trace-stat>div{display:flex;flex-direction:column}.trace-value{font-size:14px;font-weight:600;color:var(--text-primary)}.trace-label{font-size:11px;color:var(--text-muted)}.trace-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:12px;margin:0}.detail-items{display:flex;flex-direction:column}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--text-muted)}.detail-value{font-size:13px;font-weight:500;color:var(--text-primary)}:root{--accent-yellow: #eab308;--accent-yellow-bg: rgba(234, 179, 8, .1);--accent-purple: #a855f7;--accent-purple-bg: rgba(168, 85, 247, .1)}[data-theme=dark]{--accent-yellow: #facc15;--accent-yellow-bg: rgba(250, 204, 21, .15);--accent-purple: #c084fc;--accent-purple-bg: rgba(192, 132, 252, .15)}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header-row h3{display:flex;align-items:center;gap:8px;margin:0}.agent-card .team-icon{background:var(--accent-primary-bg);color:var(--accent-primary)}.agent-card .card-agents{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.agent-card .agent-tag{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted)}.agent-card .agent-tag.more{background:var(--accent-primary-bg);color:var(--accent-primary);border-color:var(--accent-primary)}.teams-builder{height:100%;display:flex;flex-direction:column}.builder-layout{flex:1;display:flex;gap:0;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary)}.builder-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.builder-sidebar.collapsed{width:auto}.builder-sidebar-toggle{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:pointer;font-weight:600;font-size:13px}.builder-sidebar-toggle:hover{background:var(--bg-hover)}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.sidebar-section{margin-bottom:20px}.sidebar-section h4{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h4{margin:0}.btn-text-sm{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;color:var(--accent-primary);font-size:12px;cursor:pointer;border-radius:var(--radius-sm)}.btn-text-sm:hover{background:var(--accent-primary-bg)}.empty-text{font-size:13px;color:var(--text-muted);text-align:center;padding:12px}.draggable-list{display:flex;flex-direction:column;gap:6px}.draggable-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:grab;font-size:13px;transition:all .15s ease}.draggable-item:hover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.draggable-item.output{border-color:var(--accent-green)}.draggable-item.output:hover{background:var(--accent-green-bg)}.info-box{padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:12px;color:var(--text-muted);line-height:1.5}.info-box p{margin:0}.info-box strong{color:var(--text-primary)}.flow-canvas{flex:1;min-width:0}.execute-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;height:calc(100vh - 180px)}.execute-main{display:flex;flex-direction:column;gap:16px;min-height:0}.execute-sidebar{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.sidebar-card h4{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.trace-grid{display:flex;flex-direction:column;gap:10px}.trace-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.trace-item svg{color:var(--text-muted)}.trace-item>div{display:flex;flex-direction:column}.trace-item .value{font-size:14px;font-weight:600;color:var(--text-primary)}.trace-item .label{font-size:11px;color:var(--text-muted)}.details-list{display:flex;flex-direction:column}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color);font-size:13px}.detail-row:last-child{border-bottom:none}.detail-row>span:first-child{color:var(--text-muted)}.detail-row>span:last-child{font-weight:500;color:var(--text-primary)}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;min-height:300px}.chat-messages{flex:1;overflow-y:auto;padding:16px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.chat-empty svg{margin-bottom:12px;opacity:.5}.chat-empty h3{margin:0 0 8px;font-size:16px;color:var(--text-primary)}.chat-empty p{margin:0;font-size:13px}.chat-message{margin-bottom:16px}.chat-message.user .message-content{background:var(--accent-primary);color:#fff;margin-left:40px}.chat-message.assistant .message-content{background:var(--bg-tertiary);margin-right:40px}.chat-message.error .message-content{background:var(--accent-red-bg);color:var(--accent-red);display:flex;align-items:center;gap:8px}.message-content{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.5}.message-content pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit}.message-time{display:block;font-size:11px;color:var(--text-muted);margin-top:4px;text-align:right}.chat-message.user .message-time{text-align:right}.chat-message.assistant .message-time{text-align:left}.chat-input-area{display:flex;gap:12px;padding:16px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.chat-input-area input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.chat-input-area input:focus{outline:none;border-color:var(--accent-primary)}.documents-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.documents-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.documents-section .section-header h4{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;transition:all .15s ease;color:var(--text-muted);font-size:13px}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.documents-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:120px;overflow-y:auto}.document-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.document-info{flex:1;min-width:0}.document-name{display:block;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-size{font-size:11px;color:var(--text-muted)}.preview-modal{max-width:600px}.preview-modal .modal-title{display:flex;align-items:center;gap:12px}.preview-modal .modal-title>div{display:flex;flex-direction:column;gap:4px}.preview-modal .modal-title h2{margin:0}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center}.stat-box svg{color:var(--accent-primary)}.stat-box .stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-box .stat-label{font-size:12px;color:var(--text-muted)}.preview-section{margin-bottom:16px}.preview-section h4{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 8px}.preview-text{font-size:14px;color:var(--text-primary);line-height:1.5;margin:0}.workflow-list{display:flex;flex-direction:column;gap:8px}.workflow-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px}.workflow-from,.workflow-to{font-weight:500;color:var(--text-primary)}.workflow-item svg{color:var(--text-muted)}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-primary)}.input-field{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.input-field:focus{outline:none;border-color:var(--accent-primary)}.flow-node{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;min-width:120px}.flow-node-input{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary)}.flow-node-agent{background:var(--bg-secondary);border:2px solid var(--accent-primary);color:var(--text-primary)}.flow-node-agent.executing{border-color:var(--accent-green);box-shadow:0 0 12px var(--accent-green)}.flow-node-output{background:var(--accent-green-bg);border:2px solid var(--accent-green);color:var(--accent-green)}.flow-node-content{display:flex;flex-direction:column}.flow-node-title{font-size:10px;color:var(--text-muted);text-transform:uppercase}.flow-node-subtitle{font-size:13px;font-weight:600}.flow-handle{width:10px;height:10px;background:var(--accent-primary);border:2px solid var(--bg-primary)}.react-flow__controls{box-shadow:var(--shadow-md)}.react-flow__controls-button{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.react-flow__controls-button:hover{background:var(--bg-hover)}.agents-grid{overflow:visible!important;position:relative}.agents-grid .agent-card{position:relative;z-index:1;overflow:visible!important}.agent-card-header,.agent-card-body,.agent-card-footer,.agent-menu{overflow:visible!important}.dropdown-menu{position:absolute!important;top:100%!important;right:0!important;z-index:99999!important;margin-top:4px}.view-container,.main-content{overflow:visible!important}.agents-grid .agent-card:hover{transform:none}.agents-grid .agent-card{z-index:1}.agents-grid .agent-card.menu-open{z-index:9999!important}.agents-grid .agent-card.menu-open .dropdown-menu{z-index:99999!important}.team-agents-list{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.team-agents-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}.team-agents-tags{display:flex;flex-wrap:wrap;gap:6px}.team-agent-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary)}.team-agent-tag.more{background:var(--accent-primary-bg);color:var(--accent-primary);border-color:var(--accent-primary)}.agent-status.hil{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.agents-grid .agent-card{min-height:280px;display:flex;flex-direction:column}.agents-grid .agent-card .agent-card-body{flex:1}.memory-hint{font-size:11px;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.team-memory-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.team-memory-form input,.team-memory-form textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:inherit}.team-memory-form input:focus,.team-memory-form textarea:focus{outline:none;border-color:var(--accent-primary)}.team-memory-form input:disabled{background:var(--bg-secondary);color:var(--text-muted)}.team-memory-form textarea{resize:vertical;min-height:60px}.team-memory-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.team-memory-item{padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.team-memory-header svg{color:var(--accent-primary);flex-shrink:0}.team-memory-label{font-weight:600;font-size:12px;color:var(--text-primary);flex:1;font-family:SF Mono,Consolas,monospace}.team-memory-actions{display:flex;gap:4px;margin-left:auto}.team-memory-description{font-size:11px;color:var(--text-muted);font-style:italic;margin-bottom:6px;line-height:1.3}.team-memory-value{font-size:12px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word;background:var(--bg-secondary);padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border-color);max-height:120px;overflow-y:auto}.section-desc{font-size:12px;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.trigger-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-fast);position:relative;overflow:visible}.trigger-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.trigger-card.menu-open{z-index:9999}.trigger-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;position:relative;overflow:visible}.trigger-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.trigger-icon.webhook{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.trigger-icon.schedule{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.trigger-icon.event{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.trigger-info{flex:1;min-width:0}.trigger-info h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-badges{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.trigger-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;text-transform:uppercase}.trigger-type-badge.webhook{background:#3b82f626;color:#3b82f6}.trigger-type-badge.schedule{background:#8b5cf626;color:#8b5cf6}.trigger-type-badge.event{background:#f59e0b26;color:#f59e0b}.trigger-enabled-badge{padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.trigger-enabled-badge.enabled{background:#10b98126;color:#10b981}.trigger-enabled-badge.disabled{background:#ef444426;color:#ef4444}.trigger-card-body{margin-bottom:16px}.trigger-target{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.trigger-target svg{color:var(--accent-primary)}.trigger-target strong{color:var(--text-primary);font-weight:500}.trigger-description{margin-top:12px;font-size:13px;color:var(--text-muted);line-height:1.5}.trigger-webhook-url{margin-top:12px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:monospace;font-size:12px;color:var(--text-secondary);word-break:break-all}.trigger-schedule-info{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.trigger-schedule-info code{background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm);font-family:monospace}.trigger-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color)}.trigger-stats{display:flex;gap:16px}.trigger-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.trigger-stat svg{color:var(--text-secondary)}.executions-modal{max-width:700px;max-height:80vh}.executions-modal .modal-body{max-height:500px;overflow-y:auto}.executions-list{display:flex;flex-direction:column;gap:12px}.execution-item{padding:14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--border-color)}.execution-item.success{border-left-color:#10b981}.execution-item.failed{border-left-color:#ef4444}.execution-item.running{border-left-color:#3b82f6}.execution-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.status-icon{display:flex;align-items:center;justify-content:center}.status-icon.success{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.running{color:#3b82f6}.execution-source{font-size:13px;font-weight:500;color:var(--text-primary)}.execution-time{font-size:12px;color:var(--text-muted);margin-left:auto}.execution-duration{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.execution-input,.execution-response,.execution-error{font-size:12px;line-height:1.5;margin-top:8px;padding:8px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.execution-input{color:var(--text-secondary)}.execution-response{color:var(--text-primary)}.execution-error{color:#ef4444;background:#ef44441a}.empty-message{text-align:center;padding:40px;color:var(--text-muted)}.trigger-form-container{padding:24px}.trigger-form-container h2{margin:0 0 24px;font-size:24px;font-weight:600}.form-section{margin-bottom:32px}.form-section h3{font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.trigger-type-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.trigger-type-option:hover{border-color:var(--accent-primary)}.trigger-type-option.selected{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.trigger-type-option.selected svg{color:var(--accent-primary)}.trigger-type-option span{font-size:14px;font-weight:500;color:var(--text-primary)}.trigger-type-option small{font-size:12px;color:var(--text-muted);text-align:center}.form-hint code{background:var(--bg-tertiary);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:12px}.agent-avatar.trigger-avatar.webhook{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.agent-avatar.trigger-avatar.schedule{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.agent-avatar.trigger-avatar.event{background:linear-gradient(135deg,#f59e0b,#d97706)}.webhook-url-section{margin-top:10px;display:flex;align-items:stretch;gap:8px}.webhook-url{flex:1;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.webhook-url code{font-size:11px;color:var(--text-secondary);word-break:break-all}.btn-copy-curl{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:all .15s ease}.btn-copy-curl:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.event-info{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.event-info svg{color:var(--accent-warning);flex-shrink:0}.schedule-info{margin-top:10px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.schedule-info code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.stat-item.success{color:#10b981}.stat-item.failed{color:#ef4444}.status-badge{padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.status-badge.enabled{background:#10b98126;color:#10b981}.status-badge.disabled{background:#ef444426;color:#ef4444}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label{font-size:13px;color:var(--text-secondary);cursor:pointer;margin:0;font-weight:400}.trigger-type-selector{display:flex;gap:12px;margin-bottom:20px}.trigger-type-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.trigger-type-option:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.trigger-type-option.active{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.trigger-type-option svg{color:var(--text-secondary)}.trigger-type-option.active svg{color:var(--accent-primary)}.trigger-type-label{font-size:14px;font-weight:600;color:var(--text-primary)}.trigger-type-desc{font-size:11px;color:var(--text-muted);text-align:center}.schedule-config{margin-top:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.schedule-preview{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.schedule-preview code{background:var(--bg-primary);padding:2px 8px;border-radius:var(--radius-sm);font-family:monospace}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}input[type=time]{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}input[type=time]:focus{outline:none;border-color:var(--accent-primary)}input[type=date]{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}input[type=date]:focus{outline:none;border-color:var(--accent-primary)}.schedule-cron-preview{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--text-muted)}.schedule-cron-preview code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}.triggers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;overflow:visible!important}.tools-container{display:flex;flex-direction:column;gap:16px}.tools-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.category-header{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.category-header:hover{background:var(--bg-tertiary)}.category-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:var(--radius-md);color:#fff}.category-icon.mcp{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.category-name{flex:1;text-align:left;font-size:16px;font-weight:600;color:var(--text-primary)}.category-count{padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:12px;color:var(--text-secondary)}.tools-list{padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px}.tool-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);max-width:100%;overflow:hidden}.tool-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow-color)}.tool-card-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--accent-primary);flex-shrink:0}.tool-card-content{flex:1;min-width:0;overflow:hidden}.tool-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tool-card-header h4{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.tool-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.tool-badge.approval{background:#f59e0b26;color:#f59e0b}.tool-card-description{margin:0;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-usage{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--text-muted)}.tool-card-arrow{color:var(--text-muted);flex-shrink:0}.mcp-servers-list{padding:8px 12px 12px;display:flex;flex-direction:column;gap:12px}.mcp-server-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.mcp-server-header svg{color:#8b5cf6;flex-shrink:0}.mcp-server-url{flex:1;font-size:13px;font-family:monospace;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-icon-small{padding:4px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.btn-icon-small:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-icon-small.danger:hover{background:#ef444426;color:#ef4444}.mcp-tools-list{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}.mcp-tool-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.mcp-tool-item svg{color:#8b5cf6}.mcp-tool-desc{color:var(--text-muted);margin-left:4px}.mcp-preview{margin-top:16px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.mcp-preview h4{margin:0 0 10px;font-size:13px;color:var(--text-primary)}.mcp-preview-list{display:flex;flex-wrap:wrap;gap:6px}.mcp-preview-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.mcp-preview-item svg{color:#8b5cf6}.tool-details-modal{max-width:600px}.tool-detail-section{margin-bottom:20px}.tool-detail-section h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tool-detail-section p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5}.tool-approval-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#f59e0b;font-size:13px}.tool-parameters{position:relative}.tool-parameters pre{margin:0;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:12px;overflow-x:auto;max-height:200px}.tool-parameters .btn-sm{position:absolute;top:8px;right:8px}.tool-agents-list{display:flex;flex-wrap:wrap;gap:8px}.tool-agent-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.tool-agent-item svg{color:var(--accent-primary)}.tool-code-example{position:relative}.tool-code-example pre{margin:0;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:12px;overflow-x:auto}.tool-code-example .btn-sm{position:absolute;top:8px;right:8px}.btn-sm{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;line-height:1;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-sm.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-sm.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.custom-tools-category{border:2px solid var(--accent-primary)}.category-icon.custom{background:linear-gradient(135deg,#10b981,#059669)}.tool-card.custom{border-left:3px solid #10b981}.tool-card-icon.custom{background:#10b98126;color:#10b981}.tool-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.tool-card-arrow{color:var(--text-tertiary);flex-shrink:0}.empty-category{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;color:var(--text-muted);gap:12px}.empty-category p{margin:0;font-size:14px}.empty-actions{display:flex;gap:12px;margin-top:8px}.tool-form-modal{max-width:700px;width:90%}.tool-form-modal .modal-body{max-height:70vh;overflow-y:auto}.code-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;-moz-tab-size:4;tab-size:4}.code-editor:focus{outline:none;border-color:var(--accent-primary)}.code-editor.error{border-color:#ef4444}.form-error{display:block;margin-top:4px;font-size:12px;color:#ef4444}input.error,textarea.error{border-color:#ef4444}.test-tool-modal{max-width:550px}.test-tool-description{margin:0 0 20px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary)}.test-params h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.test-params .form-group label{display:flex;align-items:center;gap:8px}.test-params .required{color:#ef4444}.param-type{margin-left:auto;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:11px;color:var(--text-muted);font-weight:400}.no-params{padding:20px;text-align:center;color:var(--text-muted);font-style:italic}.test-result{margin-top:20px;border-radius:var(--radius-md);overflow:hidden}.test-result h4{margin:0;padding:10px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.test-result pre{margin:0;padding:14px;font-size:13px;overflow-x:auto;max-height:200px;overflow-y:auto}.test-result.success{border:1px solid rgba(16,185,129,.3)}.test-result.success h4{background:#10b98126;color:#10b981}.test-result.success pre{background:var(--bg-tertiary)}.test-result.error{border:1px solid rgba(239,68,68,.3)}.test-result.error h4{background:#ef444426;color:#ef4444}.test-result.error pre{background:var(--bg-tertiary);color:#ef4444}.tool-code-block{position:relative}.tool-code-block pre{margin:0;padding:14px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:12px;overflow-x:auto;max-height:300px;overflow-y:auto}.tool-code-block .btn-sm{position:absolute;top:8px;right:8px}.test-params-header h4{margin:0;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.btn-link{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.mcp-server-url-detail{font-family:monospace;font-size:13px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);word-break:break-all}.mcp-category{border:2px solid #8b5cf6}.mcp-section-content{padding:12px}.mcp-add-row{margin-bottom:12px}.mcp-servers-grid{display:flex;flex-direction:column;gap:12px}.mcp-server-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.mcp-server-card.connected{border-left:3px solid #10b981}.mcp-server-card.disconnected{border-left:3px solid #ef4444}.mcp-server-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background var(--transition-fast)}.mcp-server-header:hover{background:var(--bg-tertiary)}.mcp-server-status{flex-shrink:0}.status-connected{color:#10b981}.status-disconnected{color:#ef4444}.mcp-server-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mcp-server-name{font-weight:600;font-size:14px;color:var(--text-primary)}.mcp-server-url{font-size:12px;font-family:monospace;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-server-actions{display:flex;align-items:center;gap:4px}.mcp-server-tools{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.mcp-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef44441a;border-radius:var(--radius-sm);color:#ef4444;font-size:12px;margin-bottom:8px}.mcp-tools-grid{display:flex;flex-wrap:wrap;gap:8px}.mcp-tool-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.mcp-tool-chip:hover{background:var(--bg-primary);border-color:#8b5cf6;color:var(--text-primary)}.mcp-tool-chip svg{color:#8b5cf6}.mcp-tool-test{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.mcp-tool-test:hover{background:#8b5cf633;color:#8b5cf6}.mcp-no-tools{margin:0;font-size:13px;color:var(--text-muted);font-style:italic}.mcp-form-modal{max-width:550px}.form-error-box{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:13px;margin-bottom:12px}.mcp-preview{margin-top:16px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md)}.mcp-preview h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;color:#10b981}.mcp-preview-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.mcp-preview-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--bg-primary);border-radius:var(--radius-sm)}.mcp-preview-item svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.mcp-preview-name{font-weight:500;color:var(--text-primary);font-size:13px}.mcp-preview-desc{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.test-tool-modal{max-width:600px}.test-params-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.test-params-header h4{margin:0;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.btn-link{background:none;border:none;color:var(--accent-primary);font-size:12px;cursor:pointer;text-decoration:underline}.btn-link:hover{color:var(--accent-secondary)}.form-hint-warning{color:#f59e0b!important}.text-muted{color:var(--text-muted);font-size:12px}.tool-card-id{font-family:monospace;font-size:11px;color:var(--text-tertiary);margin-top:4px}.test-tool-id{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.test-tool-id code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}.tool-id-display{display:inline-block;background:var(--bg-tertiary);padding:6px 12px;border-radius:var(--radius-sm);font-family:monospace;font-size:13px}.mcp-server-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:default}.mcp-server-header-left{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.mcp-server-actions{display:flex;gap:4px}.mcp-tools-list{margin-top:12px;padding-left:32px}.tool-card.mcp{border-left:3px solid var(--primary)}.tool-card-icon.mcp{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark, #4338ca) 100%);color:#fff}.mcp-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:400px;overflow-y:auto}.mcp-server-card{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.mcp-server-card .mcp-server-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.mcp-server-card .mcp-server-header-left{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.mcp-server-card .mcp-server-info{display:flex;flex-direction:column;gap:2px}.mcp-server-card .mcp-server-name{font-weight:600;font-size:14px}.mcp-server-card .mcp-server-url{font-size:12px;color:var(--text-tertiary);font-family:monospace}.mcp-server-card .mcp-server-tool-count{font-size:12px;color:var(--text-secondary);background:var(--bg-primary);padding:2px 8px;border-radius:var(--radius-sm)}.mcp-server-card .mcp-server-actions{display:flex;gap:4px}.mcp-server-card .tools-list{padding:8px;display:flex;flex-direction:column;gap:8px}.mcp-server-card .tool-card{background:var(--bg-primary);margin:0}.alert-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.alert-modal-actions .btn-danger{background:#ef4444;color:#fff;border:none}.alert-modal-actions .btn-danger:hover{background:#dc2626}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}@media (max-width: 1400px){.memory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.memory-grid{grid-template-columns:1fr}}.memory-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.memory-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.memory-panel-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.memory-panel-title svg{color:var(--accent-primary)}.count-badge{font-size:12px;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full)}.memory-panel-desc{margin:0;padding:12px 20px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.memory-panel-toolbar{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.memory-panel-toolbar select,.memory-select-button{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:14px;width:100%}.memory-select{position:relative;flex:1 1 100%}.memory-select-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.memory-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-select-actions{display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary)}.memory-select-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;color:var(--text-tertiary)}.memory-select-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.memory-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--shadow-color);padding:8px;z-index:20;max-height:240px;overflow-y:auto}.memory-select-search{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:6px}.memory-select-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary)}.memory-select-item{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);font-size:13px}.memory-select-item:hover{background:var(--bg-tertiary)}.memory-select-empty{padding:10px;font-size:12px;color:var(--text-tertiary);text-align:center}.memory-search{display:flex;align-items:center;gap:8px;flex:1;width:100%;padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.memory-search input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-primary)}.memory-search svg{color:var(--text-tertiary)}.memory-search button{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-tertiary)}.memory-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.memory-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-tertiary);gap:12px}.memory-empty p{margin:0;font-size:14px}.memory-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:all var(--transition-fast)}.memory-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow-color)}.memory-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.memory-card-top svg{color:var(--accent-primary)}.memory-card-label{font-family:monospace;font-size:14px;font-weight:600;color:var(--text-primary)}.memory-card-desc{margin:0 0 6px;font-size:12px;color:var(--text-secondary)}.memory-card-value{font-family:monospace;font-size:12px;color:var(--text-primary);background:var(--bg-tertiary);padding:8px 10px;border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.memory-card-date{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.memory-card-btns{display:flex;gap:4px}.memory-card-btns button{background:none;border:none;padding:4px 6px;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.memory-card-btns button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.memory-card-btns button.danger:hover{background:var(--danger-bg);color:var(--danger)}.form-info-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.form-info-box svg{color:var(--accent-primary)}.detail-row{margin-bottom:16px}.detail-row label{display:block;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:6px}.detail-row p{margin:0;font-size:14px}.memory-value-display{margin:0;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;line-height:1.6;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);max-height:300px;overflow:auto}.detail-meta-row{display:flex;gap:32px;padding-top:16px;border-top:1px solid var(--border-color)}.detail-meta-row>div{display:flex;flex-direction:column;gap:4px}.detail-meta-row label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.detail-meta-row span{font-size:13px;color:var(--text-primary)}.memory-toolbar{display:flex;gap:8px;margin-bottom:12px}.agent-memory-list{display:flex;flex-direction:column;gap:10px}.agent-memory-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px}.agent-memory-block .memory-block-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.agent-memory-block .memory-block-header svg:first-child{color:var(--accent-primary)}.agent-memory-block .memory-block-label{font-family:monospace;font-size:14px;font-weight:600;flex:1}.agent-memory-block .memory-block-btns{display:flex;gap:4px}.agent-memory-block .memory-block-btns button{background:none;border:none;padding:4px 6px;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm)}.agent-memory-block .memory-block-btns button:hover{background:var(--bg-hover);color:var(--text-primary)}.agent-memory-block .memory-block-btns button.danger:hover{background:var(--danger-bg);color:var(--danger)}.agent-memory-block .memory-block-desc{margin:0 0 8px;font-size:12px;color:var(--text-secondary)}.agent-memory-block .memory-block-value{font-family:monospace;font-size:12px;background:var(--bg-primary);padding:10px;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:150px;overflow:auto}.memory-block-form{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.memory-block-form input,.memory-block-form textarea{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:14px;color:var(--text-primary)}.memory-block-form textarea{font-family:monospace;resize:vertical}.memory-block-form .memory-block-label{display:flex;align-items:center;gap:6px;font-family:monospace;font-weight:600;color:var(--text-primary)}.memory-block-form .memory-block-actions{display:flex;gap:8px;justify-content:flex-end}.sidebar-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-card-header h4{display:flex;align-items:center;gap:8px;margin:0}.team-memory-list{display:flex;flex-direction:column;gap:8px}.team-memory-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:10px}.team-memory-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.team-memory-header svg:first-child{color:var(--accent-primary)}.team-memory-label{flex:1;font-family:monospace;font-size:12px;font-weight:600}.team-memory-value{font-family:monospace;font-size:11px;color:var(--text-secondary);background:var(--bg-primary);padding:6px 8px;border-radius:var(--radius-sm);max-height:60px;overflow:auto;white-space:pre-wrap;word-break:break-word}.team-memory-form{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:8px}.team-memory-form input,.team-memory-form textarea{padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:12px;color:var(--text-primary)}.team-memory-form textarea{font-family:monospace;resize:vertical}.team-memory-form-actions{display:flex;gap:6px;justify-content:flex-end}.btn-icon-tiny{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.btn-icon-tiny:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-tiny.danger:hover{background:var(--danger-bg);color:var(--danger)}.form-section h3{display:flex;align-items:center;gap:8px}.form-section h3 svg{color:var(--accent-primary)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;justify-content:flex-start;width:fit-content}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.checkbox-label+.form-hint{margin-top:6px;margin-left:28px}.agent-memory-badge{display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent-primary);font-weight:500}.agent-memory-badge svg{flex-shrink:0}.memory-config-info{padding:12px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.config-badges{display:flex;gap:8px;flex-wrap:wrap}.config-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-tertiary);border:1px solid var(--border-color)}.config-badge.active{background:var(--success-bg);color:var(--success);border-color:var(--success)}.persistent-context-preview{margin-top:10px}.persistent-context-preview label{display:block;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:4px}.persistent-context-preview .context-text{font-size:12px;color:var(--text-secondary);background:var(--bg-primary);padding:8px 10px;border-radius:var(--radius-sm);max-height:60px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-color)}.sidebar-hint{font-size:11px;color:var(--text-tertiary);margin:0 0 10px}.memory-add-form{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.memory-add-form .memory-input{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:12px;color:var(--text-primary)}.memory-add-form .btn-sm{align-self:flex-end}.memory-blocks-list{display:flex;flex-direction:column;gap:6px}.memory-block-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.memory-block-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.memory-block-item .memory-block-label{font-family:monospace;font-size:12px;font-weight:600;color:var(--text-primary)}.memory-block-item .memory-block-value{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-panel code{font-family:Fira Mono,Consolas,monospace}.memory-panel table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:8px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap}.memory-panel table td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid var(--border-color)}.memory-panel table tr:last-child td{border-bottom:none}.memory-panel table tr:hover td{background:var(--bg-tertiary)}.btn-icon.danger{color:var(--danger-color, #ef4444)}.btn-icon.danger:hover{background:#ef44441a}.sessions-grid{display:grid;grid-template-columns:380px 1fr;gap:24px;margin-top:20px;height:calc(100vh - 320px);min-height:400px}@media (max-width: 1024px){.sessions-grid{grid-template-columns:1fr}}.sessions-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.sessions-panel-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.sessions-panel-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.sessions-panel-title svg{color:var(--accent-primary)}.sessions-panel-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color)}.sessions-panel-filters select{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.sessions-panel-search{display:flex;align-items:center;gap:8px;margin:12px 16px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.sessions-panel-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary)}.sessions-panel-search svg{color:var(--text-tertiary)}.sessions-panel-search button{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-tertiary)}.sessions-list{flex:1;overflow-y:auto;padding:8px 12px}.sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-tertiary);gap:12px}.session-item{display:flex;align-items:flex-start;gap:12px;padding:14px;margin-bottom:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.session-item:hover{border-color:var(--accent-primary)}.session-item.active{border-color:var(--accent-primary);background:var(--accent-bg)}.session-item-icon{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.session-item-icon.agent{color:#10b981;background:#10b98115}.session-item-icon.team{color:#3b82f6;background:#3b82f615}.session-item-icon.trigger{color:#8b5cf6;background:#8b5cf615}.session-item-icon.network{color:#f59e0b;background:#f59e0b15}.session-item-content{flex:1;min-width:0}.session-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.session-item-name{font-weight:600;font-size:14px;color:var(--text-primary)}.session-item-time{font-size:11px;color:var(--text-tertiary)}.session-item-preview{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.session-item-meta{display:flex;gap:12px;font-size:11px;color:var(--text-tertiary);align-items:center}.session-type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500}.session-type-badge.agent{background:#10b98115;color:#10b981}.session-type-badge.team{background:#3b82f615;color:#3b82f6}.session-type-badge.trigger{background:#8b5cf615;color:#8b5cf6}.session-type-badge.network{background:#f59e0b15;color:#f59e0b}.session-item-delete{position:absolute;top:10px;right:10px;background:none;border:none;padding:6px;cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast)}.session-item:hover .session-item-delete{opacity:1}.session-item-delete:hover{background:var(--danger-bg);color:var(--danger)}.chat-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);gap:12px}.chat-empty h3{margin:0;color:var(--text-secondary);font-size:18px}.chat-empty p{margin:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-header-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header-icon.agent{color:#10b981;background:#10b98115}.chat-header-icon.team{color:#3b82f6;background:#3b82f615}.chat-header-icon.trigger{color:#8b5cf6;background:#8b5cf615}.chat-header-icon.network{color:#f59e0b;background:#f59e0b15}.chat-header-info h3{margin:0;font-size:16px}.chat-header-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.chat-header-date{color:var(--text-tertiary)}.chat-header-title-section{display:flex;flex-direction:column;gap:4px}.chat-title-display{display:flex;align-items:center;gap:8px}.chat-title-display h3{margin:0;font-size:16px}.btn-icon-tiny{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);border-radius:4px;opacity:0;transition:all .2s}.chat-title-display:hover .btn-icon-tiny{opacity:1}.btn-icon-tiny:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-title-edit{display:flex;align-items:center;gap:4px}.chat-title-input{font-size:16px;font-weight:600;padding:4px 8px;border:1px solid var(--primary);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);outline:none;min-width:200px}.btn-icon.small{padding:4px}.btn-icon.active{background:var(--primary);color:#fff;border-color:var(--primary)}.files-badge{position:absolute;top:-4px;right:-4px;background:var(--primary);color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-header-actions .btn-icon{position:relative}.files-panel{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);max-height:200px;overflow-y:auto}.files-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-tertiary)}.files-panel-header h4{margin:0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--text-primary)}.files-panel-content{padding:8px 16px}.files-loading,.files-empty{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;padding:8px 0}.files-list{display:flex;flex-direction:column;gap:4px}.file-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-secondary);border-radius:4px;font-size:12px}.file-item svg{color:var(--text-secondary);flex-shrink:0}.file-name{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-tertiary);font-size:11px}.chat-header-actions{display:flex;gap:4px}.chat-header-actions .btn-icon{padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary)}.chat-header-actions .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-header-actions .btn-icon.danger:hover{background:var(--danger-bg);color:var(--danger)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-messages-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.chat-msg{display:flex;gap:12px;max-width:80%;min-width:0}.chat-msg.user{align-self:flex-end;flex-direction:row-reverse}.chat-msg.assistant{align-self:flex-start;max-width:min(80%,100%);min-width:0;width:100%}.chat-msg-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-msg.user .chat-msg-avatar{background:var(--accent-primary);color:#fff}.chat-msg.assistant .chat-msg-avatar{background:var(--bg-tertiary);color:var(--accent-primary)}.chat-msg-body{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:12px 16px;border:1px solid var(--border-color);min-width:0;overflow:hidden;max-width:100%;flex:1}.chat-msg-body pre{max-width:100%;overflow-x:auto;white-space:pre}.chat-msg-body .markdown-content{max-width:100%;overflow-x:hidden}.chat-msg.user .chat-msg-body{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.chat-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:16px}.chat-msg-author{font-size:12px;font-weight:600}.chat-msg-time{font-size:10px;opacity:.7}.chat-msg-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-x:hidden;max-width:100%}.chat-msg-content pre{overflow-x:auto;max-width:100%;white-space:pre;word-break:normal}.chat-msg-content pre code{white-space:pre;word-break:normal}.chat-input-section{border-top:1px solid var(--border-color);background:var(--bg-secondary)}.chat-input-row{display:flex;gap:12px;padding:16px 20px}.chat-input-row input{flex:1;padding:14px 18px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);font-size:14px;color:var(--text-primary)}.chat-input-row input:focus{outline:none;border-color:var(--primary)}.btn-send{padding:14px 24px;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-send:hover:not(:disabled){background:var(--primary-hover)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.attachments-section{padding:12px 20px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.attachments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.attachments-header>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.btn-upload-link{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);cursor:pointer;font-weight:500}.btn-upload-link:hover{text-decoration:underline}.attachments-loading,.attachments-empty{font-size:12px;color:var(--text-tertiary);padding:8px 0}.attachments-loading{display:flex;align-items:center;gap:6px}.attachments-list{display:flex;flex-direction:column;gap:6px}.attachment-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:13px}.attachment-item>svg{color:var(--text-tertiary);flex-shrink:0}.attachment-name{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:var(--text-tertiary);font-size:11px;flex-shrink:0}.attachment-delete{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);border-radius:4px;display:flex;flex-shrink:0;transition:all .2s}.attachment-delete:hover{background:var(--danger-bg);color:var(--danger)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px}@media (max-width: 1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:2px}.stat-detail{font-size:11px;color:var(--text-tertiary);margin-top:4px}.markdown-content{line-height:1.6}.markdown-content p{margin:0 0 .5em}.markdown-content p:last-child{margin-bottom:0}.markdown-content pre{background:var(--bg-tertiary, #1e1e1e);padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.markdown-content code{background:var(--bg-tertiary, #1e1e1e);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9em}.markdown-content pre code{background:transparent;padding:0}.markdown-content ul,.markdown-content ol{margin:8px 0;padding-left:20px}.markdown-content li{margin:4px 0}.markdown-content strong{font-weight:600}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:12px 0 8px;font-weight:600}.markdown-content h1{font-size:1.3em}.markdown-content h2{font-size:1.2em}.markdown-content h3{font-size:1.1em}.markdown-content blockquote{border-left:3px solid var(--border-primary, #444);padding-left:12px;margin:8px 0;color:var(--text-secondary, #888)}.analytics-tabs{display:flex;gap:4px;margin-top:20px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:fit-content}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--accent-primary);color:#fff}.analytics-content{margin-top:20px}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-tertiary);gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1400px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.metric-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--accent-bg);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.metric-content{flex:1}.metric-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.metric-label{font-size:13px;color:var(--text-secondary);margin-top:2px}.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-top:4px}.percentiles-bar{display:flex;align-items:center;gap:24px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:24px;font-size:13px}.percentiles-bar>span:first-child{font-weight:600;color:var(--text-secondary)}.percentile{color:var(--text-primary);font-family:monospace}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.chart-container h3{margin:0 0 16px;font-size:16px;font-weight:600}.chart-container.half{flex:1}.charts-row{display:flex;gap:24px;margin-bottom:24px}@media (max-width: 1024px){.charts-row{flex-direction:column}}.no-data{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary);font-size:14px}.period-selector{display:flex;gap:4px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.period-btn{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.period-btn:hover{color:var(--text-primary)}.period-btn.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.data-table{overflow-x:auto}.data-table table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color);font-size:13px}.data-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);white-space:nowrap}.data-table td{color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-tertiary)}.agent-cell,.entity-cell{display:flex;align-items:center;gap:8px}.agent-cell svg,.entity-cell svg{color:var(--accent-primary)}.input-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)!important}.error-rate-high{color:var(--danger)!important;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.status-badge.success,.status-badge.status-success{background:var(--success-bg);color:var(--success)}.status-badge.error,.status-badge.timeout,.status-badge.status-error,.status-badge.status-timeout{background:var(--danger-bg);color:var(--danger)}.status-badge.running,.status-badge.status-running{background:var(--warning-bg);color:var(--warning)}.traces-filters{display:flex;gap:12px;margin-bottom:16px}.traces-filters select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.traces-summary{margin-top:16px;text-align:center;font-size:12px;color:var(--text-tertiary)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color)}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.recharts-legend-item-text{color:var(--text-secondary)!important}.portkey-connected{color:#22c55e;font-size:12px;margin-left:8px}.portkey-disconnected{color:#f59e0b;font-size:12px;margin-left:8px}.metric-card.highlight-cost{border-left:3px solid #22c55e}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:var(--bg-tertiary)}.selected-row{background:#6366f114!important;border-left:3px solid var(--accent-primary)}.traces-count{font-size:12px;color:var(--text-tertiary);margin-left:auto}.trace-detail-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg, 12px);padding:16px}.trace-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:12px}.trace-detail-header h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0}.btn-icon-sm{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px}.btn-icon-sm:hover{background:var(--bg-tertiary)}.trace-detail-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.trace-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0}.meta-label{color:var(--text-tertiary);font-size:12px;min-width:80px}.type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.type-badge.agent{background:#6366f126;color:#6366f1}.type-badge.team{background:#8b5cf626;color:#8b5cf6}.trace-detail-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.trace-detail-section h4{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin:0 0 8px;color:var(--text-secondary)}.trace-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;color:var(--text-primary);margin:4px 0}.trace-prompt{max-height:200px;opacity:.85}.trace-result{border-left:3px solid #22c55e}.trace-error{border-left:3px solid #ef4444;color:#ef4444}.trace-error-section{background:#ef44440d;border-radius:8px;padding:12px}.tool-call-item{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.tool-call-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-call-name{font-weight:600;font-size:12px;color:#8b5cf6;margin-bottom:4px}.team-children{display:flex;flex-direction:column;gap:8px}.team-child-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px}.child-header{display:flex;align-items:center;gap:8px;font-size:13px}.child-index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.child-name{font-weight:600}.child-duration{color:var(--text-tertiary);font-size:12px;margin-left:auto}.child-tokens{color:var(--text-tertiary);font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.success{background:#22c55e}.status-dot.error{background:#ef4444}.status-dot.timeout{background:#f59e0b}.child-io{display:flex;gap:8px;margin-top:6px;font-size:12px}.child-io-label{color:var(--text-tertiary);font-weight:600;min-width:30px;flex-shrink:0}.child-io-text{color:var(--text-secondary);font-family:SF Mono,monospace;font-size:11px;white-space:pre-wrap;word-break:break-word;max-height:60px;overflow:hidden}.spin{animation:spin 1s linear infinite}.trace-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trace-modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.trace-modal-content .trace-detail-panel{border:none;border-radius:0}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.animate-spin{animation:spin 1s linear infinite}.visual-builder-container{transition:background .2s ease}.visual-builder-container.dark{--vb-bg-primary: #09090b;--vb-bg-secondary: #18181b;--vb-bg-tertiary: #27272a;--vb-bg-card: #1f1f23;--vb-border: rgba(255, 255, 255, .1);--vb-border-strong: rgba(255, 255, 255, .15);--vb-text-primary: #fafafa;--vb-text-secondary: #a1a1aa;--vb-text-tertiary: #71717a;--vb-shadow: 0 8px 24px rgba(0, 0, 0, .4);--vb-shadow-lg: 0 30px 80px rgba(0, 0, 0, .55);--vb-input-bg: #27272a;--vb-hover: #3f3f46;--vb-accent: #059669;--vb-accent-hover: #047857;--vb-accent-muted: #0f3730;--vb-danger: #ef4444;--vb-danger-bg: rgba(220, 38, 38, .15)}.visual-builder-container.light{--vb-bg-primary: #f8fafc;--vb-bg-secondary: #ffffff;--vb-bg-tertiary: #f1f5f9;--vb-bg-card: #ffffff;--vb-border: #e2e8f0;--vb-border-strong: #cbd5e1;--vb-text-primary: #0f172a;--vb-text-secondary: #475569;--vb-text-tertiary: #94a3b8;--vb-shadow: 0 8px 24px rgba(0, 0, 0, .1);--vb-shadow-lg: 0 30px 80px rgba(0, 0, 0, .15);--vb-input-bg: #f8fafc;--vb-hover: #e2e8f0;--vb-accent: #059669;--vb-accent-hover: #047857;--vb-accent-muted: rgba(16, 185, 129, .1);--vb-danger: #ef4444;--vb-danger-bg: rgba(220, 38, 38, .1)}.visual-builder-container .react-flow__background{background-color:var(--vb-bg-primary)!important}.visual-builder-container .react-flow__edge-path{stroke:var(--vb-text-tertiary)!important}.visual-builder-container .react-flow__controls{background:var(--vb-bg-card);border:1px solid var(--vb-border);box-shadow:var(--vb-shadow)}.visual-builder-container .react-flow__controls-button{background:var(--vb-bg-card);border-color:var(--vb-border);fill:var(--vb-text-secondary)}.visual-builder-container .react-flow__controls-button:hover{background:var(--vb-hover)}.visual-builder-container .node-dropdown-item:hover,.visual-builder-container .node-info-edit-btn:hover,.visual-builder-container .node-info-delete-btn:hover,.visual-builder-container .node-info-close-btn:hover{background:var(--vb-hover)!important}.visual-builder-container .form-group{margin-bottom:16px}.visual-builder-container .form-label{display:block;font-size:12px;font-weight:600;color:var(--vb-text-secondary);margin-bottom:6px;text-transform:uppercase}.visual-builder-container .form-input{width:100%;padding:10px 12px;background:var(--vb-input-bg);border:1px solid var(--vb-border-strong);border-radius:8px;color:var(--vb-text-primary);font-size:14px;transition:border-color .2s}.visual-builder-container .form-input:focus{outline:none;border-color:var(--vb-accent)}.vb-btn{padding:12px 22px;background:var(--vb-bg-tertiary);border:none;border-radius:24px;cursor:pointer;font-size:15px;font-weight:500;color:var(--vb-text-primary);display:flex;align-items:center;gap:10px;transition:all .2s}.vb-btn:hover{background:var(--vb-hover)}.vb-btn-icon{padding:12px 18px}.vb-dropdown-menu{background:var(--vb-bg-card);border-radius:16px;box-shadow:var(--vb-shadow);padding:8px}.vb-dropdown-item{padding:10px 14px;background:var(--vb-bg-tertiary);border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--vb-text-primary);display:flex;align-items:center;gap:8px;transition:all .15s;width:100%;text-align:left}.vb-dropdown-item:hover{background:var(--vb-hover)}.vb-input{width:100%;padding:10px 12px;background:var(--vb-bg-tertiary);border:none;border-radius:10px;font-size:13px;color:var(--vb-text-primary);outline:none;box-sizing:border-box}.vb-input::placeholder{color:var(--vb-text-tertiary)}.vb-label{font-size:11px;font-weight:600;color:var(--vb-text-tertiary);text-transform:uppercase;margin-bottom:6px;display:block}.vb-tag{padding:6px 12px;background:var(--vb-bg-tertiary);border:none;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;color:var(--vb-text-primary);transition:all .15s}.vb-tag:hover{background:var(--vb-hover)}.vb-tag.selected{background:var(--vb-accent);color:#fff}.vb-panel{background:var(--vb-bg-card);border:1px solid var(--vb-border);border-radius:16px;box-shadow:var(--vb-shadow)}.vb-node-panel{background:#ffffff05;border:1px solid var(--vb-border);border-radius:28px;box-shadow:var(--vb-shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.vb-play-panel{background:#0a0a0aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(63,63,70,.3);border-radius:12px}.visual-builder-container.light .vb-play-panel{background:#ffffffd9;border:1px solid var(--vb-border)}.vb-icon-btn{padding:6px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--vb-text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .15s}.vb-icon-btn:hover{background:var(--vb-hover);color:var(--vb-text-primary)}.vb-icon-btn.danger:hover{background:var(--vb-danger-bg);color:var(--vb-danger)}.vb-action-btn{flex:1;padding:10px 14px;background:var(--vb-bg-tertiary);border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--vb-text-primary);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.vb-action-btn:hover{background:var(--vb-hover)}.vb-action-btn.primary{background:var(--vb-accent);color:#fff}.vb-action-btn.primary:hover{background:var(--vb-accent-hover)}.vb-card{padding:10px;background:var(--vb-bg-tertiary);border-radius:10px;margin-bottom:6px}.vb-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.vb-dialog{background:var(--vb-bg-secondary);border-radius:12px;padding:24px;width:400px;box-shadow:var(--vb-shadow-lg);border:1px solid var(--vb-border)}.vb-dialog-title{font-size:18px;font-weight:600;color:var(--vb-text-primary);margin-bottom:16px}.vb-theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--vb-bg-tertiary);border:1px solid var(--vb-border-strong);border-radius:10px;cursor:pointer;color:var(--vb-text-secondary);box-shadow:var(--vb-shadow);transition:all .2s}.vb-theme-toggle:hover{background:var(--vb-hover);color:var(--vb-text-primary)}.vb-play-btn{padding:12px 22px;background:var(--vb-accent);border:none;border-radius:24px;cursor:pointer;font-size:15px;font-weight:500;color:#fff;display:flex;align-items:center;gap:10px;transition:all .2s}.vb-play-btn:hover{background:var(--vb-accent-hover)}.vb-play-btn:disabled{background:var(--vb-hover);color:var(--vb-text-tertiary);cursor:not-allowed;opacity:.6}.vb-submenu{background:var(--vb-bg-card);border-radius:12px;padding:6px}.vb-list-item{display:flex;align-items:center;padding:10px 12px;background:var(--vb-bg-tertiary);border-radius:8px;gap:10px;transition:all .15s}.vb-list-item:hover{background:var(--vb-hover)}.vb-list-item.disabled{opacity:.5;cursor:not-allowed}.vb-chat-user{background:#3b82f626;border-radius:12px 12px 4px}.vb-chat-node{background:#27272a99;border:1px solid rgba(63,63,70,.5);border-radius:8px}.visual-builder-container.light .vb-chat-node{background:var(--vb-bg-tertiary);border:1px solid var(--vb-border)}.vb-upload-area{border:2px dashed var(--vb-border-strong);border-radius:8px;padding:24px 16px;background:var(--vb-bg-secondary);transition:all .2s;cursor:pointer}.vb-upload-area:hover{border-color:var(--vb-accent);background:var(--vb-accent-muted)}.react-flow__node:hover{filter:brightness(1.05)}.react-flow__node.selected{filter:brightness(1.1)}.react-flow__edge.selected .react-flow__edge-path{stroke-width:3!important}.react-flow__edge:hover .react-flow__edge-path{stroke-width:2!important}.react-flow__edge-textwrapper{pointer-events:all}@keyframes flowAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.react-flow__edge-path[style*=strokeDasharray]{animation:flowAnimation 1s linear infinite}.react-flow__handle{transition:transform .2s,background .2s}.react-flow__handle:hover{transform:scale(1.3)}@keyframes aggregatorPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 6px #8b5cf600}}.condition-branch-indicator{position:absolute;right:-20px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}@keyframes loopRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edge-type-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.edge-type-sync{background:#9ca3af20;color:#9ca3af}.edge-type-async{background:#8b5cf620;color:#8b5cf6}.edge-type-stream{background:#3b82f620;color:#3b82f6}.edge-type-broadcast{background:#ef444420;color:#ef4444}.react-flow__handle-top,.react-flow__handle-bottom{display:none!important;pointer-events:none!important;visibility:hidden!important}.react-flow__node-customLoop .react-flow__handle-bottom{display:block!important;pointer-events:auto!important;visibility:visible!important}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary, #0f172a) 0%,var(--bg-secondary, #1e293b) 100%);padding:20px}.login-card{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 40px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:28px;font-weight:700;color:var(--text-primary, #f8fafc);margin-bottom:8px}.login-header p{color:var(--text-secondary, #94a3b8);font-size:14px}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:20px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary, #94a3b8)}.login-form input{padding:12px 16px;border:1px solid var(--border-color, #334155);border-radius:8px;background:var(--bg-primary, #0f172a);color:var(--text-primary, #f8fafc);font-size:14px;transition:all .2s}.login-form input:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.password-input{position:relative;display:flex}.password-input input{flex:1;padding-right:44px}.password-input button,.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--text-primary, #f8fafc)}.login-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.login-button:hover:not(:disabled){background:var(--accent-hover, #2563eb);transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.large{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #334155)}.login-divider span{color:var(--text-secondary, #94a3b8);font-size:13px}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border:1px solid var(--border-color, #334155);border-radius:8px;background:var(--bg-primary, #0f172a);color:var(--text-primary, #f8fafc);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.oauth-button:hover{background:var(--bg-hover, #334155);border-color:var(--text-secondary, #94a3b8)}.oauth-button.google:hover{border-color:#4285f4}.oauth-button.github:hover{border-color:#333}.oauth-button.microsoft:hover{border-color:#00a4ef}.login-footer{text-align:center;margin-top:24px}.login-footer p{color:var(--text-secondary, #94a3b8);font-size:14px}.login-footer button{background:none;border:none;color:var(--accent-color, #3b82f6);font-weight:600;cursor:pointer}.login-footer button:hover{text-decoration:underline}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-secondary, #94a3b8)}.main-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary, #1e293b);border-bottom:1px solid var(--border-color, #334155);min-height:60px}.header-spacer{flex:1}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:24px;cursor:pointer;transition:all .2s}.user-menu-trigger:hover{background:var(--bg-hover, #334155)}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--accent-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-menu-trigger .user-name{font-size:14px;font-weight:500;color:var(--text-primary, #f8fafc);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:100;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary, #0f172a)}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:var(--accent-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px}.user-details{display:flex;flex-direction:column;gap:2px}.user-display-name{font-weight:600;color:var(--text-primary, #f8fafc)}.user-email{font-size:12px;color:var(--text-secondary, #94a3b8)}.user-role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;margin-top:4px;width:fit-content}.user-role-badge.admin{background:#ef44441a;color:#ef4444}.user-role-badge.user{background:#22c55e1a;color:#22c55e}.user-role-badge.viewer{background:#3b82f61a;color:#3b82f6}.user-menu-divider{height:1px;background:var(--border-color, #334155)}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary, #f8fafc);font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.user-menu-item:hover{background:var(--bg-hover, #334155)}.user-menu-item.admin{color:var(--accent-color, #3b82f6)}.user-menu-item.logout{color:#ef4444}.user-menu-item.logout:hover{background:#ef44441a}.main-view{flex:1;overflow:auto;padding:24px}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary, #94a3b8)}.access-denied svg{color:#ef4444;opacity:.5}.access-denied h2{color:var(--text-primary, #f8fafc)}.admin-view{display:flex;flex-direction:column;gap:24px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px}.stat-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-primary, #0f172a);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #94a3b8)}.stat-icon.active{background:#22c55e1a;color:#22c55e}.stat-icon.admin{background:#ef44441a;color:#ef4444}.stat-icon.oauth{background:#3b82f61a;color:#3b82f6}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary, #f8fafc)}.stat-label{font-size:13px;color:var(--text-secondary, #94a3b8)}.admin-filters{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;margin-bottom:20px}.search-box{position:relative;display:flex;align-items:center;flex:1;max-width:300px}.search-box svg{position:absolute;left:12px;width:18px;height:18px;color:var(--text-secondary, #94a3b8);pointer-events:none}.search-box input{width:100%;height:40px;padding:0 12px 0 40px;background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f8fafc);font-size:14px;outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--accent-color, #3b82f6)}.search-box input::placeholder{color:var(--text-secondary, #94a3b8)}.filter-group{display:flex;flex-direction:row;align-items:center;gap:12px}.filter-group>svg{width:18px;height:18px;color:var(--text-secondary, #94a3b8);flex-shrink:0}.filter-group select{height:40px;min-width:130px;padding:0 36px 0 12px;background-color:var(--bg-primary, #0f172a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f8fafc);font-size:14px;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s}.filter-group select:focus{border-color:var(--accent-color, #3b82f6)}.filter-group select:hover{border-color:var(--text-secondary, #64748b)}.filter-group select option{background:var(--bg-secondary, #1e293b);color:var(--text-primary, #f8fafc);padding:8px}@media (max-width: 768px){.admin-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-group{flex-wrap:wrap}.filter-group select{flex:1;min-width:100px}}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444}.error-banner button{background:none;border:none;color:inherit;cursor:pointer;padding:4px}.users-table-container{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;overflow:hidden}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #94a3b8);gap:12px}.empty-state svg{opacity:.3}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:14px 16px;background:var(--bg-primary, #0f172a);color:var(--text-secondary, #94a3b8);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #334155)}.users-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #334155)}.users-table tr:last-child td{border-bottom:none}.users-table tr.inactive{opacity:.6}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-info{display:flex;flex-direction:column}.user-info .user-name{font-weight:500;color:var(--text-primary, #f8fafc)}.user-info .user-email{font-size:12px;color:var(--text-secondary, #94a3b8)}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize}.role-badge.admin{background:#ef44441a;color:#ef4444}.role-badge.user{background:#22c55e1a;color:#22c55e}.role-badge.viewer{background:#3b82f61a;color:#3b82f6}.role-icon{opacity:.7}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#9ca3af1a;color:#9ca3af}.provider-badge{display:inline-block;padding:4px 10px;background:var(--bg-primary, #0f172a);border-radius:6px;font-size:12px;color:var(--text-secondary, #94a3b8);text-transform:capitalize}.action-buttons{display:flex;align-items:center;gap:8px}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled){background:var(--bg-hover, #334155);color:var(--text-primary, #f8fafc)}.action-btn.danger:hover:not(:disabled){background:#ef44441a;border-color:#ef4444;color:#ef4444}.action-btn:disabled{opacity:.4;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.pagination button{padding:8px 16px;background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #f8fafc);cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--bg-hover, #334155)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary, #94a3b8);font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color, #334155)}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary, #f8fafc)}.close-btn{background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:4px;display:flex}.close-btn:hover{color:var(--text-primary, #f8fafc)}.modal-error{margin:16px 24px 0;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.user-form-modal form{padding:24px;display:flex;flex-direction:column;gap:20px}.user-form-modal .form-group{display:flex;flex-direction:column;gap:8px}.user-form-modal .form-group.checkbox{flex-direction:row;align-items:center}.user-form-modal .form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.user-form-modal .form-group.checkbox input{width:18px;height:18px;cursor:pointer}.user-form-modal label{font-size:14px;font-weight:500;color:var(--text-secondary, #94a3b8)}.user-form-modal input,.user-form-modal select{padding:12px 14px;background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f8fafc);font-size:14px}.user-form-modal input:focus,.user-form-modal select:focus{outline:none;border-color:var(--accent-color, #3b82f6)}.user-form-modal input:disabled{opacity:.6;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.delete-confirm-modal{padding:24px;text-align:center}.delete-confirm-modal h3{margin-bottom:16px;color:var(--text-primary, #f8fafc)}.delete-confirm-modal p{color:var(--text-secondary, #94a3b8);margin-bottom:8px}.delete-confirm-modal .warning{color:#ef4444;font-size:13px}.delete-confirm-modal .modal-actions{justify-content:center;margin-top:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--accent-color, #3b82f6);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--text-primary, #f8fafc)}.btn-secondary:hover{background:var(--bg-hover, #334155)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn:disabled{opacity:.6;cursor:not-allowed}.nav-separator{padding:16px 20px 8px;font-size:11px;font-weight:600;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.nav-separator-collapsed{height:1px;background:var(--border-color, #334155);margin:12px 16px}.nav-item.admin-item{color:var(--accent-color, #3b82f6)}.nav-item.admin-item.active{background:rgba(var(--accent-rgb),.1)}.sidebar-footer{margin-top:auto;padding:12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-color, #334155)}.sidebar-footer-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #94a3b8);font-size:14px;cursor:pointer;transition:all .2s}.sidebar-footer-btn:hover{background:var(--bg-hover, #334155);color:var(--text-primary, #f8fafc)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-primary, #0f172a);border-radius:8px}.sidebar-user.collapsed{justify-content:center;padding:8px;background:transparent}.sidebar-user.collapsed .sidebar-user-avatar{cursor:pointer}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:14px;font-weight:500;color:var(--text-primary, #f8fafc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:12px;color:var(--text-secondary, #94a3b8);text-transform:capitalize}.sidebar-logout-btn{padding:8px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .2s;flex-shrink:0}.sidebar-logout-btn:hover{background:#ef44441a;color:#ef4444}.sidebar.collapsed .sidebar-footer{padding:8px}.sidebar.collapsed .sidebar-footer-btn{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-footer-btn span{display:none}.settings-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px}.settings-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;white-space:nowrap}.settings-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background:var(--bg-primary);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.settings-section-wrap{display:flex;flex-direction:column;gap:16px}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.settings-section-header h2{font-size:20px;font-weight:600;margin:0}.settings-section-header p{margin:4px 0 0;font-size:14px}.settings-gateway-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary)}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.settings-card.highlighted{border-color:var(--color-accent, var(--accent-primary));box-shadow:0 0 0 1px var(--color-accent, var(--accent-primary))}.settings-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.settings-card-header h3{font-size:15px;font-weight:600;margin:0}.settings-card-body{padding:20px}.settings-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px}.settings-alert.error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--color-error, #ef4444)}.settings-alert.success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--color-success, #22c55e)}.settings-alert button{background:transparent;border:none;cursor:pointer;color:inherit;opacity:.7;padding:2px;display:flex;margin-left:auto;flex-shrink:0}.settings-alert button:hover{opacity:1}.settings-provider-grid{display:flex;flex-wrap:wrap;gap:6px}.settings-provider-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap}.settings-provider-btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.settings-provider-btn.active{background:var(--color-accent, var(--accent-primary));border-color:var(--color-accent, var(--accent-primary));color:#fff}.settings-card .form-group,.settings-section-wrap .form-group{margin-bottom:14px}.settings-card .form-group label,.settings-section-wrap .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.settings-card .form-group input,.settings-card .form-group select,.settings-section-wrap .form-group input,.settings-section-wrap .form-group select{width:100%;padding:9px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;box-sizing:border-box;transition:border-color .15s ease}.settings-card .form-group input:focus,.settings-card .form-group select:focus,.settings-section-wrap .form-group input:focus,.settings-section-wrap .form-group select:focus{border-color:var(--color-accent, var(--accent-primary))}.settings-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;margin-bottom:16px}.settings-checkbox input[type=checkbox]{accent-color:var(--color-accent, var(--accent-primary));width:16px;height:16px}.settings-form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border-color);margin-top:16px}.settings-form-actions .btn-ghost{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease}.settings-form-actions .btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.settings-card .input-with-action,.settings-section-wrap .input-with-action{display:flex;gap:4px}.settings-card .input-with-action input,.settings-section-wrap .input-with-action input{flex:1}.input-with-dropdown select{width:100%;padding:9px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;box-sizing:border-box}.input-with-dropdown input{width:100%}.settings-card .form-row,.settings-section-wrap .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-endpoint-list{display:flex;flex-direction:column;gap:8px}.settings-endpoint-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .15s ease}.settings-endpoint-card:hover{border-color:var(--border-light)}.settings-endpoint-card.default{border-color:var(--color-accent, var(--accent-primary));border-left:3px solid var(--color-accent, var(--accent-primary))}.settings-endpoint-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex-shrink:0}.settings-endpoint-info{flex:1;min-width:0}.settings-endpoint-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.settings-endpoint-meta{font-size:12px;color:var(--text-secondary);margin-top:2px}.settings-endpoint-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.settings-endpoint-card:hover .settings-endpoint-actions{opacity:1}.settings-endpoint-actions .btn-ghost{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.settings-endpoint-actions .btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-endpoint-actions .btn-ghost:disabled{opacity:.4;cursor:not-allowed}.settings-endpoint-actions .btn-danger-hover:hover{background:#ef44441a;color:#ef4444}.settings-keys-list{display:flex;flex-direction:column;gap:8px}.settings-key-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.settings-key-info{flex:1;min-width:0}.settings-key-name{font-size:14px;font-weight:600;color:var(--text-primary);display:block}.settings-key-preview{font-size:12px;font-family:monospace;color:var(--text-secondary);display:block;margin-top:2px}.settings-key-display{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px 12px;background:var(--bg-primary);border-radius:var(--radius-md)}.settings-key-display code{flex:1;font-size:13px;word-break:break-all}.settings-info-grid{display:flex;flex-direction:column;gap:12px}.settings-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.settings-info-row:last-child{border-bottom:none}.settings-info-label{font-size:13px;color:var(--text-secondary);font-weight:500}.settings-info-value{font-size:14px;color:var(--text-primary);font-weight:500}.settings-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted)}.settings-empty-state h3{font-size:16px;color:var(--text-primary);margin:0}.settings-empty-state p{font-size:14px;max-width:400px;margin:0}.settings-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--text-secondary);font-size:14px}.settings-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:var(--text-primary);overflow-x:auto;margin:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;border-radius:10px;letter-spacing:.3px}.badge-primary{background:var(--accent-primary-bg, rgba(59, 130, 246, .15));color:var(--color-accent, var(--accent-primary, #3b82f6))}.badge-muted{background:var(--bg-hover);color:var(--text-secondary)}.text-muted{color:var(--text-secondary)}.text-success{color:var(--color-success, #22c55e)}.text-sm{font-size:12px}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.btn-icon-sm:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger-hover:hover{color:var(--color-error, #ef4444)!important}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spin{animation:settings-spin 1s linear infinite}@keyframes settings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.endpoint-selector{margin-bottom:16px}.endpoint-selector-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.endpoint-selector-trigger{display:flex;align-items:center;width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .15s ease;color:var(--text-primary);font-size:14px}.endpoint-selector-trigger:hover{border-color:var(--border-light)}.endpoint-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.endpoint-selector-trigger .chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.endpoint-selector-trigger .chevron.open{transform:rotate(180deg)}.endpoint-selector-dropdown{position:absolute;z-index:100;width:100%;margin-top:4px;background:var(--bg-elevated, var(--bg-secondary));border:1px solid var(--border-light, var(--border-color));border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;max-height:280px;overflow-y:auto}.endpoint-selector-option{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .1s ease;color:var(--text-primary)}.endpoint-selector-option:hover{background:var(--bg-hover)}.endpoint-selector-option.selected{background:var(--accent-primary-bg, rgba(59, 130, 246, .1))}.endpoint-selector-footer{padding:8px 14px;border-top:1px solid var(--border-color)}.endpoint-selector-footer a{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.endpoint-selector-footer a:hover{color:var(--color-accent, var(--accent-primary))}.endpoint-selector-loading,.endpoint-selector-error,.endpoint-selector-empty{display:flex;align-items:center;gap:8px;padding:12px;font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.endpoint-selector-error{color:var(--color-error, #ef4444)}.endpoint-selector-empty a{color:var(--color-accent, var(--accent-primary));text-decoration:none}.endpoint-selector-empty a:hover{text-decoration:underline}.endpoint-selector-manual-toggle{display:block;width:100%;margin-top:8px;padding:8px;font-size:13px;color:var(--text-secondary);background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:all .15s ease}.endpoint-selector-manual-toggle:hover{border-color:var(--text-secondary);color:var(--text-primary)}.view-header-left{display:flex;align-items:center;gap:10px}.tel-count-badge{background:var(--primary);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px}.tel-filter-bar{display:flex;align-items:flex-end;gap:16px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.tel-filter-group{display:flex;flex-direction:column;gap:4px}.tel-filter-group label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.tel-filter-group select{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer}.tel-duration-input{width:90px;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.tel-duration-input::placeholder{color:var(--text-secondary)}.tel-error-banner{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fee2e2;color:#b91c1c;font-size:13px;border-bottom:1px solid #fca5a5}.tel-table-header{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tel-col-time{width:80px;flex-shrink:0}.tel-col-method{width:58px;flex-shrink:0}.tel-col-http{width:40px;flex-shrink:0}.tel-col-name{flex:1;min-width:0}.tel-col-bar{width:140px;flex-shrink:0}.tel-col-dur{width:60px;flex-shrink:0;text-align:right}.tel-col-status{width:72px;flex-shrink:0}.tel-span-list{flex:1;overflow-y:auto}.tel-span-row{border-bottom:1px solid var(--border-color)}.tel-span-row:hover{background:var(--bg-secondary)}.tel-span-row.tel-span-error{border-left:3px solid #ef4444}.tel-span-summary{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:13px}.tel-expand-icon{color:var(--text-secondary);flex-shrink:0;display:flex;align-items:center}.tel-time{width:80px;flex-shrink:0;font-family:monospace;font-size:12px;color:var(--text-secondary)}.tel-method{width:58px;flex-shrink:0;font-size:10px;font-weight:700;padding:2px 5px;border-radius:3px;text-align:center;font-family:monospace}.tel-method-get{background:#dbeafe;color:#1d4ed8}.tel-method-post{background:#dcfce7;color:#15803d}.tel-method-put{background:#fef9c3;color:#a16207}.tel-method-patch{background:#fef3c7;color:#b45309}.tel-method-delete{background:#fee2e2;color:#b91c1c}[data-theme=dark] .tel-method-get{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .tel-method-post{background:#14532d;color:#86efac}[data-theme=dark] .tel-method-put{background:#422006;color:#fcd34d}[data-theme=dark] .tel-method-patch{background:#431407;color:#fbbf24}[data-theme=dark] .tel-method-delete{background:#450a0a;color:#fca5a5}.tel-http-status{width:40px;flex-shrink:0;font-size:11px;font-weight:600;font-family:monospace}.tel-http-2xx{color:#16a34a}.tel-http-4xx{color:#dc2626}.tel-http-5xx{color:#9f1239}.tel-span-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.tel-bar-track{width:140px;flex-shrink:0;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.tel-bar-fill{height:100%;background:#3b82f6;border-radius:3px}.tel-duration{width:60px;flex-shrink:0;text-align:right;font-size:12px;font-family:monospace;color:var(--text-secondary)}.tel-status-ok{display:flex;align-items:center;gap:4px;color:#16a34a;font-size:12px;font-weight:500;width:72px;flex-shrink:0}.tel-status-error{display:flex;align-items:center;gap:4px;color:#dc2626;font-size:12px;font-weight:500;width:72px;flex-shrink:0}.tel-span-detail{padding:10px 14px 14px 36px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:12px}.tel-detail-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:10px 0 4px}.tel-detail-row{display:flex;gap:12px;padding:3px 0;border-bottom:1px solid var(--border-color)}.tel-detail-label{width:220px;flex-shrink:0;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tel-detail-value{flex:1;color:var(--text-primary);word-break:break-all}.tel-attribute-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tel-attribute-preview{flex:1;min-width:0;white-space:pre-wrap;word-break:break-word}.tel-attribute-toggle{flex-shrink:0;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;cursor:pointer}.tel-attribute-toggle:hover{background:var(--bg-secondary)}.tel-json-block{margin:8px 0 0;padding:12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:monospace;font-size:11px;line-height:1.5}.tel-json-node{--tel-json-depth: 0}.tel-json-row{width:100%;display:flex;align-items:flex-start;gap:6px;padding:3px 0 3px calc(var(--tel-json-depth) * 16px);border:0;background:transparent;color:var(--text-primary);text-align:left;font-family:monospace;font-size:11px}.tel-json-toggle-row{cursor:pointer}.tel-json-caret,.tel-json-spacer{width:14px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.tel-json-key{color:var(--text-primary);font-weight:700}.tel-json-summary,.tel-json-empty{color:var(--text-secondary)}.tel-json-primitive{color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.tel-json-children{margin-top:2px}.tel-mono{font-family:monospace;font-size:11px}.tel-error-text{color:#dc2626}