:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-width:320px;min-height:100%}body{background:#f5f6fa;min-height:100vh}#root{width:100%;min-height:100vh}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}::selection{color:#312e81;background:#dcd9ff}.builder-page{color:#263247;background:#f8f9fc;min-height:100vh;padding:30px 35px 50px}.builder-page *{box-sizing:border-box}.builder-header{justify-content:space-between;align-items:center;gap:20px;max-width:1450px;margin:0 auto 28px;display:flex}.builder-header-left{flex-direction:column;gap:20px;display:flex}.back-button{color:#778197;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-size:12px;display:flex}.back-button:hover{color:#6259df}.back-button:disabled{opacity:.5;cursor:not-allowed}.builder-heading h1{color:#263247;margin:0 0 7px;font-size:26px;font-weight:750}.builder-heading p{color:#929bad;font-size:13px}.builder-header-icon{color:#6259df;background:#efefff;border-radius:15px;justify-content:center;align-items:center;width:53px;height:53px;display:flex}.builder-stepper{background:#fff;border:1px solid #edf0f5;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1450px;margin:0 auto 25px;padding:19px 23px;display:grid;box-shadow:0 2px 8px #1e284606}.builder-step{align-items:center;gap:11px;min-width:0;display:flex;position:relative}.builder-step-number{color:#929bad;background:#fff;border:1px solid #e1e5ed;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.builder-step.active .builder-step-number,.builder-step.completed .builder-step-number{color:#fff;background:#6259df;border-color:#6259df}.builder-step-text{flex-direction:column;gap:4px;min-width:0;display:flex}.builder-step-text strong{color:#465268;font-size:11px}.builder-step.active .builder-step-text strong{color:#6259df}.builder-step-text span{color:#929bad;font-size:9px}.builder-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:23px;max-width:1450px;margin:0 auto;display:grid}.builder-main{flex-direction:column;gap:19px;min-width:0;display:flex}.builder-card{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:27px;box-shadow:0 2px 8px #1e284606}.wizard-card{min-height:300px}.section-heading{align-items:center;gap:13px;margin-bottom:25px;display:flex}.section-icon{color:#6259df;background:#efefff;border-radius:11px;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;display:flex}.section-heading h2{color:#263247;font-size:15px;font-weight:700}.section-heading p{color:#929bad;margin-top:5px;font-size:11px}.form-group{flex-direction:column;gap:9px;margin-bottom:22px;display:flex}.form-group:last-child{margin-bottom:0}.form-group label{color:#465268;font-size:12px;font-weight:650}.form-group input:not([type=range]),.form-group textarea,.form-group select{color:#344054;background:#fff;border:1px solid #e1e5ed;border-radius:9px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:12px;transition:border .2s,box-shadow .2s}.form-group input:not([type=range]){min-height:44px}.form-group textarea{resize:vertical;min-height:110px;line-height:1.7}.form-group textarea:focus,.form-group input:focus,.form-group select:focus{border-color:#8179ef;box-shadow:0 0 0 3px #6259df14}.form-group input::placeholder,.form-group textarea::placeholder{color:#aab1bf}.form-group select{cursor:pointer;min-height:44px}.field-help{color:#929bad;margin-top:8px;font-size:10px;line-height:1.7}.builder-tip{color:#6259df;background:#f8f7ff;border:1px solid #e7e5ff;border-radius:10px;align-items:flex-start;gap:12px;margin-top:18px;padding:15px;display:flex}.builder-tip>svg{flex-shrink:0;margin-top:2px}.builder-tip strong{color:#5046c7;margin-bottom:5px;font-size:11px;display:block}.builder-tip p{color:#77749f;font-size:10px;line-height:1.7}.temperature-heading{justify-content:space-between;align-items:center;display:flex}.temperature-heading span{color:#6259df;font-size:12px;font-weight:700}.form-group input[type=range]{accent-color:#6259df;cursor:pointer;width:100%}.range-labels{color:#929bad;justify-content:space-between;font-size:10px;display:flex}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.tool-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #e8ebf2;border-radius:11px;align-items:center;gap:12px;min-width:0;padding:15px;transition:border .2s,background .2s,transform .2s;display:flex}.tool-option:hover{border-color:#bcb7ff;transform:translateY(-1px)}.tool-option.selected{background:#f8f7ff;border-color:#8179ef}.tool-icon{color:#6259df;background:#f0f0ff;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.tool-info{flex:1;min-width:0}.tool-info strong{color:#344054;font-size:11px;display:block}.tool-info p{color:#929bad;margin-top:5px;font-size:9px;line-height:1.5}.tool-info span{color:#6259df;margin-top:7px;font-size:9px;font-weight:650;display:inline-block}.tool-check{color:#929bad;border:1px solid #e0e4ed;border-radius:6px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;display:flex}.tool-option.selected .tool-check{color:#fff;background:#6259df;border-color:#6259df}.generate-button{color:#6259df;cursor:pointer;background:#f8f7ff;border:1px solid #dedcff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:650;transition:background .2s;display:inline-flex}.generate-button:hover{background:#efefff}.success-message{color:#168653;margin-top:12px;font-size:11px}.review-block{border-bottom:1px solid #edf0f5;flex-direction:column;gap:9px;padding:17px 0;display:flex}.review-block:first-of-type{padding-top:0}.review-block:last-child{border-bottom:none;padding-bottom:0}.review-block>span{color:#929bad;font-size:10px}.review-block>strong{color:#344054;overflow-wrap:anywhere;font-size:12px}.review-block>p{color:#667085;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.error-message{color:#c24141;background:#fff5f5;border:1px solid #f3caca;border-radius:9px;padding:13px 15px;font-size:12px;line-height:1.5}.builder-actions{justify-content:space-between;gap:11px;padding:5px 0;display:flex}.cancel-button,.create-agent-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 19px;font-size:12px;font-weight:650;transition:background .2s;display:inline-flex}.cancel-button{color:#667085;background:#fff;border:1px solid #e0e5ee}.cancel-button:hover:not(:disabled){background:#f5f6fa}.create-agent-button{color:#fff;background:#6259df;border:none}.create-agent-button:hover:not(:disabled){background:#5046c7}.cancel-button:disabled,.create-agent-button:disabled{opacity:.6;cursor:not-allowed}.builder-preview{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:23px;position:sticky;top:25px;box-shadow:0 2px 8px #1e284606}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.preview-heading h2{color:#344054;font-size:13px}.preview-heading span{color:#6259df;letter-spacing:.7px;background:#efefff;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:750}.preview-agent-icon{color:#6259df;background:#efefff;border-radius:16px;justify-content:center;align-items:center;width:59px;height:59px;margin-bottom:16px;display:flex}.builder-preview>h3{color:#263247;overflow-wrap:anywhere;margin-bottom:8px;font-size:15px}.preview-description{color:#929bad;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.preview-divider{background:#edf0f5;height:1px;margin:19px 0}.preview-detail{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:10px;display:flex}.preview-detail span{color:#929bad}.preview-detail strong{color:#465268;text-align:right;overflow-wrap:anywhere}.builder-preview>h4{color:#465268;margin-bottom:13px;font-size:11px}.preview-no-tools{color:#a0a8b7;font-size:10px}.preview-tools{flex-direction:column;gap:9px;display:flex}.preview-tool{color:#667085;align-items:center;gap:9px;font-size:10px;display:flex}.preview-tool svg{color:#6259df;flex-shrink:0}.preview-status{color:#778197;background:#f7f8fa;border-radius:8px;align-items:center;gap:8px;margin-top:23px;padding:11px;font-size:10px;display:flex}.status-dot{background:#e7a63b;border-radius:50%;flex-shrink:0;width:7px;height:7px}@keyframes agent-builder-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.builder-layout{grid-template-columns:minmax(0,1fr) 270px}.builder-preview{padding:18px}.builder-stepper{padding:17px}}@media (width<=800px){.builder-layout{grid-template-columns:1fr}.builder-preview{position:static}}@media (width<=600px){.builder-page{padding:22px 14px 35px}.builder-header{margin-bottom:23px}.builder-heading h1{font-size:21px}.builder-header-icon{width:43px;height:43px}.builder-card{padding:18px}.builder-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:17px}.builder-step-text span{font-size:8px}.tools-grid{grid-template-columns:1fr}.builder-actions{flex-direction:column-reverse}.cancel-button,.create-agent-button{width:100%}}.mcp-builder-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.mcp-reload-button{color:#6558d3;cursor:pointer;background:#fff;border:1px solid #e1e5ed;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mcp-reload-button:disabled{opacity:.6;cursor:not-allowed}.mcp-builder-error{color:#bd3636;background:#fff0f0;border-radius:9px;align-items:center;gap:10px;margin:17px 0;padding:13px;font-size:13px;display:flex}.mcp-builder-loading,.mcp-builder-empty{color:#8993a4;text-align:center;border:1px dashed #dce2eb;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:30px 20px;display:flex}.mcp-builder-empty h3{color:#34435b;margin:4px 0 0;font-size:15px}.mcp-builder-empty p,.mcp-builder-loading p{max-width:400px;margin:0;font-size:13px;line-height:1.6}.mcp-tools-heading{color:#34435b;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px;font-size:13px;display:flex}.mcp-tools-heading span{color:#6558d3;font-size:12px;font-weight:600}.mcp-builder-tool-list{flex-direction:column;gap:10px;display:flex}.mcp-builder-tool{color:#34435b;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e8ef;border-radius:10px;align-items:center;gap:13px;width:100%;padding:15px;transition:border-color .2s,background .2s;display:flex}.mcp-builder-tool:hover:not(:disabled){border-color:#a9a0ef}.mcp-builder-tool.selected{background:#f7f6ff;border-color:#6558d3}.mcp-builder-tool:disabled{opacity:.55;cursor:not-allowed}.mcp-builder-tool-icon{color:#6558d3;background:#f0efff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mcp-builder-tool-info{flex:1;min-width:0}.mcp-builder-tool-info strong{margin-bottom:4px;font-size:13px;display:block}.mcp-builder-tool-info p{color:#7a8495;margin:0 0 6px;font-size:12px;line-height:1.5}.mcp-builder-tool-info span{color:#6558d3;align-items:center;gap:5px;font-size:11px;display:inline-flex}.mcp-builder-tool-check{color:#8b94a4;border:1px solid #dce1e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.mcp-builder-tool.selected .mcp-builder-tool-check{color:#fff;background:#6558d3;border-color:#6558d3}@keyframes mcp-builder-spin{to{transform:rotate(360deg)}}.agent-chat-page{color:#101828;background:#f8fafc;flex-direction:column;height:100vh;min-height:600px;display:flex;overflow:hidden}.chat-header{z-index:5;background:#fff;border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:20px;height:76px;min-height:76px;padding:0 28px;display:flex}.chat-back-button{color:#667085;cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;font-size:13px;font-weight:600;transition:color .2s;display:flex}.chat-back-button:hover{color:#6941c6}.chat-agent-heading{flex:1;align-items:center;gap:12px;display:flex}.chat-agent-avatar{color:#6941c6;background:#f4ebff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.chat-agent-heading h2{color:#101828;margin:0 0 4px;font-size:15px;font-weight:700}.chat-agent-heading p{color:#667085;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.online-dot{background:#12b76a;border-radius:50%;width:7px;height:7px;display:inline-block}.chat-model-badge{color:#6941c6;background:#faf5ff;border:1px solid #e9d7fe;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.chat-workspace{flex:1;min-height:0;display:flex;overflow:hidden}.chat-sidebar{background:#fff;border-right:1px solid #eaecf0;flex-direction:column;width:280px;min-width:280px;transition:width .25s,min-width .25s;display:flex;overflow:hidden}.chat-sidebar.sidebar-closed{border-right:none;width:0;min-width:0}.chat-sidebar-header{border-bottom:1px solid #f2f4f7;justify-content:space-between;align-items:center;min-height:65px;padding:0 18px;display:flex}.chat-sidebar-title{color:#344054;white-space:nowrap;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.chat-sidebar-title svg{color:#6941c6}.chat-sidebar-toggle,.chat-open-sidebar{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.chat-sidebar-toggle:hover,.chat-open-sidebar:hover{color:#6941c6;background:#f2f4f7}.new-conversation-button{color:#6941c6;cursor:pointer;white-space:nowrap;background:#f9f5ff;border:1px solid #d6bbfb;border-radius:9px;justify-content:center;align-items:center;gap:9px;margin:18px 15px;padding:12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.new-conversation-button:hover:not(:disabled){background:#f4ebff;border-color:#b692f6}.new-conversation-button:disabled{opacity:.6;cursor:not-allowed}.conversation-list{flex:1;padding:0 10px 20px;overflow-y:auto}.conversation-list-label{color:#98a2b3;letter-spacing:.8px;margin:5px 0 12px;padding:0 9px;font-size:10px;font-weight:700}.conversation-item{color:#667085;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;width:100%;margin-bottom:4px;padding:11px 10px;transition:all .2s;display:flex}.conversation-item:hover:not(:disabled){color:#344054;background:#f9fafb}.conversation-item.active-conversation{color:#6941c6;background:#f4ebff;border-color:#e9d7fe}.conversation-item:disabled{cursor:not-allowed;opacity:.7}.conversation-item>svg{flex-shrink:0}.conversation-item-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.conversation-item-title{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.active-conversation .conversation-item-title{color:#6941c6}.conversation-item-date{color:#98a2b3;font-size:10px}.conversation-loading,.conversation-empty{color:#98a2b3;align-items:center;gap:8px;padding:15px 10px;font-size:12px;display:flex}.chat-panel{background:#f8fafc;flex:1;justify-content:center;min-width:0;display:flex;position:relative;overflow:hidden}.chat-open-sidebar{z-index:2;background:#fff;border:1px solid #eaecf0;position:absolute;top:17px;left:18px}.chat-container{flex-direction:column;width:100%;max-width:1000px;height:100%;padding:25px 45px 12px;display:flex;overflow:hidden}.chat-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 15px;display:flex}.chat-welcome-icon{color:#6941c6;background:#f4ebff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:22px;display:flex}.chat-welcome h1{color:#101828;margin:0 0 12px;font-size:25px;font-weight:750}.chat-welcome>p{color:#667085;max-width:480px;margin:0;font-size:14px;line-height:1.7}.chat-suggestion{color:#667085;background:#fff;border:1px solid #eaecf0;border-radius:10px;align-items:center;gap:8px;margin-top:25px;padding:12px 16px;font-size:12px;display:flex}.chat-suggestion svg{color:#6941c6}.chat-messages{flex-direction:column;flex:1;gap:24px;min-height:0;padding:15px 5px 25px;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:12px;max-width:85%;display:flex}.user-message{flex-direction:row-reverse;align-self:flex-end}.assistant-message{align-self:flex-start}.message-avatar{color:#6941c6;background:#f4ebff;border-radius:10px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:flex}.user-message .message-avatar{color:#175cd3;background:#e0eaff}.message-content{flex-direction:column;gap:7px;min-width:0;display:flex}.user-message .message-content{align-items:flex-end}.message-sender{color:#667085;font-size:11px;font-weight:700}.message-bubble{color:#344054;overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid #eaecf0;border-radius:4px 13px 13px;padding:13px 16px;font-size:13px;line-height:1.7}.user-message .message-bubble{color:#fff;background:#6941c6;border-color:#6941c6;border-radius:13px 4px 13px 13px}.typing-bubble{color:#667085;align-items:center;gap:9px;display:flex}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-loading-state{color:#6941c6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-loading-state p{color:#667085;font-size:13px}.chat-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:9px;align-items:center;gap:9px;margin:8px 0;padding:12px 14px;font-size:12px;display:flex}.chat-input-area{background:#fff;border:1px solid #d0d5dd;border-radius:13px;align-items:center;gap:12px;padding:9px 10px 9px 18px;transition:border-color .2s;display:flex;box-shadow:0 2px 8px #1018280a}.chat-input-area:focus-within{border-color:#9e77ed;box-shadow:0 0 0 3px #9e77ed1f}.chat-input-area input{color:#101828;background:0 0;border:none;outline:none;flex:1;min-width:0;height:42px;font-size:13px}.chat-input-area input::placeholder{color:#98a2b3}.chat-input-area input:disabled{cursor:not-allowed}.chat-send-button{color:#fff;cursor:pointer;background:#6941c6;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:all .2s;display:flex}.chat-send-button:hover:not(:disabled){background:#53389e;transform:translateY(-1px)}.chat-send-button:disabled{cursor:not-allowed;background:#d0d5dd}.chat-disclaimer{color:#98a2b3;text-align:center;margin:11px 0 0;font-size:10px}.conversation-list::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar{width:5px}.conversation-list::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:10px}@media (width<=900px){.chat-container{padding:25px 25px 12px}.chat-sidebar{width:245px;min-width:245px}.chat-message{max-width:95%}}@media (width<=650px){.agent-chat-page{min-height:500px}.chat-header{gap:10px;height:65px;min-height:65px;padding:0 12px}.chat-back-button{gap:5px;font-size:11px}.chat-agent-heading{gap:8px}.chat-agent-avatar{width:35px;height:35px}.chat-agent-heading h2{font-size:12px}.chat-agent-heading p{font-size:10px}.chat-model-badge{padding:7px;font-size:9px}.chat-model-badge svg{display:none}.chat-sidebar{width:220px;min-width:220px}.chat-container{padding:55px 13px 12px}.chat-message{gap:8px;max-width:100%}.message-bubble{padding:11px 13px;font-size:12px}.chat-welcome h1{font-size:21px}.chat-welcome>p{font-size:12px}.chat-suggestion{font-size:10px}.chat-input-area{padding-left:12px}}@media (width<=420px){.chat-back-button span{display:none}.chat-sidebar{width:190px;min-width:190px}.chat-model-badge{text-overflow:ellipsis;white-space:nowrap;max-width:85px;overflow:hidden}}.conversation-row{align-items:center;gap:4px;width:100%;margin-bottom:5px;display:flex}.conversation-row .conversation-item{flex:1;min-width:0}.conversation-actions{opacity:0;align-items:center;gap:2px;transition:opacity .2s;display:flex}.conversation-row:hover .conversation-actions{opacity:1}.conversation-action-button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.conversation-action-button:hover{color:inherit;background:#80808026}.delete-conversation-button:hover{color:#ef4444;background:#ef44441a}.conversation-action-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.conversation-actions{opacity:1}}.auth-page{background:#f5f6fa;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e8eaf0;border-radius:16px;width:100%;max-width:420px;padding:38px;box-shadow:0 12px 40px #141e3c12}.auth-logo{color:#fff;background:#635bff;border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:22px;font-size:25px;font-weight:800;display:grid}.auth-card h1{color:#171923;margin-bottom:8px;font-size:28px}.auth-subtitle{color:#777d8c;margin-bottom:28px;font-size:14px;line-height:1.5}.auth-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.auth-field label{color:#343746;font-size:13px;font-weight:600}.auth-field input{color:#171923;background:#fff;border:1px solid #dfe2ea;border-radius:9px;outline:none;width:100%;padding:13px 14px}.auth-field input:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff1a}.auth-submit{color:#fff;cursor:pointer;background:#635bff;border:none;border-radius:9px;width:100%;margin-top:5px;padding:14px;font-weight:700}.auth-submit:hover{background:#5148e5}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-error,.auth-message{margin-bottom:14px;font-size:13px;line-height:1.5}.auth-error{color:#dc2626}.auth-message{color:#15803d}.auth-switch{text-align:center;color:#777d8c;margin-top:24px;font-size:13px}.auth-switch button{color:#635bff;cursor:pointer;background:0 0;border:none;font-weight:700}.mcp-page{color:#263247;flex-direction:column;gap:28px;display:flex}.mcp-heading,.mcp-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.mcp-heading h1{margin:0 0 8px;font-size:28px}.mcp-heading p,.mcp-section-heading p{color:#7a8495;margin:0;font-size:14px;line-height:1.6}.mcp-refresh-button,.mcp-connect-button{color:#34435b;cursor:pointer;background:#fff;border:1px solid #dce2eb;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:600;display:inline-flex}.mcp-refresh-button:disabled,.mcp-connect-button:disabled{opacity:.65;cursor:not-allowed}.mcp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mcp-stat-card{background:#fff;border:1px solid #e7ebf1;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}.mcp-stat-card>svg{color:#6558d3}.mcp-stat-card div{flex-direction:column;gap:4px;display:flex}.mcp-stat-card strong{font-size:23px}.mcp-stat-card span{color:#7a8495;font-size:12px}.mcp-section{flex-direction:column;gap:16px;display:flex}.mcp-section-heading h2{margin:0 0 6px;font-size:19px}.mcp-server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.mcp-server-card{background:#fff;border:1px solid #e7ebf1;border-radius:13px;flex-direction:column;min-width:0;padding:21px;display:flex;position:relative}.mcp-server-icon,.mcp-connection-icon,.mcp-tool-icon{color:#6558d3;background:#f0efff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mcp-server-icon{width:47px;height:47px;margin-bottom:16px}.mcp-status{color:#697386;text-transform:capitalize;background:#f0f2f5;border-radius:20px;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.mcp-server-card>.mcp-status{position:absolute;top:22px;right:18px}.mcp-status.is-connected{color:#16834b;background:#e8f7ef}.mcp-server-card h3{margin:0 0 8px;font-size:16px}.mcp-server-card>p{color:#778195;min-height:42px;margin:0 0 16px;font-size:13px;line-height:1.6}.mcp-server-meta{flex-wrap:wrap;gap:7px;margin-bottom:17px;display:flex}.mcp-server-meta span{color:#697386;background:#f5f6f9;border-radius:6px;padding:5px 8px;font-size:10px}.mcp-connect-button{color:#fff;background:#6558d3;border-color:#6558d3;width:100%;margin-top:auto}.mcp-connect-button:hover:not(:disabled){background:#5144bd}.mcp-connect-button.already-connected{color:#16834b;background:#edf8f1;border-color:#d5eadf}.mcp-connection-list{flex-direction:column;gap:12px;display:flex}.mcp-connection-card{background:#fff;border:1px solid #e7ebf1;border-radius:12px;overflow:hidden}.mcp-connection-header{color:#263247;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;width:100%;padding:17px;display:flex}.mcp-connection-icon{width:42px;height:42px}.mcp-connection-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.mcp-connection-info strong{font-size:14px}.mcp-connection-info span{color:#7a8495;text-transform:capitalize;font-size:12px}.mcp-tools-list{border-top:1px solid #edf0f4;padding:4px 17px 14px}.mcp-tool-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:12px;padding:13px 0;display:flex}.mcp-tool-row:last-child{border-bottom:0}.mcp-tool-icon{width:34px;height:34px}.mcp-tool-info{flex:1;min-width:0}.mcp-tool-info strong{font-size:13px}.mcp-tool-info p{color:#7a8495;margin:4px 0 0;font-size:12px;line-height:1.5}.mcp-tool-status{color:#a35b35;font-size:11px;font-weight:600}.mcp-tool-status.tool-enabled{color:#16834b}.mcp-empty,.mcp-loading{color:#8993a4;text-align:center;background:#fff;border:1px dashed #dce2eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:38px 20px;display:flex}.mcp-empty h3{color:#34435b;margin:4px 0 0;font-size:15px}.mcp-empty p,.mcp-loading p{max-width:420px;margin:0;font-size:13px;line-height:1.6}.mcp-alert{border-radius:9px;align-items:center;gap:10px;padding:13px 15px;font-size:13px;display:flex}.mcp-alert-error{color:#bd3636;background:#fff0f0}.mcp-alert-success{color:#16834b;background:#eaf8ef}.mcp-no-tools{color:#7a8495;margin:14px 0 4px;font-size:13px}.mcp-spin{animation:1s linear infinite mcp-spin}@keyframes mcp-spin{to{transform:rotate(360deg)}}@media (width<=1000px){.mcp-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.mcp-stats,.mcp-server-grid{grid-template-columns:1fr}.mcp-heading{flex-direction:column;align-items:flex-start}.mcp-connection-header{gap:9px;padding:13px}.mcp-connection-header>.mcp-status{display:none}.mcp-tool-row{align-items:flex-start}}#root{min-height:100vh}.app-layout{color:#263247;background:#f8f9fc;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #edf0f5;flex-direction:column;width:250px;min-width:250px;min-height:100vh;padding:27px 17px;display:flex}.brand{color:#263247;align-items:center;gap:11px;margin-bottom:48px;padding:0 10px;font-size:21px;font-weight:750;display:flex}.brand-icon{color:#fff;background:#6259df;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.menu-label{color:#a0a8b7;letter-spacing:1.2px;margin-bottom:13px;padding:0 11px;font-size:10px;font-weight:700}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#778197;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:13px;font-weight:550;display:flex}.nav-item:hover:not(:disabled){color:#6259df;background:#f5f5ff}.nav-item.active{color:#6259df;background:#efefff}.nav-item:disabled{opacity:.55;cursor:not-allowed}.coming-soon-label{color:#929bad;margin-left:auto;font-size:9px}.sidebar-bottom{border-top:1px solid #edf0f5;align-items:center;gap:11px;margin-top:auto;padding:17px 7px 0;display:flex}.user-avatar,.profile-avatar{color:#6259df;background:#efefff;border-radius:50%;justify-content:center;align-items:center;width:37px;min-width:37px;height:37px;font-size:14px;font-weight:700;display:flex}.sidebar-user-info{min-width:0}.sidebar-user-info strong{text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:12px;display:block;overflow:hidden}.sidebar-user-info p{text-overflow:ellipsis;white-space:nowrap;color:#929bad;margin-top:4px;font-size:10px;overflow:hidden}.main-content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;height:75px;padding:0 35px;display:flex}.breadcrumb{color:#929bad;font-size:12px}.top-actions{align-items:center;gap:17px;display:flex}.icon-button{color:#778197;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.icon-button:hover{color:#6259df;background:#f3f4f8}.page-content{width:100%;max-width:1500px;margin:auto;padding:35px}.welcome-section{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.welcome-section h1{color:#263247;margin-bottom:8px;font-size:25px;font-weight:750}.welcome-section p{color:#929bad;font-size:13px}.create-button{color:#fff;cursor:pointer;background:#6259df;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.create-button:hover{background:#5046c7;transform:translateY(-1px)}.text-button{color:#6259df;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:11px;font-weight:650;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border:1px solid #edf0f5;border-radius:13px;padding:21px;box-shadow:0 2px 8px #1e284606}.stat-top{color:#929bad;justify-content:space-between;align-items:center;font-size:11px;font-weight:550;display:flex}.stat-top svg{color:#6259df}.stat-card h2{color:#263247;margin:17px 0 6px;font-size:27px;font-weight:750}.stat-card p{color:#a0a8b7;font-size:10px}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.85fr);gap:20px;margin-bottom:22px;display:grid}.panel{background:#fff;border:1px solid #edf0f5;border-radius:13px;min-width:0;padding:23px;box-shadow:0 2px 8px #1e284606}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.panel-heading h2{color:#263247;font-size:15px;font-weight:700}.panel-heading p{color:#929bad;margin-top:5px;font-size:10px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:20px;display:flex}.empty-icon{color:#6259df;background:#efefff;border-radius:15px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:15px;display:flex}.empty-state h3{color:#344054;margin-bottom:8px;font-size:14px}.empty-state p{color:#929bad;max-width:290px;margin-bottom:17px;font-size:11px;line-height:1.6}.activity-empty{color:#a0a8b7;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:220px;display:flex}.activity-empty p{color:#667085;font-size:12px}.activity-empty span{color:#929bad;font-size:11px}.quick-panel{margin-bottom:25px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.quick-card{text-align:left;cursor:pointer;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #edf0f5;border-radius:11px;padding:19px;transition:border .2s,background .2s}.quick-card:hover:not(:disabled){background:#fafaff;border-color:#bcb7ff}.quick-card>svg{color:#6259df;margin-bottom:13px}.quick-card h3{color:#344054;margin-bottom:7px;font-size:12px}.quick-card p{color:#929bad;font-size:10px;line-height:1.6}.quick-card:disabled{cursor:default}.agents-page-toolbar{color:#344054;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px;display:flex}.agents-page-toolbar span{color:#929bad}.refresh-button{color:#515c72;cursor:pointer;background:#fff;border:1px solid #e0e5ee;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.refresh-button:hover{background:#f5f6fa}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.agent-list{flex-direction:column;width:100%;display:flex}.agent-row{border-bottom:1px solid #edf0f5;align-items:center;gap:15px;padding:18px 0;display:flex}.agent-row:last-child{border-bottom:none}.agent-row-icon{color:#6259df;background:#eeefff;border-radius:12px;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;display:flex}.agent-row-info{flex:1;min-width:0}.agent-row-info strong{color:#263247;margin-bottom:5px;font-size:13px;display:block}.agent-row-info p{color:#929bad;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:11px;overflow:hidden}.agent-row-meta{flex-wrap:wrap;gap:8px;display:flex}.agent-row-meta span{color:#657087;background:#f3f4f8;border-radius:5px;padding:4px 7px;font-size:10px}.agent-row-status{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.status-badge{text-transform:capitalize;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:650}.status-created{color:#667085;background:#f1f2f6}.status-active{color:#168653;background:#e9f8ef}.agent-date{color:#929bad;align-items:center;gap:5px;font-size:10px;display:flex}.app-loading{color:#667085;justify-content:center;align-items:center;min-height:100vh;font-size:15px;display:flex}.agents-message{color:#8993a6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;font-size:13px;display:flex}.agents-message.error-state{color:#c24141}.agents-message .refresh-button{margin-top:5px}.loading-icon{animation:1s linear infinite agenthub-spin}@keyframes agenthub-spin{to{transform:rotate(360deg)}}.agent-row-actions{justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;display:flex}.agent-action-button{color:#515c72;cursor:pointer;background:#fff;border:1px solid #e0e5ee;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:600;transition:background .2s,border .2s,color .2s;display:inline-flex}.agent-action-button:hover{background:#f5f6fa;border-color:#cbd2df}.agent-action-button.run{color:#fff;background:#6259df;border-color:#6259df}.agent-action-button.run:hover{background:#5046c7;border-color:#5046c7}.agent-action-button.edit{color:#515c72}.agent-action-button.edit:hover{background:#f5f6fa}.agent-action-button.delete{color:#c24141}.agent-action-button.delete:hover{background:#fff1f1;border-color:#f0c5c5}.agent-action-button:focus-visible,.create-button:focus-visible,.refresh-button:focus-visible{outline-offset:2px;outline:3px solid #6259df40}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (width<=750px){.sidebar{width:75px;min-width:75px;padding:22px 10px}.brand{justify-content:center;padding:0}.brand>span,.menu-label,.nav-item>span,.sidebar-user-info{display:none}.nav-item{justify-content:center;padding:13px 8px}.sidebar-bottom{justify-content:center;padding-left:0;padding-right:0}.page-content{padding:24px 18px}.topbar{padding:0 18px}}@media (width<=650px){.welcome-section{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:15px}.quick-grid{grid-template-columns:1fr}.agent-row{flex-wrap:wrap;align-items:flex-start}.agent-row-status{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-left:58px}.agents-page-toolbar{gap:10px}.agent-row-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.agent-action-button{padding:8px 11px}}@media (width<=400px){.sidebar{width:60px;min-width:60px;padding-left:7px;padding-right:7px}.page-content{padding:20px 12px}.panel{padding:16px}.agent-row{gap:10px}.agent-row-actions{gap:6px}}.integration-summary{background:#fff;border:1px solid #edf0f5;border-radius:13px;align-items:center;gap:18px;margin-bottom:20px;padding:22px;display:flex}.integration-summary-icon{color:#6259df;background:#efefff;border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.integration-summary>div:nth-child(2){flex:1}.integration-summary h3{color:#263247;margin-bottom:6px;font-size:14px}.integration-summary p{color:#929bad;max-width:650px;font-size:11px;line-height:1.7}.integration-summary-count{flex-direction:column;align-items:center;padding:0 15px;display:flex}.integration-summary-count strong{color:#263247;font-size:23px}.integration-summary-count span{color:#929bad;font-size:10px}.integration-security-note{color:#667085;background:#f7f8fc;border:1px solid #e4e8f2;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:30px;padding:13px 15px;font-size:11px;line-height:1.6;display:flex}.integration-security-note svg{color:#6259df;min-width:18px}.integration-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.integration-section-heading h2{color:#263247;margin-bottom:6px;font-size:16px}.integration-section-heading p,.integration-section-heading>span{color:#929bad;font-size:11px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.integration-card{background:#fff;border:1px solid #edf0f5;border-radius:13px;flex-direction:column;min-width:0;padding:21px;transition:border .2s,transform .2s,box-shadow .2s;display:flex}.integration-card:hover{border-color:#c9c5ff;transform:translateY(-2px);box-shadow:0 5px 18px #1e28460d}.integration-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.integration-app-icon{background:#f6f7fa;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.integration-status{color:#7b8496;white-space:nowrap;background:#f1f2f6;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:650}.integration-card-info{flex:1}.integration-category{color:#6259df;font-size:10px;font-weight:650}.integration-card-info h3{color:#263247;margin:8px 0;font-size:15px}.integration-card-info p{color:#929bad;min-height:45px;margin-bottom:20px;font-size:11px;line-height:1.7}.integration-connect-button{color:#6259df;cursor:pointer;background:#fff;border:1px solid #6259df;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px;font-size:11px;font-weight:650;transition:background .2s,color .2s;display:flex}.integration-connect-button:hover{color:#fff;background:#6259df}.integration-connect-button:focus-visible{outline-offset:2px;outline:3px solid #6259df40}@media (width<=1100px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.integration-grid{grid-template-columns:1fr}.integration-summary{flex-wrap:wrap;align-items:flex-start}.integration-summary-count{align-items:flex-start;margin-left:65px}.integration-section-heading{flex-direction:column;align-items:flex-start}}
