:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0px;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (max-width: 480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.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}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease}.dashboard-card.clickable{cursor:pointer}.dashboard-card.clickable:hover{border-color:var(--card-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-content{flex:1;min-width:0}.card-value{font-size:28px;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.card-description{font-size:12px;color:var(--text-secondary);margin:0}.dashboard-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.btn-text{background:none;border:none;color:var(--primary);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}.analytics-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.analytics-mini-grid{grid-template-columns:repeat(2,1fr)}}.analytics-mini-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.mini-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;flex-shrink:0}.mini-card-content{display:flex;flex-direction:column;min-width:0}.mini-card-value{font-size:16px;font-weight:700;color:var(--text-primary)}.mini-card-label{font-size:11px;color:var(--text-secondary);white-space:nowrap}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.dashboard-two-col{grid-template-columns:1fr}}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;cursor:pointer;transition:background .2s}.activity-item:hover{background:var(--bg-hover)}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);flex-shrink:0}.activity-icon.trigger{color:#8b5cf6}.activity-icon.team{color:#3b82f6}.activity-icon.agent{color:#10b981}.activity-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.activity-title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.activity-status{color:var(--text-secondary);flex-shrink:0}.activity-status.completed{color:#10b981}.activity-status.failed{color:#ef4444}.empty-activity{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-activity svg{margin-bottom:8px;opacity:.5}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--bg-tertiary);border:none;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.quick-action-btn:hover{background:var(--primary);color:#fff}.quick-action-btn span{font-size:12px;font-weight:500}.scheduled-info{background:var(--bg-tertiary);border-radius:8px;padding:12px;margin-bottom:12px}.scheduled-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.scheduled-list{display:flex;flex-direction:column;gap:6px}.scheduled-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.scheduled-name{color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}.scheduled-cron{color:var(--text-secondary);font-family:monospace;font-size:11px;flex-shrink:0}.system-status{background:var(--bg-tertiary);border-radius:8px;padding:12px}.status-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;flex-shrink:0}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.status-items{display:flex;flex-direction:column;gap:6px}.status-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-primary)}.status-value{font-size:11px;font-weight:500;color:#10b981}.status-value.online{color:#10b981}.status-value.warning{color:#f59e0b}.status-value.error{color:#ef4444}.btn-select{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.btn-select.active{background:var(--accent-primary);color:#fff;border-color:transparent}.bulk-action-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--danger-bg, rgba(239, 68, 68, .08));border:1px solid var(--danger-border, rgba(239, 68, 68, .2));border-radius:var(--radius-lg);margin-bottom:12px}.bulk-action-bar__count{font-size:13px;font-weight:500;color:var(--text-primary)}.agents-grid input[type=checkbox],.agents-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}.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)}.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}.agent-form{padding-bottom:40px}.agent-form-layout{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.agent-form-layout .agent-form{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding-bottom:0}.agent-form-layout [role=tabpanel]{flex:1;overflow-y:auto;min-height:0;padding:24px}.agent-form-layout .form-actions{margin-top:16px}.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)}.form-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:0 0 12px;cursor:pointer;color:var(--text-primary);text-align:left}.form-section .form-section-toggle h3{display:flex;align-items:center;font-size:16px;font-weight:600;margin:10px 0;padding:0}.form-section-toggle:hover h3{color:var(--accent-primary)}.form-section-toggle:hover svg{color:var(--accent-primary)}.form-section-toggle[aria-expanded=false]{border-bottom:none;padding-bottom:0;margin-bottom:0}.form-section:has(.form-section-toggle[aria-expanded=false]){padding:12px 24px}.agent-form 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 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 select:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label:not(.checkbox-label){display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-group input:not([type=checkbox]),.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:not([type=checkbox]):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 input:not([type=checkbox]).invalid{border-color:var(--accent-red);box-shadow:0 0 0 3px #ef44441f}.form-group input:not([type=checkbox]).invalid:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px #ef444433}.form-field-error{margin-top:6px;font-size:12px;color:var(--accent-red)}.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;grid-auto-rows:88px}.tool-checkbox-card-wrapper{position:relative;display:flex;height:100%}.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;flex:1;min-width:0;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;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:has(input:checked){border-color:var(--accent-primary);background:var(--accent-primary-bg)}.tool-checkbox-card:has(input:checked) .tool-name{color:var(--accent-primary)}.tool-card-content{display:flex;flex-direction:column;gap:6px;min-width:0}.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;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-card-header .tool-check{flex-shrink:0}.tool-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.tool-icon-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:color .15s}.tool-icon-btn:hover{color:var(--text-primary)}.tool-icon-btn--shield-active{color:#f59e0b}.tool-icon-btn--shield-active:hover{color:#d97706}.tool-icon-btn--danger:hover{color:#ef4444}.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;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}.tools-group--builtin{margin-top:24px}.tools-group-title{margin:0 0 12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.tools-group-title--custom{color:var(--accent-orange)}.tools-group-title--builtin{color:var(--text-secondary)}.tools-group-count{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.tools-group-count--custom{background:#f59e0b1f}.tools-group-count--builtin{background:var(--bg-tertiary)}.tools-create-btn{color:var(--accent-orange);display:flex;align-items:center;gap:4px;font-size:12px}.custom-tool-form{padding:16px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);margin-bottom:16px}.custom-tool-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.custom-tool-form-title{font-size:14px;font-weight:600;color:var(--accent-orange)}.custom-tool-form-close{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.custom-tool-form-actions{display:flex;gap:8px;margin-top:12px}.custom-tool-form-actions .btn-secondary,.custom-tool-form-actions .btn-primary{flex:1}.btn-primary--orange{background:var(--accent-orange);border-color:var(--accent-orange)}.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;align-items:stretch}.role-selector select{flex:1}.role-selector .btn-icon{width:41.5px;height:41.5px}.custom-role-input{display:flex;gap:8px;margin-top:12px;align-items:center}.custom-role-input input{flex:1}.custom-role-input button{width:41.5px;height:41.5px;padding:0;flex-shrink:0}.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}.agent-memory-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:10px}.agent-custom-tools-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;background:#f59e0b1f;color:var(--accent-orange);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)}.btn-icon-small.run:hover{background:#10b98133;color:var(--accent-green)}.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-server-actions{display:flex;gap:4px}.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}.workflow-tools-list{display:flex;flex-direction:column;gap:6px}.workflow-tool-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer}.workflow-tool-row--enabled{background:#8b5cf61a;border-color:#8b5cf659}.workflow-tool-name{font-size:12px;font-weight:600;font-family:monospace;color:var(--text-primary)}.workflow-tool-name--enabled{color:var(--accent-purple)}.workflow-tool-desc{font-size:11px;color:var(--text-tertiary);margin-top:2px}.session-picker-anchor{position:relative}.session-count-badge{position:absolute;top:-2px;right:-2px;background:var(--accent-primary);color:#fff;font-size:9px;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.session-picker-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:220px;max-height:300px;overflow-y:auto;z-index:100}.session-picker-header{padding:8px;border-bottom:1px solid var(--border-color)}.session-picker-empty{padding:16px;text-align:center;color:var(--text-tertiary);font-size:13px}.session-picker-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:transparent}.session-picker-item:hover,.session-picker-item--active:hover{background:var(--bg-secondary)}.session-picker-item--active{background:var(--accent-primary-bg)}.session-picker-item__title{font-size:13px;font-weight:500}.session-picker-item__meta{font-size:11px;color:var(--text-tertiary);margin-top:2px}.session-picker-item__delete{padding:4px;opacity:.6}.session-picker-item__delete:hover{opacity:1}.feedback-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:6px}.feedback-btn{background:none;border:none;cursor:pointer;padding:3px 6px;border-radius:5px;display:flex;align-items:center;gap:3px;color:var(--text-tertiary);font-size:11px;transition:all .15s}.feedback-btn--positive.feedback-btn--active{background:#4ade801f;color:#4ade80}.feedback-btn--negative.feedback-btn--active{background:#f871711f;color:#f87171}.feedback-btn--dimmed{opacity:.4}.feedback-saved-label{font-size:10px;color:var(--text-tertiary);margin-left:2px;display:flex;align-items:center;gap:3px}.feedback-comment-box{margin-top:8px;padding:10px;background:var(--bg-secondary);border-radius:var(--radius-md)}.feedback-comment-box--positive{border:1px solid rgba(74,222,128,.3)}.feedback-comment-box--negative{border:1px solid rgba(248,113,113,.3)}.feedback-comment-box__prompt{font-size:11px;color:var(--text-tertiary);margin-bottom:6px}.feedback-comment-box__optional{opacity:.6;margin-left:6px}.feedback-comment-box__textarea{width:100%;box-sizing:border-box;padding:6px 8px;font-size:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;font-family:inherit;line-height:1.4;outline:none}.feedback-comment-box__actions{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.feedback-submit-btn--positive{padding:4px 10px;font-size:11px;border:none;border-radius:5px;cursor:pointer;font-weight:600;background:#4ade80;color:#000}.feedback-submit-btn--negative{padding:4px 10px;font-size:11px;border:none;border-radius:5px;cursor:pointer;font-weight:600;background:#f87171;color:#000}.agent-details-grid{display:flex;gap:24px;flex:1;min-height:0;overflow:hidden}.agent-main{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.agent-main .chat-panel{flex:1;min-height:0}.detail-panel{width:420px;flex-shrink:0;min-height:0;overflow:hidden;display:flex!important;flex-direction:column!important;gap:0!important;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.detail-panel-tablist{width:100%!important;height:auto!important;flex-shrink:0;border-radius:0;border-bottom:1px solid var(--border-color);padding:0 8px;background:var(--bg-tertiary)}.detail-panel-tablist [role=tab]{flex:1;font-size:11px;padding:10px 4px}.detail-panel-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.detail-panel-content{padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:0!important}.detail-panel-content [role=separator]{background:var(--border-light);margin:4px 0}.panel-section{display:flex;flex-direction:column;gap:10px}.panel-section-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;padding-bottom:8px}.panel-section-body{padding:0 12px}.panel-section-hint{font-size:11px;color:var(--text-muted);line-height:1.4}.panel-muted{font-size:13px;color:var(--text-muted)}.panel-count-badge{font-size:11px;font-weight:600;background:var(--accent-primary-bg);color:var(--accent-primary);padding:1px 6px;border-radius:10px}.panel-show-more{background:none;border:none;cursor:pointer;font-size:12px;color:var(--accent-primary);padding:2px 0;text-align:left}.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-secondary)}.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}@media (max-width: 1200px){.agent-details-grid{flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:16px}.agent-main{flex:0 0 auto;height:60vh;min-height:280px}.detail-panel{width:100%;flex-shrink:0}}.optimize-panel{margin-top:10px;display:flex;flex-direction:column;gap:10px}.optimize-stats-bar{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border-radius:7px;padding:7px 10px;font-size:12px}.optimize-stats-bar .icon-up{color:#4ade80}.optimize-stats-bar .icon-down{color:#f87171;margin-left:4px}.optimize-stats-count{color:var(--text-secondary)}.optimize-stats-total{margin-left:auto;color:var(--text-muted);font-size:11px}.optimize-refresh-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:1px;display:flex;align-items:center}.optimize-tabs{display:flex;gap:3px;background:var(--bg-secondary);padding:3px;border-radius:7px}.optimize-tab-btn{flex:1;padding:5px 0;font-size:11px;font-weight:400;background:transparent;color:var(--text-muted);border:none;border-radius:5px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:3px}.optimize-tab-btn--active{font-weight:600;background:var(--accent-primary);color:#fff}.optimize-versions{display:flex;flex-direction:column;gap:6px}.optimize-loading{text-align:center;padding:16px;color:var(--text-muted);font-size:12px}.optimize-empty{text-align:center;padding:8px;color:var(--text-muted);font-size:12px}.optimize-version-card{border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;background:var(--bg-secondary)}.optimize-version-card--active{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.optimize-version-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.optimize-version-name{font-size:12px;font-weight:600;color:var(--text-primary);flex:1}.optimize-version-active-badge{font-size:10px;color:var(--accent-primary);font-weight:600;background:var(--accent-primary-bg);padding:1px 6px;border-radius:4px}.optimize-source-badge{font-size:10px;font-weight:600}.optimize-source-badge--apo{color:#a78bfa}.optimize-source-badge--manual{color:var(--text-muted)}.optimize-source-badge--upload{color:#60a5fa}.optimize-version-meta{font-size:10px;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:4px}.optimize-version-preview{font-size:11px;color:var(--text-secondary);line-height:1.4;max-height:48px;overflow:hidden;margin-bottom:8px;-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.optimize-version-actions{display:flex;gap:5px}.optimize-version-actions .btn-sm{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px}.optimize-deactivate-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;background:none;border:1px solid var(--accent-primary);border-radius:5px;cursor:pointer;color:var(--accent-primary);padding:3px 6px}.optimize-delete-btn{background:none;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;padding:3px 6px;color:#f87171;display:flex;align-items:center}.optimize-run{display:flex;flex-direction:column;gap:10px}.optimize-jsonl-info{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.optimize-jsonl-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;cursor:pointer;background:var(--bg-secondary);font-size:11px;color:var(--text-secondary)}.optimize-jsonl-header-title{display:flex;align-items:center;gap:5px}.optimize-jsonl-body{padding:10px;background:var(--bg-primary);font-size:11px;color:var(--text-secondary);line-height:1.6}.optimize-jsonl-intro{margin-bottom:8px}.optimize-jsonl-pre{background:var(--bg-secondary);border-radius:6px;padding:8px;font-size:10px;color:var(--text-primary);overflow-x:auto;margin:0;font-family:monospace;line-height:1.5}.optimize-jsonl-legend{margin-top:8px;color:var(--text-muted);font-size:10px}.optimize-upload-hint{font-size:11px;color:var(--text-muted);margin-bottom:5px}.optimize-dropzone{border:1px dashed var(--border-color);border-radius:7px;padding:10px;text-align:center;cursor:pointer;color:var(--text-muted);font-size:12px;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:3px}.optimize-dropzone:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.optimize-file-row{display:flex;align-items:center;gap:7px;background:var(--bg-secondary);border-radius:7px;padding:7px 10px;border:1px solid var(--border-color)}.optimize-file-icon{color:var(--accent-primary);flex-shrink:0}.optimize-file-name{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optimize-file-remove-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:1px;display:flex;align-items:center}.optimize-upload-error{font-size:11px;color:#f87171;margin-top:4px;display:flex;align-items:center;gap:4px}.optimize-run-error,.optimize-test-error{font-size:12px;color:#f87171;background:#f8717114;border-radius:6px;padding:8px 10px}.optimize-run-hint{font-size:11px;color:var(--text-muted);text-align:center}.optimize-run-btn,.optimize-test-run-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.optimize-result{display:flex;flex-direction:column;gap:10px}.optimize-result-stats{display:flex;gap:8px}.optimize-result-stat{flex:1;background:var(--bg-secondary);border-radius:7px;padding:8px 10px;text-align:center}.optimize-result-stat-value{font-size:18px;font-weight:700;color:var(--accent-primary)}.optimize-result-stat-value--eval{color:#4ade80}.optimize-result-stat-label{font-size:10px;color:var(--text-muted)}.optimize-diff{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.optimize-diff-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;cursor:pointer;background:var(--bg-secondary);font-size:12px;font-weight:600}.optimize-diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color)}.optimize-diff-col{background:var(--bg-primary);padding:8px 10px}.optimize-diff-col-label{font-size:10px;font-weight:700;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}.optimize-diff-col-label--after{color:#4ade80}.optimize-diff-content{font-size:11px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;max-height:140px;overflow-y:auto}.optimize-eval-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.optimize-eval-item{border:1px solid var(--border-color);border-radius:7px;overflow:hidden;margin-bottom:6px}.optimize-eval-input{padding:6px 9px;background:var(--bg-secondary);font-size:10px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.optimize-eval-grid{display:grid;grid-template-columns:1fr auto 1fr;background:var(--border-color);gap:1px}.optimize-eval-col{background:var(--bg-primary);padding:7px 9px}.optimize-eval-col-label{font-size:10px;color:var(--text-muted);margin-bottom:3px}.optimize-eval-col-label--after{color:#4ade80}.optimize-eval-col-content{font-size:11px;color:var(--text-secondary);line-height:1.4}.optimize-eval-arrow{background:var(--bg-secondary);display:flex;align-items:center;padding:0 5px;color:var(--text-muted)}.optimize-eval-score{padding:5px 9px;background:var(--bg-secondary);font-size:10px;text-align:right;border-top:1px solid var(--border-color)}.optimize-eval-score--good{color:#4ade80}.optimize-eval-score--bad{color:#f87171}.optimize-result-actions{display:flex;gap:7px}.optimize-result-actions .btn-secondary,.optimize-result-actions .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px}.optimize-test{display:flex;flex-direction:column;gap:10px}.optimize-field-label{font-size:11px;color:var(--text-muted);margin-bottom:4px}.optimize-field-label--after{color:#4ade80}.optimize-textarea{width:100%;resize:vertical;font-size:12px;padding:7px 9px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:7px;color:var(--text-primary);box-sizing:border-box;font-family:inherit;line-height:1.4}.optimize-textarea--code{font-size:11px;color:var(--text-secondary);font-family:monospace}.optimize-textarea--after{border-color:#4ade8033}.optimize-test-result{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}@keyframes optimize-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.optimize-spin{animation:optimize-spin 1s linear infinite}.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%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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 .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-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-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-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-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-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-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-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-list-item{display:flex;align-items:center;padding:10px 12px;background:var(--vb-bg-tertiary);border-radius:8px;gap:10px;transition:all .15s}.vb-chat-node{background:#27272a99;border:1px solid rgba(63,63,70,.5);border-radius:8px}.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}.react-flow__edge.selected .react-flow__edge-path{stroke-width:3!important}.react-flow__edge:hover .react-flow__edge-path{stroke-width:2!important}@keyframes flowAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.react-flow__edge-path[style*=strokeDasharray]{animation:flowAnimation 1s linear infinite}@keyframes flowingDots{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.react-flow__edge.pulsing-edge .react-flow__edge-path{stroke:#10b981!important;stroke-width:2px!important;stroke-dasharray:6 6;animation:flowingDots .6s linear infinite}.condition-branch-indicator{position:absolute;right:-20px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.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}/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-content:"";--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--default-mono-font-family:var(--font-mono);--color-accent:var(--accent)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.w-fit{width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.touch-none{touch-action:none}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--destructive)}.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *){height:calc(var(--spacing) * 8)}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *){height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *){justify-content:flex-start}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);bottom:-5px}.group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.dark\:border-input:is([data-theme=dark] *){border-color:var(--input)}.dark\:bg-destructive\/20:is([data-theme=dark] *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-input\/30:is([data-theme=dark] *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is([data-theme=dark] *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:text-muted-foreground:is([data-theme=dark] *){color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is([data-theme=dark] *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is([data-theme=dark] *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is([data-theme=dark] *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is([data-theme=dark] *):hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.dark\:hover\:text-foreground:is([data-theme=dark] *):hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:is([data-theme=dark] *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is([data-theme=dark] *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is([data-theme=dark] *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is([data-theme=dark] *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is([data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is([data-theme=dark] *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-active\:bg-background:where([data-state=active]),.data-active\:bg-background:where([data-active]:not([data-active=false])){background-color:var(--background)}.data-active\:text-foreground:where([data-state=active]),.data-active\:text-foreground:where([data-active]:not([data-active=false])){color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]),.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after{content:var(--tw-content);opacity:1}.dark\:data-active\:border-input:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:border-input:is([data-theme=dark] *):where([data-active]:not([data-active=false])){border-color:var(--input)}.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-active]:not([data-active=false])){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:bg-input\/30:is([data-theme=dark] *):where([data-active]:not([data-active=false])){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:data-active\:text-foreground:is([data-theme=dark] *):where([data-state=active]),.dark\:data-active\:text-foreground:is([data-theme=dark] *):where([data-active]:not([data-active=false])){color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is([data-theme=dark] *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])){background-color:#0000}.data-horizontal\:h-2\.5:where([data-orientation=horizontal]){height:calc(var(--spacing) * 2.5)}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-horizontal\:flex-col:where([data-orientation=horizontal]){flex-direction:column}.data-horizontal\:border-t:where([data-orientation=horizontal]){border-top-style:var(--tw-border-style);border-top-width:1px}.data-horizontal\:border-t-transparent:where([data-orientation=horizontal]){border-top-color:#0000}.data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.data-vertical\:w-2\.5:where([data-orientation=vertical]){width:calc(var(--spacing) * 2.5)}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.data-vertical\:border-l:where([data-orientation=vertical]){border-left-style:var(--tw-border-style);border-left-width:1px}.data-vertical\:border-l-transparent:where([data-orientation=vertical]){border-left-color:#0000}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--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:#10b9811a;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-orange:#f59e0b;--accent-red:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--sidebar-bg:#f8fafc;--card-shadow:0 1px 3px #00000014;--sidebar-width:260px;--header-height:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-normal:.2s ease;--background:var(--bg-primary);--foreground:var(--text-primary);--card:var(--bg-secondary);--card-foreground:var(--text-primary);--popover:var(--bg-elevated);--popover-foreground:var(--text-primary);--primary:var(--accent-primary);--primary-foreground:#fff;--secondary:var(--bg-tertiary);--secondary-foreground:var(--text-primary);--muted:var(--bg-hover);--muted-foreground:var(--text-muted);--accent:var(--bg-hover);--accent-foreground:var(--text-primary);--destructive:var(--accent-red);--border:var(--border-color);--input:var(--border-color);--ring:var(--accent-primary)}[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:#10b98126;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--sidebar-bg:#111113;--card-shadow:0 2px 8px #0000004d}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.5}:root ::selection{color:#0f172a;background:#3b82f64d}[data-theme=light] ::selection{color:#0f172a;background:#3b82f64d}[data-theme=dark] ::selection{color:#fafafa;background:#10b98173}@keyframes spin{to{transform:rotate(360deg)}}.streaming-cursor{color:var(--accent-primary);margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@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}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-color:var(--border-light) transparent}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);background:var(--bg-primary);flex-direction:column;flex:1;height:100vh;transition:margin-left .2s;display:flex;position:relative;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:10000;flex-direction:column;height:100vh;transition:width .2s;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:72px}.sidebar.collapsed+.main-content{margin-left:72px}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:20px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px}.sidebar-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar.collapsed .sidebar-toggle{display:none}.logo{align-items:center;gap:12px;display:flex}.logo-icon{object-fit:contain;width:40px;height:40px}.logo-icon-fallback{background:var(--accent-primary);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text{flex-direction:column;display:flex}.logo-text h1{color:var(--text-primary);letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:16px;font-weight:700}.logo-title{color:var(--text-primary);letter-spacing:-.5px;font-size:18px;font-weight:700}.logo-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.sidebar.collapsed .sidebar-nav{padding:8px}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;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{background:var(--accent-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:6px;right:6px}.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{background:var(--bg-hover);color:var(--text-muted);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600}.nav-item.active .nav-badge{background:var(--accent-primary);color:var(--bg-primary)}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px}.api-status{align-items:center;gap:8px;display:flex}.api-status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #10b98199}.api-status-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.connection-status{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px;margin-left:auto}.status-dot.online{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.api-url{color:var(--text-muted);word-break:break-all;margin-top:8px;font-family:monospace;font-size:11px}.sidebar-settings-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.sidebar-settings-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.settings-modal{width:95%;max-width:600px}.settings-section{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.settings-description{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.settings-info{background:var(--bg-secondary);border-radius:8px;padding:12px}.settings-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.settings-label{color:var(--text-secondary);font-size:13px}.settings-value{color:var(--text-primary);font-size:13px;font-weight:500}.settings-role{text-transform:capitalize;background:rgba(var(--accent-rgb),.1);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:11px}.settings-error{color:#ef4444;background:#ef44441a;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:13px;display:flex}.settings-created-key{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:16px;padding:16px}.settings-created-key-header{color:#22c55e;align-items:center;gap:8px;margin-bottom:8px;display:flex}.settings-warning{color:var(--text-secondary);margin:0 0 12px;font-size:12px}.settings-key-display{background:var(--bg-primary);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.settings-key-display code{color:var(--text-primary);word-break:break-all;flex:1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}.settings-key-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.settings-key-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.success-icon{color:#22c55e}.settings-create-key{gap:8px;margin-bottom:16px;display:flex}.settings-input{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;flex:1;padding:8px 12px;font-size:13px}.settings-input:focus{border-color:var(--accent);outline:none}.settings-select{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px}.settings-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.settings-btn-primary{background:var(--accent);color:#fff}.settings-btn-primary:hover{opacity:.9}.settings-btn-danger{color:#ef4444;background:0 0;padding:6px}.settings-btn-danger:hover{background:#ef44441a}.settings-loading,.settings-empty{text-align:center;color:var(--text-secondary);padding:24px;font-size:13px}.settings-key-item{background:var(--bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.settings-key-info{flex-direction:column;gap:4px;display:flex}.settings-key-name{color:var(--text-primary);font-size:13px;font-weight:500}.settings-key-preview{color:var(--text-secondary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px}.settings-key-meta{color:var(--text-tertiary);font-size:11px}.settings-code{background:var(--bg-secondary);color:var(--text-primary);white-space:pre;border-radius:8px;margin:0;padding:16px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;overflow-x:auto}.sidebar-user{position:relative}.sidebar-user-chevron{color:var(--text-tertiary);flex-shrink:0}.sidebar-user-menu{background:var(--bg-primary);border:1px solid var(--border);z-index:100;border-radius:8px;margin-bottom:8px;padding:4px;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}.sidebar-user-menu button{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.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{color:#ef4444;background:#ef44441a}.sidebar-user-menu button:last-child:hover svg{color:#ef4444}.view-container{max-width:1400px;padding:32px}.view-container--fixed-height{flex-direction:column;height:100%;display:flex;overflow:hidden}.view-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.view-header h1{letter-spacing:-.5px;font-size:28px;font-weight:700}.view-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.header-with-back{align-items:center;gap:16px;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn-primary>svg,.btn-secondary>svg,.btn-danger>svg,.action-button>svg{vertical-align:middle;flex-shrink:0;width:16px;height:16px;display:block}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.btn-danger{color:var(--accent-red);border:1px solid var(--accent-red);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-icon{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-back{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-back:hover{background:var(--bg-hover);color:var(--text-primary)}.search-bar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.search-bar svg{color:var(--text-muted)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.search-filter-bar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-filter-bar .search-bar{flex:1;margin-bottom:0}.btn-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.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{background:var(--accent-primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.filters-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:flex-end;gap:16px;margin-bottom:24px;padding:16px;display:flex}.filters-panel .filter-group{flex-direction:column;gap:6px;display:flex}.filters-panel .filter-group label{color:var(--text-muted);font-size:12px;font-weight:500}.filters-panel select{min-width:150px}.btn-text{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px}.btn-text:hover{text-decoration:underline}.view-toggle{border-left:1px solid var(--border-color);gap:4px;padding-left:12px;display:flex}.toggle-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.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)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);vertical-align:middle;border-radius:4px;flex-shrink:0;position:relative}input[type=checkbox]:hover{border-color:var(--accent-primary)}input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.modal-overlay{top:0;left:var(--sidebar-width);z-index:100000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;bottom:0;right:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:85vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:600}.modal-title{align-items:flex-start;gap:16px;display:flex}.modal-title svg{color:var(--accent-primary);margin-top:4px}.modal-title h2{margin-bottom:8px;font-size:20px;font-weight:600}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.preview-content{padding:24px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.preview-stat{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.preview-stat-value{color:var(--accent-primary);margin-bottom:8px;font-size:32px;font-weight:700;line-height:1;display:block}.preview-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500;display:block}.preview-item{flex-direction:column;gap:4px;display:flex}.preview-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.preview-item span{color:var(--text-primary);font-size:14px}.preview-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.stat-box .stat-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1;display:block}.stat-box .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;display:block}.preview-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.preview-section.full-width{grid-column:1/-1}.preview-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.preview-list{flex-direction:column;gap:8px;display:flex}.preview-item{justify-content:space-between;align-items:center;display:flex}.preview-label{color:var(--text-muted);font-size:13px}.preview-value{color:var(--text-primary);font-size:13px;font-weight:500}.preview-value.highlight{color:var(--accent-primary);font-size:18px}.preview-code{color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);white-space:pre-wrap;max-height:200px;padding:12px;font-family:monospace;font-size:12px;overflow-y:auto}.preview-tags{flex-wrap:wrap;gap:8px;display:flex}.preview-tag{background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:500}.preview-mcp-list{flex-direction:column;gap:8px;display:flex}.preview-mcp-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.preview-mcp-item .mcp-url{color:var(--text-primary);font-family:monospace;font-size:13px}.preview-mcp-item .mcp-tools-count{color:var(--text-muted);font-size:12px}.preview-mcp{flex-direction:column;gap:8px;display:flex}.mcp-preview-item{color:var(--text-secondary);align-items:center;gap:8px;font-family:monospace;font-size:13px;display:flex}.tool-search{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.tool-search svg{color:var(--text-muted)}.tool-search input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:14px}.tool-search input:focus{outline:none}.selected-count{color:var(--accent-primary);font-size:12px;font-weight:500}.tools-grid-detailed{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.tool-checkbox-detailed{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.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{flex-direction:column;flex:1;gap:4px;display:flex}.tool-info .tool-name{color:var(--text-primary);font-size:14px;font-weight:500}.tool-info .tool-description{color:var(--text-muted);font-size:12px;line-height:1.4}.no-results{text-align:center;color:var(--text-muted);padding:24px;font-style:italic}.agent-card-footer{border-top:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.agent-stats{gap:16px;display:flex}.stat-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.stat-item svg{opacity:.7}.card-quick-actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;display:flex}.agent-card:hover .card-quick-actions{opacity:1}.config-value.highlight{color:var(--accent-primary);font-size:18px;font-weight:600}.agents-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.agents-table table{border-collapse:collapse;width:100%}.agents-table th,.agents-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 16px}.agents-table th{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.agents-table tr:last-child td{border-bottom:none}.agents-table tr:hover td{background:var(--bg-tertiary)}.agent-name-cell{align-items:center;gap:10px;display:flex}.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{gap:4px;display:flex}.table-actions .btn-icon-small{opacity:.6}.table-actions .btn-icon-small:hover{opacity:1}.modal-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:0;padding:0 24px;display:flex}.modal-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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:0 0}.modal-tab svg{width:14px;height:14px}.json-content{flex-direction:column;gap:12px;max-height:400px;padding:16px 20px;display:flex;overflow:hidden}.json-actions{justify-content:flex-end;gap:8px;padding:8px 0;display:flex}.json-actions .btn-sm,.json-content .btn-sm,.modal-footer .btn-sm{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.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{flex-shrink:0;width:14px;height:14px}.json-viewer{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:300px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.5;overflow:auto}.loading-state,.error-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.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{margin-bottom:8px;font-size:18px}.empty-state button{margin-top:24px}.empty-state button svg{margin-bottom:0}.error-state button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;margin-top:16px;padding:8px 16px}.placeholder-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.placeholder-content svg{color:var(--text-muted);opacity:.5;margin-bottom:24px}.placeholder-content h2{color:var(--text-secondary);margin-bottom:8px;font-size:24px}.placeholder-content p{color:var(--text-muted)}.logo-image{object-fit:contain;flex-shrink:0;width:40px!important;max-width:40px!important;height:40px!important;max-height:40px!important}.logo-mark{background:linear-gradient(135deg,var(--accent-primary) 0%,#059669 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text-tai{color:#fff;letter-spacing:-.5px;font-size:14px;font-weight:800}.agent-avatar.team-avatar,.agent-status.sequential{background:var(--accent-primary-bg);color:var(--accent-primary)}.agent-status.parallel{color:#eab308;background:#eab30826}.agent-status.conditional{color:#a855f7;background:#a855f726}.agent-status.iterative{color:#22c55e;background:#22c55e26}.agent-status.HIL{color:#ef4444;background:#ef444426}[data-theme=dark] .agent-status.parallel{color:#facc15;background:#facc1526}[data-theme=dark] .agent-status.conditional{color:#c084fc;background:#c084fc26}[data-theme=dark] .agent-status.iterative{color:#4ade80;background:#4ade8026}[data-theme=dark] .agent-status.HIL{color:#f87171;background:#f8717126}.alert-modal{text-align:center;max-width:400px;padding:32px}.alert-modal-icon{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.alert-modal-icon svg{width:28px;height:28px}.alert-modal-title{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.alert-modal-message{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.6}.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:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.skeleton-card-header{align-items:center;gap:12px;display:flex}.skeleton-card-title{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-table{flex-direction:column;gap:12px;display:flex}.skeleton-row{border-bottom:1px solid var(--border-color);gap:16px;padding:12px 0;display:flex}.skeleton-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.skeleton-stat-card{background:var(--bg-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.a2a-panel{min-width:0}.a2a-header{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.a2a-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.a2a-section{margin-bottom:16px}.a2a-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.a2a-url-row{align-items:center;gap:6px;display:flex}.a2a-url{background:var(--bg-tertiary);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-color);border-radius:6px;flex:1;padding:8px 12px;font-family:Monaco,Menlo,monospace;font-size:12px;overflow:hidden}.a2a-copy-btn,.a2a-link-btn,.a2a-icon-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:12px;transition:all .2s;display:flex}.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{align-items:center;gap:8px;margin-bottom:12px;display:flex}.a2a-key{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);text-overflow:ellipsis;border-radius:6px;flex:1;padding:8px 12px;font-family:Monaco,Menlo,monospace;font-size:12px;overflow:hidden}.a2a-key-actions{gap:8px;display:flex}.a2a-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.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{color:var(--danger-color);border:1px solid var(--danger-color);background:0 0}.a2a-btn-danger:hover{background:var(--danger-color);color:#fff}.a2a-btn:disabled{opacity:.5;cursor:not-allowed}.a2a-warning{color:#b8860b;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:12px}.a2a-no-key{text-align:center;padding:20px}.a2a-no-key p{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.a2a-example{border:1px solid var(--border-color);border-radius:6px;margin-bottom:8px;overflow:hidden}.a2a-example-header{background:var(--bg-tertiary);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;transition:background .2s;display:flex}.a2a-example-header:hover{background:var(--bg-primary)}.a2a-example-header span{color:var(--text-primary);flex:1;font-size:13px;font-weight:500}.a2a-example-content{background:var(--bg-primary);border-top:1px solid var(--border-color);position:relative}.a2a-example-content pre{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;padding:12px;font-family:Monaco,Menlo,monospace;font-size:11px;line-height:1.5;overflow-x:auto}.a2a-example-content .a2a-copy-btn{padding:6px 10px;font-size:11px;position:absolute;top:8px;right:8px}.a2a-info{background:var(--bg-tertiary);border-radius:6px;padding:12px}.a2a-info p{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.5}.a2a-info p:last-child{margin-bottom:0}.a2a-info code{background:var(--bg-primary);color:var(--primary-color);border-radius:4px;padding:2px 6px;font-size:11px}.a2a-loading{text-align:center;color:var(--text-secondary);padding:20px}.llm-endpoint-selector{flex-direction:column;gap:16px;display:flex}.endpoint-mode-tabs{border-bottom:2px solid #ffffff1a;gap:4px;margin-bottom:8px;display:flex}.mode-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.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{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;font-size:13px;display:flex}.endpoint-empty p{margin:0}.endpoint-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.endpoint-item{cursor:pointer;background:#ffffff05;border:2px solid #ffffff1a;border-radius:8px;padding:12px 16px;transition:all .2s}.endpoint-item:hover{background:#6366f10d;border-color:#6366f166}.endpoint-item.selected{border-color:var(--primary-color);background:#6366f11f}.endpoint-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.endpoint-name{color:var(--text-primary);font-size:14px;font-weight:600}.check-icon{color:var(--primary-color)}.endpoint-item-details{color:var(--text-secondary);gap:12px;font-size:12px;display:flex}.endpoint-provider{background:#6366f126;border-radius:4px;padding:2px 8px;font-weight:500}.endpoint-model{font-family:Courier New,monospace}.endpoint-new-form,.endpoint-manual-form{flex-direction:column;gap:16px;display:flex}.endpoint-actions{gap:8px;margin-top:8px;display:flex}.endpoint-save-hint{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px}.checkbox-group{margin:8px 0}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.checkbox-label span{color:var(--text-secondary)}.btn-link{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-link:hover{color:#818cf8;background:#6366f114;border-radius:6px}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.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{color:var(--text-secondary);background:#ffffff14}.btn-secondary:hover{color:var(--text-primary);background:#ffffff1f}.spinner{animation:1s linear infinite spin}.pgrid-controls{justify-content:center;align-items:center;gap:4px;margin-top:16px;padding:4px 0;display:flex}.pgrid-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pgrid-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.pgrid-btn:disabled{opacity:.35;cursor:not-allowed}.pgrid-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.pgrid-btn--active:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff}.pgrid-ellipsis{min-width:24px;height:32px;color:var(--text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.tab-bar-scroll{scrollbar-width:none;flex-shrink:0;min-height:0;overflow:auto visible}.tab-bar-scroll::-webkit-scrollbar{display:none}.tab-bar{border-bottom:2px solid var(--border-color);align-items:flex-end;gap:4px;padding:6px 4px 0;display:flex;overflow:visible}.tab-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:2px solid var(--border-color);height:34px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast);border-radius:10px 10px 0 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-bottom:-2px;padding:8px 18px;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden}.tab-btn:before{content:"";background:var(--accent-primary);opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.tab-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary);z-index:1}.tab-btn.active{background:var(--bg-primary);height:38px;color:var(--text-primary);border:1px solid var(--border-color);border-bottom:2px solid var(--bg-primary);z-index:2;border-radius:10px 10px 0 0;font-weight:600}.tab-btn.active:before{opacity:.8}@media (max-width:900px){.tab-label{display:none}.tab-btn{padding:8px 12px}}.tab-error-dot{background:var(--accent-red);border-radius:50%;flex-shrink:0;width:6px;height:6px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:16px;padding:24px;display:flex}.dashboard-card:hover{background:var(--bg-tertiary);border-color:var(--border-light);transform:translateY(-2px)}.card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-content{flex:1}.card-value{letter-spacing:-1px;font-size:32px;font-weight:700}.card-title{color:var(--text-secondary);margin-top:2px;font-size:14px;font-weight:600}.card-description{color:var(--text-muted);margin-top:4px;font-size:12px}.card-arrow{color:var(--text-muted)}.dashboard-section{margin-top:40px}.dashboard-section h2{margin-bottom:16px;font-size:18px;font-weight:600}.quick-actions{flex-wrap:wrap;gap:12px;display:flex}.action-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;line-height:18px;display:inline-flex}.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)}.teams-builder .view-header{flex-shrink:0}.builder-layout{border-top:1px solid var(--border-color);flex:1;gap:0;display:flex;overflow:hidden}.team-name-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);width:200px;padding:8px 12px;font-size:14px}.pattern-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);padding:8px 12px;font-size:14px}.agents-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:260px;transition:width .2s;display:flex}.agents-panel.collapsed{width:40px}.agents-panel .panel-header{color:var(--text-primary);cursor:pointer;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.agents-panel .panel-content{flex:1;padding:12px;overflow-y:auto}.agents-panel .panel-section{margin-bottom:16px}.agents-panel .panel-section h4{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.draggable-items{flex-direction:column;gap:6px;display:flex}.draggable-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:grab;color:var(--text-primary);align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.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{background:var(--bg-primary);flex:1}.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{border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.flow-node-content{flex-direction:column;gap:2px;display:flex}.flow-node-title{opacity:.7;font-size:11px;font-weight:600}.flow-node-subtitle{font-size:13px}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-empty h3{color:var(--text-primary);margin:0}.chat-message{border-radius:var(--radius-md);gap:12px;max-width:85%;padding:16px;display:flex}.chat-message .message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chat-message .message-wrapper{flex:1;min-width:0}.chat-message .message-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.chat-message .message-sender{font-size:14px;font-weight:600}.chat-message .message-time{color:var(--text-muted);font-size:11px}.chat-message .message-content{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.chat-message.user{background:var(--accent-primary-bg);flex-direction:row-reverse;align-self:flex-end}.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{color:var(--text-muted);align-items:center;gap:8px;display:flex}.error-message{align-items:center;gap:8px;display:flex}.chat-input{border-top:1px solid var(--border-color);background:var(--bg-tertiary);gap:8px;padding:16px;display:flex}.chat-input input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);flex:1;padding:12px 16px;font-size:14px}.chat-input input:focus{border-color:var(--accent-primary);outline:none}.team-info-panel{flex-direction:column;gap:16px;display:flex}.info-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.info-section h4{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.info-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:13px}.info-value{color:var(--text-primary);font-size:13px;font-weight:500}.memory-labels{flex-wrap:wrap;gap:6px;display:flex}.memory-label{background:var(--accent-primary-bg);color:var(--accent-primary);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px}.filter-actions{align-items:center;gap:12px;display:flex}.btn-filter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.btn-filter:hover,.btn-filter.active{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.filters-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:16px;margin-bottom:16px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:var(--text-muted);font-size:12px;font-weight:600}.filter-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px;font-size:13px}.card-badge{border-radius:var(--radius-sm);text-transform:capitalize;padding:4px 10px;font-size:11px;font-weight:600}.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{flex-direction:column;gap:8px;display:flex}.workflow-step{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.workflow-step svg{color:var(--text-muted)}.pattern-description{color:var(--text-muted);margin-top:8px;font-size:13px}.panel-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-section-header h4{margin:0}.btn-text-small{color:var(--accent-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.btn-text-small:hover{background:var(--accent-primary-bg)}.panel-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.panel-empty p{margin:0 0 12px}.pattern-info{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);padding:12px;font-size:12px;line-height:1.5}.pattern-info p{margin:0}.pattern-info strong{color:var(--text-primary)}.execute-layout{grid-template-columns:1fr 320px;gap:20px;height:calc(100vh - 180px);display:grid}.documents-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.panel-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-header-row h4{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;transition:all .15s;display:flex}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.upload-hint{opacity:.7;font-size:11px}.btn-icon-small{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;padding:4px;transition:all .15s}.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{color:var(--accent-green);background:#10b98133}.trace-stats{flex-direction:column;gap:12px;display:flex}.trace-stat{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 12px;display:flex}.trace-stat svg{color:var(--text-muted)}.trace-stat>div{flex-direction:column;display:flex}.trace-value{color:var(--text-primary);font-size:14px;font-weight:600}.trace-label{color:var(--text-muted);font-size:11px}.trace-empty{color:var(--text-muted);text-align:center;margin:0;padding:12px;font-size:13px}.detail-items{flex-direction:column;display:flex}.detail-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-size:13px}.detail-value{color:var(--text-primary);font-size:13px;font-weight:500}:root{--accent-yellow:#eab308;--accent-yellow-bg:#eab3081a;--accent-purple:#a855f7;--accent-purple-bg:#a855f71a}[data-theme=dark]{--accent-yellow:#facc15;--accent-yellow-bg:#facc1526;--accent-purple:#c084fc;--accent-purple-bg:#c084fc26}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header-row h3{align-items:center;gap:8px;margin:0;display:flex}.agent-card .team-icon{background:var(--accent-primary-bg);color:var(--accent-primary)}.agent-card .card-agents{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.agent-card .agent-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);padding:4px 8px;font-size:11px}.agent-card .agent-tag.more{background:var(--accent-primary-bg);color:var(--accent-primary);border-color:var(--accent-primary)}.teams-builder{flex-direction:column;height:100%;display:flex}.builder-layout{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);flex:1;gap:0;display:flex;overflow:hidden}.builder-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:280px;display:flex;overflow:hidden}.builder-sidebar.collapsed{width:auto}.builder-sidebar-toggle{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.builder-sidebar-toggle:hover{background:var(--bg-hover)}.sidebar-content{flex:1;padding:16px;overflow-y:auto}.sidebar-section{margin-bottom:20px}.sidebar-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-header h4{margin:0}.btn-text-sm{color:var(--accent-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.btn-text-sm:hover{background:var(--accent-primary-bg)}.empty-text{color:var(--text-muted);text-align:center;padding:12px;font-size:13px}.draggable-list{flex-direction:column;gap:6px;display:flex}.draggable-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:grab;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.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{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);padding:12px;font-size:12px;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{grid-template-columns:1fr 320px;gap:20px;height:calc(100vh - 180px);display:grid}.execute-main{flex-direction:column;gap:16px;min-height:0;display:flex}.execute-sidebar{flex-direction:column;gap:16px;display:flex;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{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.trace-grid{flex-direction:column;gap:10px;display:flex}.trace-item{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 12px;display:flex}.trace-item svg{color:var(--text-muted)}.trace-item>div{flex-direction:column;display:flex}.trace-item .value{color:var(--text-primary);font-size:14px;font-weight:600}.trace-item .label{color:var(--text-muted);font-size:11px}.details-list{flex-direction:column;display:flex}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row>span:first-child{color:var(--text-muted)}.detail-row>span:last-child{color:var(--text-primary);font-weight:500}.chat-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden}.chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.chat-empty svg{opacity:.5;margin-bottom:12px}.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);align-items:center;gap:8px;display:flex}.message-content{border-radius:var(--radius-md);padding:12px 16px;font-size:14px;line-height:1.5}.message-content pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit}.message-time{color:var(--text-muted);text-align:right;margin-top:4px;font-size:11px;display:block}.chat-message.user .message-time{text-align:right}.chat-message.assistant .message-time{text-align:left}.chat-input-area{border-top:1px solid var(--border-color);background:var(--bg-primary);gap:12px;padding:16px;display:flex}.chat-input-area input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);flex:1;padding:12px 16px;font-size:14px}.chat-input-area input:focus{border-color:var(--accent-primary);outline:none}.documents-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.documents-section .section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.documents-section .section-header h4{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;transition:all .15s;display:flex}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-primary);background:var(--accent-primary-bg)}.documents-list{flex-direction:column;gap:8px;max-height:120px;margin-top:12px;display:flex;overflow-y:auto}.document-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;display:flex}.document-info{flex:1;min-width:0}.document-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.document-size{color:var(--text-muted);font-size:11px}.preview-modal{max-width:600px}.preview-modal .modal-title{align-items:center;gap:12px;display:flex}.preview-modal .modal-title>div{flex-direction:column;gap:4px;display:flex}.preview-modal .modal-title h2{margin:0}.preview-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-box{background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.stat-box svg{color:var(--accent-primary)}.stat-box .stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.stat-box .stat-label{color:var(--text-muted);font-size:12px}.preview-section{margin-bottom:16px}.preview-section h4{color:var(--text-muted);margin:0 0 8px;font-size:13px;font-weight:600}.preview-text{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}.workflow-list{flex-direction:column;gap:8px;display:flex}.workflow-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.workflow-from,.workflow-to{color:var(--text-primary);font-weight:500}.workflow-item svg{color:var(--text-muted)}.tags-list{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 10px;font-size:12px}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);padding:10px 14px;font-size:14px}.input-field:focus{border-color:var(--accent-primary);outline:none}.flow-node{border-radius:var(--radius-md);align-items:center;gap:8px;min-width:120px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.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{flex-direction:column;display:flex}.flow-node-title{color:var(--text-muted);text-transform:uppercase;font-size:10px}.flow-node-subtitle{font-size:13px;font-weight:600}.flow-handle{background:var(--accent-primary);border:2px solid var(--bg-primary);width:10px;height:10px}.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{position:relative;overflow:visible!important}.agents-grid .agent-card{z-index:1;position:relative;overflow:visible!important}.agent-card-header,.agent-card-body,.agent-card-footer,.agent-menu{overflow:visible!important}.dropdown-menu{margin-top:4px;z-index:99999!important;position:absolute!important;top:100%!important;right:0!important}.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{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.team-agents-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.team-agents-tags{flex-wrap:wrap;gap:6px;display:flex}.team-agent-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.team-agent-tag.more{background:var(--accent-primary-bg);color:var(--accent-primary);border-color:var(--accent-primary)}.agent-status.hil{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.agents-grid .agent-card{flex-direction:column;min-height:280px;display:flex}.agents-grid .agent-card .agent-card-body{flex:1}.memory-hint{color:var(--text-muted);margin:0 0 12px;font-size:11px;line-height:1.4}.team-memory-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.team-memory-form input,.team-memory-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:8px 10px;font-family:inherit;font-size:13px}.team-memory-form input:focus,.team-memory-form textarea:focus{border-color:var(--accent-primary);outline:none}.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{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.team-memory-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px}.team-memory-header svg{color:var(--accent-primary);flex-shrink:0}.team-memory-label{color:var(--text-primary);flex:1;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:600}.team-memory-actions{gap:4px;margin-left:auto;display:flex}.team-memory-description{color:var(--text-muted);margin-bottom:6px;font-size:11px;font-style:italic;line-height:1.3}.team-memory-value{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);max-height:120px;padding:8px;font-size:12px;line-height:1.5;overflow-y:auto}.section-desc{color:var(--text-muted);margin:0 0 12px;font-size:12px;line-height:1.4}.trigger-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:20px;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{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex;position:relative;overflow:visible}.trigger-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.trigger-icon.webhook{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.trigger-icon.schedule{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.trigger-icon.event{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.trigger-info{flex:1;min-width:0}.trigger-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.trigger-badges{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.trigger-type-badge{border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.trigger-type-badge.webhook{color:#3b82f6;background:#3b82f626}.trigger-type-badge.schedule{color:#8b5cf6;background:#8b5cf626}.trigger-type-badge.event{color:#f59e0b;background:#f59e0b26}.trigger-enabled-badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:500}.trigger-enabled-badge.enabled{color:#10b981;background:#10b98126}.trigger-enabled-badge.disabled{color:#ef4444;background:#ef444426}.trigger-card-body{margin-bottom:16px}.trigger-target{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.trigger-target svg{color:var(--accent-primary)}.trigger-target strong{color:var(--text-primary);font-weight:500}.trigger-description{color:var(--text-muted);margin-top:12px;font-size:13px;line-height:1.5}.trigger-webhook-url{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);word-break:break-all;margin-top:12px;padding:10px 12px;font-family:monospace;font-size:12px}.trigger-schedule-info{color:var(--text-secondary);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.trigger-schedule-info code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 8px;font-family:monospace}.trigger-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.trigger-stats{gap:16px;display:flex}.trigger-stat{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.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{flex-direction:column;gap:12px;display:flex}.execution-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--border-color);padding:14px}.execution-item.success{border-left-color:#10b981}.execution-item.failed{border-left-color:#ef4444}.execution-item.running{border-left-color:#3b82f6}.execution-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.status-icon{justify-content:center;align-items:center;display:flex}.status-icon.success{color:#10b981}.status-icon.failed{color:#ef4444}.status-icon.running{color:#3b82f6}.execution-source{color:var(--text-primary);font-size:13px;font-weight:500}.execution-time{color:var(--text-muted);margin-left:auto;font-size:12px}.execution-duration{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px}.execution-input,.execution-response,.execution-error{background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:8px;padding:8px;font-size:12px;line-height:1.5}.execution-input{color:var(--text-secondary)}.execution-response{color:var(--text-primary)}.execution-error{color:#ef4444;background:#ef44441a}.empty-message{text-align:center;color:var(--text-muted);padding:40px}.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{border-bottom:1px solid var(--border-color);margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.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{color:var(--text-primary);font-size:14px;font-weight:500}.trigger-type-option small{color:var(--text-muted);text-align:center;font-size:12px}.form-hint code{background:var(--bg-tertiary);border-radius:3px;padding:1px 6px;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{align-items:stretch;gap:8px;margin-top:10px;display:flex}.webhook-url{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;padding:8px 10px;overflow:hidden}.webhook-url code{color:var(--text-secondary);word-break:break-all;font-size:11px}.btn-copy-curl{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.btn-copy-curl:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.event-info{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:12px;display:flex}.event-info svg{color:var(--accent-warning);flex-shrink:0}.schedule-info{color:var(--text-secondary);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.schedule-info code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px}.stat-item.success{color:#10b981}.stat-item.failed{color:#ef4444}.status-badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:500}.status-badge.enabled{color:#10b981;background:#10b98126}.status-badge.disabled{color:#ef4444;background:#ef444426}.checkbox-row{align-items:center;gap:10px;display:flex}.checkbox-row input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-primary)}.checkbox-label{color:var(--text-secondary);cursor:pointer;margin:0;font-size:13px;font-weight:400}.trigger-type-selector{gap:12px;margin-bottom:20px;display:flex}.trigger-type-option{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;display:flex}.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{color:var(--text-primary);font-size:14px;font-weight:600}.trigger-type-desc{color:var(--text-muted);text-align:center;font-size:11px}.schedule-config{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:16px;padding:16px}.schedule-preview{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:12px;display:flex}.schedule-preview code{background:var(--bg-primary);border-radius:var(--radius-sm);padding:2px 8px;font-family:monospace}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}input[type=time]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;font-size:14px}input[type=time]:focus{border-color:var(--accent-primary);outline:none}input[type=date]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;font-size:14px}input[type=date]:focus{border-color:var(--accent-primary);outline:none}.schedule-cron-preview{color:var(--text-muted);align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.schedule-cron-preview code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px;font-family:monospace}.triggers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid;overflow:visible!important}.tools-container{flex-direction:column;gap:16px;display:flex}.tools-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.category-header{cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:16px 20px;display:flex}.category-header:hover{background:var(--bg-tertiary)}.category-icon{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.category-icon.mcp{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.category-name{text-align:left;color:var(--text-primary);flex:1;font-size:16px;font-weight:600}.category-count{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 10px;font-size:12px}.tools-list{flex-direction:column;gap:8px;display:flex}.tool-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;max-width:100%;padding:12px 16px;display:flex;overflow:hidden}.tool-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow-color)}.tool-card-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:36px;min-width:36px;height:36px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card-content{flex:1;min-width:0;overflow:hidden}.tool-card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.tool-card-header h4{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin:0;font-size:14px;font-weight:600;overflow:hidden}.tool-badge{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.tool-badge.approval{color:#f59e0b;background:#f59e0b26}.tool-card-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.tool-usage{color:var(--text-muted);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:inline-flex}.mcp-servers-list{flex-direction:column;gap:12px;padding:8px 12px 12px;display:flex}.mcp-server-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 16px;display:flex}.mcp-server-header svg{color:#8b5cf6;flex-shrink:0}.mcp-server-url{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:13px;overflow:hidden}.btn-icon-small{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:4px}.btn-icon-small:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-icon-small.danger:hover{color:#ef4444;background:#ef444426}.mcp-tools-list{flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.mcp-tool-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.mcp-tool-item svg{color:#8b5cf6}.mcp-tool-desc{color:var(--text-muted);margin-left:4px}.mcp-preview{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:16px;padding:12px}.mcp-preview h4{color:var(--text-primary);margin:0 0 10px;font-size:13px}.mcp-preview-list{flex-wrap:wrap;gap:6px;display:flex}.mcp-preview-item{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.mcp-preview-item svg{color:#8b5cf6}.tool-details-modal{max-width:600px}.tool-detail-section{margin-bottom:20px}.tool-detail-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:13px;font-weight:600}.tool-detail-section p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}.tool-approval-notice{border-radius:var(--radius-md);color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.tool-parameters{position:relative}.tool-parameters pre{background:var(--bg-tertiary);border-radius:var(--radius-md);max-height:200px;margin:0;padding:12px;font-size:12px;overflow-x:auto}.tool-parameters .btn-sm{position:absolute;top:8px;right:8px}.tool-agents-list{flex-wrap:wrap;gap:8px;display:flex}.tool-agent-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.tool-agent-item svg{color:var(--accent-primary)}.tool-code-example{position:relative}.tool-code-example pre{background:var(--bg-tertiary);border-radius:var(--radius-md);margin:0;padding:12px;font-size:12px;overflow-x:auto}.tool-code-example .btn-sm{position:absolute;top:8px;right:8px}.btn-sm{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;font-size:12px;line-height:1;display:inline-flex}.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{color:#10b981;background:#10b98126}.tool-card-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.tool-card-arrow{color:var(--text-tertiary);flex-shrink:0}.empty-category{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.empty-category p{margin:0;font-size:14px}.empty-actions{gap:12px;margin-top:8px;display:flex}.tool-form-modal{width:90%;max-width:700px}.tool-form-modal .modal-body{max-height:70vh;overflow-y:auto}.code-editor{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;-moz-tab-size:4;tab-size:4;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.code-editor:focus{border-color:var(--accent-primary);outline:none}.code-editor.error{border-color:#ef4444}.form-error{color:#ef4444;margin-top:4px;font-size:12px;display:block}input.error,textarea.error{border-color:#ef4444}.test-tool-description{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);margin:0 0 20px;padding:12px;font-size:14px}.test-params h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.test-params .form-group label{align-items:center;gap:8px;display:flex}.test-params .required{color:#ef4444}.param-type{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:400}.no-params{text-align:center;color:var(--text-muted);padding:20px;font-style:italic}.test-result{border-radius:var(--radius-md);margin-top:20px;overflow:hidden}.test-result h4{text-transform:uppercase;letter-spacing:.5px;margin:0;padding:10px 14px;font-size:12px;font-weight:600}.test-result pre{max-height:200px;margin:0;padding:14px;font-size:13px;overflow:auto}.test-result.success{border:1px solid #10b9814d}.test-result.success h4{color:#10b981;background:#10b98126}.test-result.success pre{background:var(--bg-tertiary)}.test-result.error{border:1px solid #ef44444d}.test-result.error h4{color:#ef4444;background:#ef444426}.test-result.error pre{background:var(--bg-tertiary);color:#ef4444}.tool-code-block{position:relative}.tool-code-block pre{background:var(--bg-tertiary);border-radius:var(--radius-md);max-height:300px;margin:0;padding:14px;font-size:12px;overflow:auto}.tool-code-block .btn-sm{position:absolute;top:8px;right:8px}.test-params-header h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:600}.btn-link{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.mcp-server-url-detail{background:var(--bg-tertiary);border-radius:var(--radius-sm);word-break:break-all;padding:8px 12px;font-family:monospace;font-size:13px}.mcp-category{border:2px solid #8b5cf6}.mcp-section-content{padding:12px}.mcp-add-row{margin-bottom:12px}.mcp-servers-grid{flex-direction:column;gap:12px;display:flex}.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{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.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-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mcp-server-name{color:var(--text-primary);font-size:14px;font-weight:600}.mcp-server-url{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:12px;overflow:hidden}.mcp-server-actions{align-items:center;gap:4px;display:flex}.mcp-server-tools{border-top:1px solid var(--border-color);background:var(--bg-tertiary);padding:12px 16px}.mcp-error{border-radius:var(--radius-sm);color:#ef4444;background:#ef44441a;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:12px;display:flex}.mcp-tools-grid{flex-wrap:wrap;gap:8px;display:flex}.mcp-tool-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.mcp-tool-chip:hover{background:var(--bg-primary);color:var(--text-primary);border-color:#8b5cf6}.mcp-tool-chip svg{color:#8b5cf6}.mcp-tool-test{width:18px;height:18px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;display:flex}.mcp-tool-test:hover{color:#8b5cf6;background:#8b5cf633}.mcp-no-tools{color:var(--text-muted);margin:0;font-size:13px;font-style:italic}.mcp-form-modal{max-width:550px}.form-error-box{border-radius:var(--radius-md);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.mcp-preview{border-radius:var(--radius-md);background:#10b9811a;border:1px solid #10b9814d;margin-top:16px;padding:12px}.mcp-preview h4{color:#10b981;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.mcp-preview-list{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.mcp-preview-item{background:var(--bg-primary);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:8px;display:flex}.mcp-preview-item svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.mcp-preview-name{color:var(--text-primary);font-size:13px;font-weight:500}.mcp-preview-desc{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.test-tool-modal{max-width:600px}.test-params-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.test-params-header h4{color:var(--text-muted);text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.btn-link{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:12px;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{color:var(--text-tertiary);margin-top:4px;font-family:monospace;font-size:11px}.test-tool-id{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.test-tool-id code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px;font-family:monospace}.tool-id-display{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:6px 12px;font-family:monospace;font-size:13px;display:inline-block}.mcp-server-header{background:var(--bg-secondary);border-radius:var(--radius-md);cursor:default;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mcp-server-header-left{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.mcp-server-actions{gap:4px;display:flex}.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{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:400px;display:grid;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{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mcp-server-card .mcp-server-header-left{cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.mcp-server-card .mcp-server-info{flex-direction:column;gap:2px;display:flex}.mcp-server-card .mcp-server-name{font-size:14px;font-weight:600}.mcp-server-card .mcp-server-url{color:var(--text-tertiary);font-family:monospace;font-size:12px}.mcp-server-card .mcp-server-tool-count{color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px}.mcp-server-card .mcp-server-actions{gap:4px;display:flex}.mcp-server-card .tools-list{flex-direction:column;gap:8px;padding:8px;display:flex}.mcp-server-card .tool-card{background:var(--bg-primary);margin:0}.alert-modal-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.alert-modal-actions .btn-danger{color:#fff;background:#ef4444;border:none}.alert-modal-actions .btn-danger:hover{background:#dc2626}.memory-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;display:grid}@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);flex-direction:column;max-height:calc(100vh - 200px);display:flex}.memory-panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.memory-panel-title{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.memory-panel-title svg{color:var(--accent-primary)}.count-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:500}.memory-panel-desc{color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin:0;padding:12px 20px;font-size:13px}.memory-panel-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px;padding:12px 20px;display:flex}.memory-panel-toolbar select,.memory-select-button{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);width:100%;padding:8px 12px;font-size:14px}.memory-select{flex:100%;position:relative}.memory-select-button{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.memory-select-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.memory-select-actions{color:var(--text-tertiary);align-items:center;gap:6px;display:inline-flex}.memory-select-clear{width:18px;height:18px;color:var(--text-tertiary);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.memory-select-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.memory-select-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--shadow-color);z-index:20;max-height:240px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.memory-select-search{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;display:flex}.memory-select-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.memory-select-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;padding:8px 10px;font-size:13px}.memory-select-item:hover{background:var(--bg-tertiary)}.memory-select-empty{color:var(--text-tertiary);text-align:center;padding:10px;font-size:12px}.memory-search{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex}.memory-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.memory-search svg{color:var(--text-tertiary)}.memory-search button{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:2px}.memory-list{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.memory-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.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);cursor:pointer;transition:all var(--transition-fast);padding:12px 14px}.memory-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px var(--shadow-color)}.memory-card-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.memory-card-top svg{color:var(--accent-primary)}.memory-card-label{color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600}.memory-card-desc{color:var(--text-secondary);margin:0 0 6px;font-size:12px}.memory-card-value{color:var(--text-primary);background:var(--bg-tertiary);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-family:monospace;font-size:12px;overflow:hidden}.memory-card-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.memory-card-date{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;display:flex}.memory-card-btns{gap:4px;display:flex}.memory-card-btns button{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 6px}.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{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:14px;display:flex}.form-info-box svg{color:var(--accent-primary)}.detail-row{margin-bottom:16px}.detail-row label{color:var(--text-tertiary);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.detail-row p{margin:0;font-size:14px}.memory-value-display{white-space:pre-wrap;word-break:break-word;background:var(--bg-tertiary);border-radius:var(--radius-md);max-height:300px;margin:0;padding:12px;font-family:monospace;font-size:13px;line-height:1.6;overflow:auto}.detail-meta-row{border-top:1px solid var(--border-color);gap:32px;padding-top:16px;display:flex}.detail-meta-row>div{flex-direction:column;gap:4px;display:flex}.detail-meta-row label{color:var(--text-tertiary);text-transform:uppercase;font-size:10px;font-weight:600}.detail-meta-row span{color:var(--text-primary);font-size:13px}.memory-toolbar{gap:8px;margin-bottom:12px;display:flex}.agent-memory-list{flex-direction:column;gap:10px;display:flex}.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{align-items:center;gap:8px;margin-bottom:8px;display:flex}.agent-memory-block .memory-block-header svg:first-child{color:var(--accent-primary)}.agent-memory-block .memory-block-label{flex:1;font-family:monospace;font-size:14px;font-weight:600}.agent-memory-block .memory-block-btns{gap:4px;display:flex}.agent-memory-block .memory-block-btns button{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px}.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{color:var(--text-secondary);margin:0 0 8px;font-size:12px}.agent-memory-block .memory-block-value{background:var(--bg-primary);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:150px;padding:10px;font-family:monospace;font-size:12px;overflow:auto}.memory-block-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px;display:flex}.memory-block-form input,.memory-block-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:8px 10px;font-size:14px}.memory-block-form textarea{resize:vertical;font-family:monospace}.memory-block-form .memory-block-label{color:var(--text-primary);align-items:center;gap:6px;font-family:monospace;font-weight:600;display:flex}.memory-block-form .memory-block-actions{justify-content:flex-end;gap:8px;display:flex}.sidebar-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sidebar-card-header h4{align-items:center;gap:8px;margin:0;display:flex}.team-memory-list{flex-direction:column;gap:8px;display:flex}.team-memory-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:10px}.team-memory-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.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{color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:60px;padding:6px 8px;font-family:monospace;font-size:11px;overflow:auto}.team-memory-form{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-direction:column;gap:8px;margin-bottom:8px;padding:10px;display:flex}.team-memory-form input,.team-memory-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:6px 8px;font-size:12px}.team-memory-form textarea{resize:vertical;font-family:monospace}.team-memory-form-actions{justify-content:flex-end;gap:6px;display:flex}.btn-icon-tiny{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.btn-icon-tiny.danger:hover{background:var(--danger-bg);color:var(--danger)}.form-section h3{align-items:center;gap:8px;display:flex}.form-section h3 svg{color:var(--accent-primary)}.checkbox-label{cursor:pointer;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-primary)}.checkbox-label+.form-hint{margin-top:6px;margin-left:28px}.agent-memory-badge{border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent-primary);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:flex}.agent-memory-badge svg{flex-shrink:0}.memory-config-info{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:12px 20px}.config-badges{flex-wrap:wrap;gap:8px;display:flex}.config-badge{border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-tertiary);border:1px solid var(--border-color);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.config-badge.active{background:var(--success-bg);color:var(--success);border-color:var(--success)}.persistent-context-preview{margin-top:10px}.persistent-context-preview label{color:var(--text-tertiary);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.persistent-context-preview .context-text{color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-color);max-height:60px;padding:8px 10px;font-size:12px;overflow:auto}.sidebar-hint{color:var(--text-tertiary);margin:0 0 10px;font-size:11px}.memory-add-form{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.memory-add-form .memory-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);padding:6px 10px;font-size:12px}.memory-add-form .btn-sm{align-self:flex-end}.memory-blocks-list{flex-direction:column;gap:6px;display:flex}.memory-block-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 10px;display:flex}.memory-block-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.memory-block-item .memory-block-label{color:var(--text-primary);font-family:monospace;font-size:12px;font-weight:600}.memory-block-item .memory-block-value{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.memory-panel code{font-family:Fira Mono,Consolas,monospace}.memory-panel table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.memory-panel table td{vertical-align:middle;border-bottom:1px solid var(--border-color);padding:10px 12px}.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{grid-template-columns:380px 1fr;gap:24px;height:calc(100vh - 320px);min-height:400px;margin-top:20px;display:grid}@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);flex-direction:column;display:flex;overflow:hidden}.sessions-panel-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.sessions-panel-title{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.sessions-panel-title svg{color:var(--accent-primary)}.sessions-panel-filters{border-bottom:1px solid var(--border-color);gap:8px;padding:12px 16px;display:flex}.sessions-panel-filters select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);flex:1;padding:8px 12px;font-size:13px}.sessions-panel-search{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:8px;margin:12px 16px;padding:8px 12px;display:flex}.sessions-panel-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.sessions-panel-search svg{color:var(--text-tertiary)}.sessions-panel-search button{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;padding:2px}.sessions-list{flex:1;padding:8px 12px;overflow-y:auto}.sessions-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.session-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px;display:flex;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{background:var(--bg-tertiary);width:36px;height:36px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.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{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.session-item-name{color:var(--text-primary);font-size:14px;font-weight:600}.session-item-time{color:var(--text-tertiary);font-size:11px}.session-item-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:13px;overflow:hidden}.session-item-meta{color:var(--text-tertiary);align-items:center;gap:12px;font-size:11px;display:flex}.session-type-badge{border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.session-type-badge.agent{color:#10b981;background:#10b98115}.session-type-badge.team{color:#3b82f6;background:#3b82f615}.session-type-badge.trigger{color:#8b5cf6;background:#8b5cf615}.session-type-badge.network{color:#f59e0b;background:#f59e0b15}.session-item-delete{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);background:0 0;border:none;padding:6px;position:absolute;top:10px;right:10px}.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);flex-direction:column;display:flex;overflow:hidden}.chat-empty{color:var(--text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-empty h3{color:var(--text-secondary);margin:0;font-size:18px}.chat-empty p{margin:0}.chat-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header-info{align-items:center;gap:12px;display:flex}.chat-header-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.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{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.chat-header-date{color:var(--text-tertiary)}.chat-header-title-section{flex-direction:column;gap:4px;display:flex}.chat-title-display{align-items:center;gap:8px;display:flex}.chat-title-display h3{margin:0;font-size:16px}.btn-icon-tiny{cursor:pointer;color:var(--text-tertiary);opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;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{align-items:center;gap:4px;display:flex}.chat-title-input{border:1px solid var(--primary);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;outline:none;min-width:200px;padding:4px 8px;font-size:16px;font-weight:600}.btn-icon.small{padding:4px}.btn-icon.active{background:var(--primary);color:#fff;border-color:var(--primary)}.files-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-4px;right:-4px}.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{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}.files-panel-header h4{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.files-panel-content{padding:8px 16px}.files-loading,.files-empty{color:var(--text-secondary);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.files-list{flex-direction:column;gap:4px;display:flex}.file-item{background:var(--bg-secondary);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.file-item svg{color:var(--text-secondary);flex-shrink:0}.file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-size{color:var(--text-tertiary);font-size:11px}.chat-header-actions{gap:4px;display:flex}.chat-header-actions .btn-icon{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);padding:8px}.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-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow:hidden auto}.chat-messages-empty{color:var(--text-tertiary);flex:1;justify-content:center;align-items:center;display:flex}.chat-msg{gap:12px;min-width:0;max-width:80%;display:flex}.chat-msg.user{flex-direction:row-reverse;align-self:flex-end}.chat-msg.assistant{align-self:flex-start;width:100%;min-width:0;max-width:80%}.chat-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.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);border:1px solid var(--border-color);flex:1;min-width:0;max-width:100%;padding:12px 16px;overflow:hidden}.chat-msg-body pre{white-space:pre;max-width:100%;overflow-x:auto}.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{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.chat-msg-author{font-size:12px;font-weight:600}.chat-msg-time{opacity:.7;font-size:10px}.chat-msg-content{white-space:pre-wrap;word-break:break-word;max-width:100%;font-size:14px;line-height:1.5;overflow-x:hidden}.chat-msg-content pre{white-space:pre;word-break:normal;max-width:100%;overflow-x:auto}.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{gap:12px;padding:16px 20px;display:flex}.chat-input-row input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;flex:1;padding:14px 18px;font-size:14px}.chat-input-row input:focus{border-color:var(--primary);outline:none}.btn-send{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:14px 24px;transition:background .2s;display:flex}.btn-send:hover:not(:disabled){background:var(--primary-hover)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.attachments-section{border-top:1px solid var(--border-color);background:var(--bg-tertiary);padding:12px 20px 16px}.attachments-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.attachments-header>span{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.btn-upload-link{color:var(--primary);cursor:pointer;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.btn-upload-link:hover{text-decoration:underline}.attachments-loading,.attachments-empty{color:var(--text-tertiary);padding:8px 0;font-size:12px}.attachments-loading{align-items:center;gap:6px;display:flex}.attachments-list{flex-direction:column;gap:6px;display:flex}.attachment-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.attachment-item>svg{color:var(--text-tertiary);flex-shrink:0}.attachment-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attachment-size{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.attachment-delete{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .2s;display:flex}.attachment-delete:hover{background:var(--danger-bg);color:var(--danger)}.stats-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px;display:grid}@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{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.stat-icon{border-radius:var(--radius-md);background:var(--accent-bg);width:42px;height:42px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-content{flex:1;min-width:0}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:13px;font-weight:500}.stat-detail{color:var(--text-tertiary);margin-top:4px;font-size:11px}.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);border-radius:6px;margin:8px 0;padding:12px;overflow-x:auto}.markdown-content code{background:var(--bg-tertiary,#1e1e1e);border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,monospace;font-size:.9em}.markdown-content pre code{background:0 0;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);color:var(--text-secondary,#888);margin:8px 0;padding-left:12px}.analytics-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:4px;width:fit-content;margin-top:20px;padding:4px;display:flex}.analytics-tabs .tab-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.analytics-tabs .tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.analytics-tabs .tab-btn.active{background:var(--accent-primary);color:#fff}.analytics-content{margin-top:20px}.analytics-loading{min-height:400px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.metrics-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}@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{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.metric-icon{border-radius:var(--radius-md);background:var(--accent-bg);width:42px;height:42px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.metric-content{flex:1}.metric-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.metric-label{color:var(--text-secondary);margin-top:2px;font-size:13px}.stat-change{align-items:center;gap:4px;margin-top:4px;font-size:12px;display:inline-flex}.percentiles-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:24px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.percentiles-bar>span:first-child{color:var(--text-secondary);font-weight:600}.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);margin-bottom:24px;padding:20px}.chart-container h3{margin:0 0 16px;font-size:16px;font-weight:600}.chart-container.half{flex:1}.charts-row{gap:24px;margin-bottom:24px;display:flex}@media (max-width:1024px){.charts-row{flex-direction:column}}.no-data{height:200px;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:14px;display:flex}.period-selector{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.period-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 12px;font-size:12px;font-weight:500}.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{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:13px}.data-table th{background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap;font-weight:600}.data-table td{color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-tertiary)}.agent-cell,.entity-cell{align-items:center;gap:8px;display:flex}.agent-cell svg,.entity-cell svg{color:var(--accent-primary)}.input-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden;color:var(--text-secondary)!important}.error-rate-high{font-weight:600;color:var(--danger)!important}.status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.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{gap:12px;margin-bottom:16px;display:flex}.traces-filters select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;font-size:13px}.traces-summary{text-align:center;color:var(--text-tertiary);margin-top:16px;font-size:12px}.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;margin-left:8px;font-size:12px}.portkey-disconnected{color:#f59e0b;margin-left:8px;font-size:12px}.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{border-left:3px solid var(--accent-primary);background:#6366f114!important}.traces-count{color:var(--text-tertiary);margin-left:auto;font-size:12px}.trace-detail-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:16px}.trace-detail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.trace-detail-header h3{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.btn-icon-sm{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px}.btn-icon-sm:hover{background:var(--bg-tertiary)}.trace-detail-meta{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.trace-meta-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.meta-label{color:var(--text-tertiary);min-width:80px;font-size:12px}.type-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.type-badge.agent{color:#6366f1;background:#6366f126}.type-badge.team{color:#8b5cf6;background:#8b5cf626}.trace-detail-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:12px}.trace-detail-section h4{color:var(--text-secondary);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.trace-content{background:var(--bg-primary);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-word;max-height:300px;color:var(--text-primary);border-radius:6px;margin:4px 0;padding:10px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.trace-prompt{opacity:.85;max-height:200px}.trace-result{border-left:3px solid #22c55e}.trace-error{color:#ef4444;border-left:3px solid #ef4444}.trace-error-section{background:#ef44440d;border-radius:8px;padding:12px}.tool-call-item{border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:10px}.tool-call-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-call-name{color:#8b5cf6;margin-bottom:4px;font-size:12px;font-weight:600}.team-children{flex-direction:column;gap:8px;display:flex}.team-child-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px}.child-header{align-items:center;gap:8px;font-size:13px;display:flex}.child-index{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.child-name{font-weight:600}.child-duration{color:var(--text-tertiary);margin-left:auto;font-size:12px}.child-tokens{color:var(--text-tertiary);font-size:12px}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.success{background:#22c55e}.status-dot.error{background:#ef4444}.status-dot.timeout{background:#f59e0b}.child-io{gap:8px;margin-top:6px;font-size:12px;display:flex}.child-io-label{color:var(--text-tertiary);flex-shrink:0;min-width:30px;font-weight:600}.child-io-text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:60px;font-family:SF Mono,monospace;font-size:11px;overflow:hidden}.trace-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.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 fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.animate-spin{animation:1s linear infinite spin}.visual-builder-container{transition:background .2s}.visual-builder-container.dark{--vb-bg-primary:#09090b;--vb-bg-secondary:#18181b;--vb-bg-tertiary:#27272a;--vb-bg-card:#1f1f23;--vb-border:#ffffff1a;--vb-border-strong:#ffffff26;--vb-text-primary:#fafafa;--vb-text-secondary:#a1a1aa;--vb-text-tertiary:#71717a;--vb-shadow:0 8px 24px #0006;--vb-shadow-lg:0 30px 80px #0000008c;--vb-input-bg:#27272a;--vb-hover:#3f3f46;--vb-accent:#059669;--vb-accent-hover:#047857;--vb-accent-muted:#0f3730;--vb-danger:#ef4444;--vb-danger-bg:#dc262626}.visual-builder-container.light{--vb-bg-primary:#f8fafc;--vb-bg-secondary:#fff;--vb-bg-tertiary:#f1f5f9;--vb-bg-card:#fff;--vb-border:#e2e8f0;--vb-border-strong:#cbd5e1;--vb-text-primary:#0f172a;--vb-text-secondary:#475569;--vb-text-tertiary:#94a3b8;--vb-shadow:0 8px 24px #0000001a;--vb-shadow-lg:0 30px 80px #00000026;--vb-input-bg:#f8fafc;--vb-hover:#e2e8f0;--vb-accent:#059669;--vb-accent-hover:#047857;--vb-accent-muted:#10b9811a;--vb-danger:#ef4444;--vb-danger-bg:#dc26261a}.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{color:var(--vb-text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.visual-builder-container .form-input{background:var(--vb-input-bg);border:1px solid var(--vb-border-strong);width:100%;color:var(--vb-text-primary);border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s}.visual-builder-container .form-input:focus{border-color:var(--vb-accent);outline:none}.vb-btn{background:var(--vb-bg-tertiary);cursor:pointer;color:var(--vb-text-primary);border:none;border-radius:24px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.vb-btn:hover{background:var(--vb-hover)}.vb-btn-icon{padding:12px 18px}.vb-dropdown-menu{background:var(--vb-bg-card);box-shadow:var(--vb-shadow);border-radius:16px;padding:8px}.vb-dropdown-item{background:var(--vb-bg-tertiary);cursor:pointer;color:var(--vb-text-primary);text-align:left;border:none;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.vb-dropdown-item:hover{background:var(--vb-hover)}.vb-input{background:var(--vb-bg-tertiary);width:100%;color:var(--vb-text-primary);box-sizing:border-box;border:none;border-radius:10px;outline:none;padding:10px 12px;font-size:13px}.vb-input::placeholder{color:var(--vb-text-tertiary)}.vb-label{color:var(--vb-text-tertiary);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.vb-tag{background:var(--vb-bg-tertiary);cursor:pointer;color:var(--vb-text-primary);border:none;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:500;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);box-shadow:var(--vb-shadow);border-radius:16px}.vb-node-panel{border:1px solid var(--vb-border);box-shadow:var(--vb-shadow-lg);-webkit-backdrop-filter:blur(20px);background:#ffffff05;border-radius:28px}.vb-play-panel{-webkit-backdrop-filter:blur(16px);background:#0a0a0aa6;border:1px solid #3f3f464d;border-radius:12px}.visual-builder-container.light .vb-play-panel{border:1px solid var(--vb-border);background:#ffffffd9}.vb-icon-btn{cursor:pointer;color:var(--vb-text-tertiary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.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{background:var(--vb-bg-tertiary);cursor:pointer;color:var(--vb-text-primary);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.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{background:var(--vb-bg-tertiary);border-radius:10px;margin-bottom:6px;padding:10px}.vb-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.vb-dialog{background:var(--vb-bg-secondary);width:400px;box-shadow:var(--vb-shadow-lg);border:1px solid var(--vb-border);border-radius:12px;padding:24px}.vb-dialog-title{color:var(--vb-text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.vb-theme-toggle{background:var(--vb-bg-tertiary);border:1px solid var(--vb-border-strong);cursor:pointer;width:40px;height:40px;color:var(--vb-text-secondary);box-shadow:var(--vb-shadow);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.vb-theme-toggle:hover{background:var(--vb-hover);color:var(--vb-text-primary)}.vb-play-btn{background:var(--vb-accent);cursor:pointer;color:#fff;border:none;border-radius:24px;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.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{background:var(--vb-bg-tertiary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.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 #3f3f4680;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);background:var(--vb-bg-secondary);cursor:pointer;border-radius:8px;padding:24px 16px;transition:all .2s}.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:3px!important}.react-flow__edge:hover .react-flow__edge-path{stroke-width:2px!important}.react-flow__edge-textwrapper{pointer-events:all}@keyframes flowAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20px}}.react-flow__edge-path[style*=strokeDasharray]{animation:1s linear infinite flowAnimation}@keyframes flowingDots{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.react-flow__edge.pulsing-edge .react-flow__edge-path{stroke-dasharray:6 6;animation:.6s linear infinite flowingDots;stroke:#10b981!important;stroke-width:2px!important}.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{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;right:-20px}@keyframes loopRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edge-type-indicator{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.edge-type-sync{color:#9ca3af;background:#9ca3af20}.edge-type-async{color:#8b5cf6;background:#8b5cf620}.edge-type-stream{color:#3b82f6;background:#3b82f620}.edge-type-broadcast{color:#ef4444;background:#ef444420}.react-flow__handle-top,.react-flow__handle-bottom{pointer-events:none!important;visibility:hidden!important;display:none!important}.react-flow__node-customLoop .react-flow__handle-bottom{pointer-events:auto!important;visibility:visible!important;display:block!important}.login-container{background:linear-gradient(135deg,var(--bg-primary,#0f172a) 0%,var(--bg-secondary,#1e293b) 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-secondary,#1e293b);border:1px solid var(--border-color,#334155);border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 40px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--text-primary,#f8fafc);margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:var(--text-secondary,#94a3b8);font-size:14px}.login-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.login-form{flex-direction:column;gap:20px;display:flex}.login-form .form-group{flex-direction:column;gap:8px;display:flex}.login-form label{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.login-form input{border:1px solid var(--border-color,#334155);background:var(--bg-primary,#0f172a);color:var(--text-primary,#f8fafc);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.login-form input:focus{border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);outline:none}.password-input{display:flex;position:relative}.password-input input{flex:1;padding-right:44px}.password-input button,.password-toggle{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary,#f8fafc)}.login-button{background:var(--accent-color,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){background:var(--accent-hover,#2563eb);transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-spinner.large{border-width:3px;width:40px;height:40px}.login-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color,#334155);flex:1;height:1px}.login-divider span{color:var(--text-secondary,#94a3b8);font-size:13px}.oauth-buttons{flex-direction:column;gap:12px;display:flex}.oauth-button{border:1px solid var(--border-color,#334155);background:var(--bg-primary,#0f172a);color:var(--text-primary,#f8fafc);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.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{color:var(--accent-color,#3b82f6);cursor:pointer;background:0 0;border:none;font-weight:600}.login-footer button:hover{text-decoration:underline}.app-loading{min-height:100vh;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.main-header{background:var(--bg-secondary,#1e293b);border-bottom:1px solid var(--border-color,#334155);justify-content:space-between;align-items:center;min-height:60px;padding:12px 24px;display:flex}.header-spacer{flex:1}.user-menu-container{position:relative}.user-menu-trigger{background:var(--bg-primary,#0f172a);border:1px solid var(--border-color,#334155);cursor:pointer;border-radius:24px;align-items:center;gap:10px;padding:6px 12px;transition:all .2s;display:flex}.user-menu-trigger:hover{background:var(--bg-hover,#334155)}.user-avatar-small{background:var(--accent-color,#3b82f6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-menu-trigger .user-name{color:var(--text-primary,#f8fafc);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:14px;font-weight:500;overflow:hidden}.user-menu-backdrop{z-index:99;position:fixed;top:0;right:0;bottom:0;left:0}.user-menu-dropdown{background:var(--bg-secondary,#1e293b);border:1px solid var(--border-color,#334155);z-index:100;border-radius:12px;width:280px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.user-menu-header{background:var(--bg-primary,#0f172a);align-items:center;gap:12px;padding:16px;display:flex}.user-avatar-large{background:var(--accent-color,#3b82f6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex}.user-details{flex-direction:column;gap:2px;display:flex}.user-display-name{color:var(--text-primary,#f8fafc);font-weight:600}.user-email{color:var(--text-secondary,#94a3b8);font-size:12px}.user-role-badge{text-transform:uppercase;border-radius:10px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.user-role-badge.admin{color:#ef4444;background:#ef44441a}.user-role-badge.user{color:#22c55e;background:#22c55e1a}.user-role-badge.viewer{color:#3b82f6;background:#3b82f61a}.user-menu-divider{background:var(--border-color,#334155);height:1px}.user-menu-item{width:100%;color:var(--text-primary,#f8fafc);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.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;padding:24px;overflow:auto}.access-denied{min-height:400px;color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.access-denied svg{color:#ef4444;opacity:.5}.access-denied h2{color:var(--text-primary,#f8fafc)}.admin-view{flex-direction:column;gap:24px;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg-secondary,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{background:var(--bg-primary,#0f172a);width:48px;height:48px;color:var(--text-secondary,#94a3b8);border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-icon.active{color:#22c55e;background:#22c55e1a}.stat-icon.admin{color:#ef4444;background:#ef44441a}.stat-icon.oauth{color:#3b82f6;background:#3b82f61a}.stat-content{flex-direction:column;display:flex}.stat-value{color:var(--text-primary,#f8fafc);font-size:24px;font-weight:700}.stat-label{color:var(--text-secondary,#94a3b8);font-size:13px}.admin-filters{background:var(--bg-secondary,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;flex-direction:row;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.search-box{flex:1;align-items:center;max-width:300px;display:flex;position:relative}.search-box svg{width:18px;height:18px;color:var(--text-secondary,#94a3b8);pointer-events:none;position:absolute;left:12px}.search-box input{background:var(--bg-primary,#0f172a);border:1px solid var(--border-color,#334155);width:100%;height:40px;color:var(--text-primary,#f8fafc);border-radius:8px;outline:none;padding:0 12px 0 40px;font-size:14px;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{flex-direction:row;align-items:center;gap:12px;display:flex}.filter-group>svg{width:18px;height:18px;color:var(--text-secondary,#94a3b8);flex-shrink:0}.filter-group select{background-color:var(--bg-primary,#0f172a);border:1px solid var(--border-color,#334155);min-width:130px;height:40px;color:var(--text-primary,#f8fafc);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;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-position:right 10px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;outline:none;padding:0 36px 0 12px;font-size:14px;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{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:none;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{color:var(--text-secondary,#94a3b8);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state svg{opacity:.3}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;background:var(--bg-primary,#0f172a);color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color,#334155);padding:14px 16px;font-size:12px;font-weight:600}.users-table td{border-bottom:1px solid var(--border-color,#334155);padding:14px 16px}.users-table tr:last-child td{border-bottom:none}.users-table tr.inactive{opacity:.6}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--accent-color,#3b82f6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-info .user-name{color:var(--text-primary,#f8fafc);font-weight:500}.user-info .user-email{color:var(--text-secondary,#94a3b8);font-size:12px}.role-badge{text-transform:capitalize;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.role-badge.admin{color:#ef4444;background:#ef44441a}.role-badge.user{color:#22c55e;background:#22c55e1a}.role-badge.viewer{color:#3b82f6;background:#3b82f61a}.role-icon{opacity:.7}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active{color:#22c55e;background:#22c55e1a}.status-badge.inactive{color:#9ca3af;background:#9ca3af1a}.provider-badge{background:var(--bg-primary,#0f172a);color:var(--text-secondary,#94a3b8);text-transform:capitalize;border-radius:6px;padding:4px 10px;font-size:12px;display:inline-block}.action-buttons{align-items:center;gap:8px;display:flex}.action-btn{background:var(--bg-primary,#0f172a);border:1px solid var(--border-color,#334155);width:32px;height:32px;color:var(--text-secondary,#94a3b8);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){background:var(--bg-hover,#334155);color:var(--text-primary,#f8fafc)}.action-btn.danger:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef4444}.action-btn:disabled{opacity:.4;cursor:not-allowed}.pagination{justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.pagination button{background:var(--bg-secondary,#1e293b);border:1px solid var(--border-color,#334155);color:var(--text-primary,#f8fafc);cursor:pointer;border-radius:6px;padding:8px 16px;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{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.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{border-bottom:1px solid var(--border-color,#334155);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary,#f8fafc);font-size:18px;font-weight:600}.close-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.close-btn:hover{color:var(--text-primary,#f8fafc)}.modal-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin:16px 24px 0;padding:12px 16px;font-size:14px}.user-form-modal form{flex-direction:column;gap:20px;padding:24px;display:flex}.user-form-modal .form-group{flex-direction:column;gap:8px;display:flex}.user-form-modal .form-group.checkbox{flex-direction:row;align-items:center}.user-form-modal .form-group.checkbox label{cursor:pointer;align-items:center;gap:8px;display:flex}.user-form-modal .form-group.checkbox input{cursor:pointer;width:18px;height:18px}.user-form-modal label{color:var(--text-secondary,#94a3b8);font-size:14px;font-weight:500}.user-form-modal input,.user-form-modal select{background:var(--bg-primary,#0f172a);border:1px solid var(--border-color,#334155);color:var(--text-primary,#f8fafc);border-radius:8px;padding:12px 14px;font-size:14px}.user-form-modal input:focus,.user-form-modal select:focus{border-color:var(--accent-color,#3b82f6);outline:none}.user-form-modal input:disabled{opacity:.6;cursor:not-allowed}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.delete-confirm-modal{text-align:center;padding:24px}.delete-confirm-modal h3{color:var(--text-primary,#f8fafc);margin-bottom:16px}.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{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.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{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn:disabled{opacity:.6;cursor:not-allowed}.nav-separator{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px 8px;font-size:11px;font-weight:600}.nav-separator-collapsed{background:var(--border-color,#334155);height:1px;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{border-top:1px solid var(--border-color,#334155);flex-direction:column;gap:8px;margin-top:auto;padding:12px;display:flex}.sidebar-footer-btn{width:100%;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.sidebar-footer-btn:hover{background:var(--bg-hover,#334155);color:var(--text-primary,#f8fafc)}.sidebar-user{background:var(--bg-primary,#0f172a);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.sidebar-user.collapsed{background:0 0;justify-content:center;padding:8px}.sidebar-user.collapsed .sidebar-user-avatar{cursor:pointer}.sidebar-user-avatar{background:var(--accent-color,#3b82f6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-user-name{color:var(--text-primary,#f8fafc);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sidebar-user-role{color:var(--text-secondary,#94a3b8);text-transform:capitalize;font-size:12px}.sidebar-logout-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:8px;transition:all .2s}.sidebar-logout-btn:hover{color:#ef4444;background:#ef44441a}.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{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:4px;margin-bottom:24px;padding:4px;display:flex}.settings-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.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{flex-direction:column;gap:16px;display:flex}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-section-header h2{margin:0;font-size:20px;font-weight:600}.settings-section-header p{margin:4px 0 0;font-size:14px}.settings-gateway-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.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{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-card-header h3{margin:0;font-size:15px;font-weight:600}.settings-card-body{padding:20px}.settings-alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.settings-alert.error{color:var(--color-error,#ef4444);background:#ef444414;border:1px solid #ef444433}.settings-alert.success{color:var(--color-success,#22c55e);background:#22c55e14;border:1px solid #22c55e33}.settings-alert button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;display:flex}.settings-alert button:hover{opacity:1}.settings-provider-grid{flex-wrap:wrap;gap:6px;display:flex}.settings-provider-btn{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.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{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.settings-card .form-group input:not([type=checkbox]),.settings-card .form-group select,.settings-section-wrap .form-group input:not([type=checkbox]),.settings-section-wrap .form-group select{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s}.settings-card .form-group input:not([type=checkbox]):focus,.settings-card .form-group select:focus,.settings-section-wrap .form-group input:not([type=checkbox]):focus,.settings-section-wrap .form-group select:focus{border-color:var(--color-accent,var(--accent-primary))}.settings-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.settings-checkbox input[type=checkbox]{accent-color:var(--color-accent,var(--accent-primary));width:16px;height:16px}.settings-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;display:flex}.settings-form-actions .btn-ghost{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.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{gap:4px;display:flex}.settings-card .input-with-action input,.settings-section-wrap .input-with-action input{flex:1}.input-with-dropdown select{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;outline:none;padding:9px 12px;font-size:14px}.input-with-dropdown input{width:100%}.settings-card .form-row,.settings-section-wrap .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-endpoint-list{flex-direction:column;gap:8px;display:flex}.settings-endpoint-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:14px 18px;transition:all .15s;display:flex}.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{background:var(--bg-tertiary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-endpoint-info{flex:1;min-width:0}.settings-endpoint-name{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.settings-endpoint-meta{color:var(--text-secondary);margin-top:2px;font-size:12px}.settings-endpoint-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.settings-endpoint-card:hover .settings-endpoint-actions{opacity:1}.settings-endpoint-actions .btn-ghost{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.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{color:#ef4444;background:#ef44441a}.settings-keys-list{flex-direction:column;gap:8px;display:flex}.settings-key-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:14px 18px;display:flex}.settings-key-info{flex:1;min-width:0}.settings-key-name{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.settings-key-preview{color:var(--text-secondary);margin-top:2px;font-family:monospace;font-size:12px;display:block}.settings-key-display{background:var(--bg-primary);border-radius:var(--radius-md);align-items:center;gap:8px;margin-top:6px;padding:8px 12px;display:flex}.settings-key-display code{word-break:break-all;flex:1;font-size:13px}.settings-info-grid{flex-direction:column;gap:12px;display:flex}.settings-info-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.settings-info-row:last-child{border-bottom:none}.settings-info-label{color:var(--text-secondary);font-size:13px;font-weight:500}.settings-info-value{color:var(--text-primary);font-size:14px;font-weight:500}.settings-empty-state{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.settings-empty-state h3{color:var(--text-primary);margin:0;font-size:16px}.settings-empty-state p{max-width:400px;margin:0;font-size:14px}.settings-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;padding:32px;font-size:14px;display:flex}.settings-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;overflow-x:auto}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-primary{background:var(--accent-primary-bg,#3b82f626);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{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon-sm:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger-hover:hover{color:var(--color-error,#ef4444)!important}.btn-secondary{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.spin{animation:1s linear infinite settings-spin}@keyframes settings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.endpoint-selector{margin-bottom:16px}.endpoint-selector-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.endpoint-selector-trigger{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);align-items:center;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.endpoint-selector-trigger:hover{border-color:var(--border-light)}.endpoint-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.endpoint-selector-trigger .chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;transition:transform .2s}.endpoint-selector-trigger .chevron.open{transform:rotate(180deg)}.endpoint-selector-dropdown{z-index:100;background:var(--bg-elevated,var(--bg-secondary));border:1px solid var(--border-light,var(--border-color));border-radius:var(--radius-md);width:100%;max-height:280px;margin-top:4px;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #00000026}.endpoint-selector-option{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;padding:10px 14px;transition:background .1s;display:flex}.endpoint-selector-option:hover{background:var(--bg-hover)}.endpoint-selector-option.selected{background:var(--accent-primary-bg,#3b82f61a)}.endpoint-selector-footer{border-top:1px solid var(--border-color);padding:8px 14px}.endpoint-selector-footer a{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;text-decoration:none;transition:color .15s;display:flex}.endpoint-selector-footer a:hover{color:var(--color-accent,var(--accent-primary))}.endpoint-selector-loading,.endpoint-selector-error,.endpoint-selector-empty{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.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{width:100%;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:0 0;margin-top:8px;padding:8px;font-size:13px;transition:all .15s;display:block}.endpoint-selector-manual-toggle:hover{border-color:var(--text-secondary);color:var(--text-primary)}.view-header-left{align-items:center;gap:10px;display:flex}.tel-count-badge{background:var(--primary);color:#fff;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.tel-filter-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px 20px;display:flex}.tel-filter-group{flex-direction:column;gap:4px;display:flex}.tel-filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.tel-filter-group select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.tel-duration-input{border:1px solid var(--border-color);background:var(--bg-primary);width:90px;color:var(--text-primary);border-radius:6px;padding:6px 10px;font-size:13px}.tel-duration-input::placeholder{color:var(--text-secondary)}.tel-error-banner{color:#b91c1c;background:#fee2e2;border-bottom:1px solid #fca5a5;align-items:center;gap:8px;padding:10px 20px;font-size:13px;display:flex}.tel-table-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:600;display:flex}.tel-col-time{flex-shrink:0;width:80px}.tel-col-method{flex-shrink:0;width:58px}.tel-col-http{flex-shrink:0;width:40px}.tel-col-name{flex:1;min-width:0}.tel-col-bar{flex-shrink:0;width:140px}.tel-col-dur{text-align:right;flex-shrink:0;width:60px}.tel-col-status{flex-shrink:0;width:72px}.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{cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.tel-expand-icon{color:var(--text-secondary);flex-shrink:0;align-items:center;display:flex}.tel-time{width:80px;color:var(--text-secondary);flex-shrink:0;font-family:monospace;font-size:12px}.tel-method{text-align:center;border-radius:3px;flex-shrink:0;width:58px;padding:2px 5px;font-family:monospace;font-size:10px;font-weight:700}.tel-method-get{color:#1d4ed8;background:#dbeafe}.tel-method-post{color:#15803d;background:#dcfce7}.tel-method-put{color:#a16207;background:#fef9c3}.tel-method-patch{color:#b45309;background:#fef3c7}.tel-method-delete{color:#b91c1c;background:#fee2e2}[data-theme=dark] .tel-method-get{color:#93c5fd;background:#1e3a5f}[data-theme=dark] .tel-method-post{color:#86efac;background:#14532d}[data-theme=dark] .tel-method-put{color:#fcd34d;background:#422006}[data-theme=dark] .tel-method-patch{color:#fbbf24;background:#431407}[data-theme=dark] .tel-method-delete{color:#fca5a5;background:#450a0a}.tel-http-status{flex-shrink:0;width:40px;font-family:monospace;font-size:11px;font-weight:600}.tel-http-2xx{color:#16a34a}.tel-http-4xx{color:#dc2626}.tel-http-5xx{color:#9f1239}.tel-span-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-primary);flex:1;overflow:hidden}.tel-bar-track{background:var(--border-color);border-radius:3px;flex-shrink:0;width:140px;height:6px;overflow:hidden}.tel-bar-fill{background:#3b82f6;border-radius:3px;height:100%}.tel-duration{text-align:right;width:60px;color:var(--text-secondary);flex-shrink:0;font-family:monospace;font-size:12px}.tel-status-ok{color:#16a34a;flex-shrink:0;align-items:center;gap:4px;width:72px;font-size:12px;font-weight:500;display:flex}.tel-status-error{color:#dc2626;flex-shrink:0;align-items:center;gap:4px;width:72px;font-size:12px;font-weight:500;display:flex}.tel-span-detail{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:10px 14px 14px 36px;font-size:12px}.tel-detail-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:10px 0 4px;font-size:10px;font-weight:700}.tel-detail-row{border-bottom:1px solid var(--border-color);gap:12px;padding:3px 0;display:flex}.tel-detail-label{width:220px;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-weight:500;overflow:hidden}.tel-detail-value{color:var(--text-primary);word-break:break-all;flex:1}.tel-attribute-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tel-attribute-preview{white-space:pre-wrap;word-break:break-word;flex:1;min-width:0}.tel-attribute-toggle{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.tel-attribute-toggle:hover{background:var(--bg-secondary)}.tel-json-block{border:1px solid var(--border-color);background:var(--bg-primary);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:8px 0 0;padding:12px;font-family:monospace;font-size:11px;line-height:1.5;overflow-x:auto}.tel-json-node{--tel-json-depth:0}.tel-json-row{width:100%;padding:3px 0 3px calc(var(--tel-json-depth) * 16px);color:var(--text-primary);text-align:left;background:0 0;border:0;align-items:flex-start;gap:6px;font-family:monospace;font-size:11px;display:flex}.tel-json-toggle-row{cursor:pointer}.tel-json-caret,.tel-json-spacer{width:14px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}