.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:40px 32px}.login-logo{text-align:center;margin-bottom:32px}.logo-icon{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:40px}.login-logo h1{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:8px;font-size:24px}.login-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card label{color:var(--text-muted);font-size:13px;font-weight:500}.login-card input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:12px 14px;transition:border-color .2s}.login-card input:focus{border-color:var(--accent)}.otp-input{text-align:center;letter-spacing:8px;font-weight:600;font-size:24px!important}.login-card button[type=submit]{background:var(--gradient);color:#fff;border-radius:8px;margin-top:4px;padding:12px;font-weight:600;transition:opacity .2s}.login-card button[type=submit]:hover{opacity:.9}.login-card button[type=submit]:disabled{opacity:.5}.btn-link{color:var(--link)!important;background:0 0!important;padding:4px!important;font-size:13px!important}.otp-info{color:var(--text-muted);text-align:center;font-size:13px}.otp-info strong{color:var(--text)}.login-error{color:#ff6b6b;text-align:center;background:#ff32321a;border:1px solid #ff32324d;border-radius:8px;margin-top:12px;padding:10px;font-size:13px}.login-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:12px}.light .sidebar{color:#1a1a2e;background:#f0f0f5;border-color:#e0e0e8}.light .sidebar-header{border-color:#e0e0e8}.light .btn-icon{color:#1a1a2e;background:#e8e8f0;border-color:#d0d0d8}.light .chat-item{color:#1a1a2e}.light .chat-item:hover,.light .chat-item.active{background:#e8e8f0;border-color:#d0d0d8}.light .chat-title{color:#1a1a2e}.light .mcp-btn{color:#1a1a2e;background:#e8e8f0;border-color:#d0d0d8}.light .mcp-status-name{color:#4a4a60}.light .sidebar-footer{border-color:#e0e0e8}.light .user-name{color:#4a4a60}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-logo{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:15px;font-weight:700}.btn-icon{background:var(--bg-card);border:1px solid var(--border);width:32px;height:32px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:background .2s;display:flex}.btn-icon:hover{background:var(--border)}.mcp-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:8px;margin:12px 16px 4px;padding:10px 14px;font-size:13px;transition:border-color .2s;display:flex}.mcp-btn:hover{border-color:var(--accent)}.mcp-count{border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.mcp-count.all-ok{color:#22c55e;background:#22c55e26}.mcp-count.partial{color:#fbbf24;background:#fbbf2426}.mcp-count.none{color:#ff6b6b;background:#ff646426}.mcp-status-list{flex-direction:column;gap:2px;padding:4px 16px 8px;display:flex}.mcp-status-item{color:var(--text-muted);cursor:default;align-items:center;gap:6px;padding:3px 0;font-size:11px;display:flex}.mcp-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mcp-dot.on{background:#22c55e}.mcp-dot.off{background:#555}.mcp-status-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mcp-tool-count{color:var(--link);background:#87009d26;border-radius:8px;padding:1px 5px;font-size:10px}.sidebar-chats{flex:1;padding:8px;overflow-y:auto}.chat-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:10px 12px;transition:background .15s;display:flex}.chat-item:hover{background:var(--bg-card)}.chat-item.active{background:var(--bg-card);border:1px solid var(--border)}.chat-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.chat-delete{color:var(--text-muted);background:0 0;padding:0 4px;font-size:16px;display:none}.chat-item:hover .chat-delete{display:block}.chat-delete:hover{color:#ff6b6b}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.user-info{align-items:center;gap:8px;display:flex}.user-avatar{background:var(--gradient);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.user-name{color:var(--text-muted);font-size:13px}.btn-logout{font-size:14px}.mcp-panel{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;display:flex}.mcp-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.mcp-header h3{font-size:14px;font-weight:600}.mcp-list{flex:1;padding:8px;overflow-y:auto}.mcp-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:12px}.mcp-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mcp-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.mcp-status{border-radius:50%;width:8px;height:8px}.mcp-status.active{background:#22c55e}.mcp-status.inactive{background:#666}.mcp-desc{color:var(--text-muted);margin-bottom:6px;font-size:12px}.mcp-tools{flex-wrap:wrap;gap:4px;display:flex}.mcp-tool-tag{color:var(--link);background:#87009d26;border-radius:4px;padding:2px 8px;font-size:11px}.mcp-actions{gap:6px;margin-top:8px;display:flex}.mcp-actions button{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:4px 10px;font-size:11px}.mcp-actions button:hover{color:var(--text);border-color:var(--accent)}.mcp-actions .btn-danger:hover{color:#ff6b6b;border-color:#ff6b6b}.mcp-add{border-top:1px solid var(--border);padding:12px}.mcp-add h4{color:var(--text-muted);margin-bottom:8px;font-size:13px}.mcp-add input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;margin-bottom:6px;padding:8px 10px;font-size:12px}.mcp-add input:focus{border-color:var(--accent)}.mcp-add-error{color:#ff6b6b;background:#ff323214;border:1px solid #ff323233;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:12px}.mcp-add button{background:var(--gradient);color:#fff;border-radius:6px;width:100%;padding:8px;font-size:12px;font-weight:600}.agents-panel{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:360px;display:flex;overflow:hidden}.agents-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.agents-header h3{font-size:14px;font-weight:600}.agents-create-btn{background:var(--gradient);color:#fff;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.agent-form{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;max-height:420px;padding:12px 16px;display:flex;overflow-y:auto}.agent-input,.agent-textarea,.agent-select{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.agent-input:focus,.agent-textarea:focus,.agent-select:focus{border-color:var(--accent)}.agent-textarea{resize:none;line-height:1.5}.agent-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.day-picker{flex-wrap:wrap;gap:4px;display:flex}.day-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s}.day-btn.active{background:var(--gradient);color:#fff;border-color:#0000}.day-btn:hover:not(.active){border-color:var(--accent);color:var(--text)}.time-picker{align-items:center;gap:6px;display:flex}.time-input{background:var(--bg-card);border:1px solid var(--border);width:56px;color:var(--text);text-align:center;border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.time-input:focus{border-color:var(--accent)}.time-sep{color:var(--text-muted);font-size:16px;font-weight:600}.time-label{color:var(--text-muted);font-size:11px}.agent-save-btn{background:var(--gradient);color:#fff;border-radius:8px;margin-top:4px;padding:9px;font-size:13px;font-weight:600}.agent-save-btn:disabled{opacity:.5;cursor:not-allowed}.agents-list{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.agents-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.agents-empty-icon{margin-bottom:4px;font-size:36px}.agents-empty p{font-size:14px}.agents-empty-sub{opacity:.7;font-size:12px}.agent-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px;transition:border-color .15s}.agent-card:hover{border-color:#87009d4d}.agent-card.agent-paused{opacity:.6}.agent-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.agent-card-title{align-items:center;gap:7px;display:flex}.agent-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.agent-status-dot.on{background:#22c55e}.agent-status-dot.off{background:#666}.agent-name{font-size:13px;font-weight:600}.agent-card-actions{align-items:center;gap:5px;display:flex}.agent-run-btn{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .15s;display:flex}.agent-run-btn:hover:not(:disabled){background:#22c55e33}.agent-run-btn:disabled{opacity:.5;cursor:not-allowed}.agent-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);border-radius:5px;padding:3px 9px;font-size:11px;transition:all .15s}.agent-toggle-btn:hover{border-color:var(--accent);color:var(--text)}.agent-delete-btn{width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:13px;display:flex}.agent-delete-btn:hover{color:#ff6b6b;background:#ff323214}.agent-schedule{color:var(--accent);background:#87009d14;border:1px solid #87009d26;border-radius:5px;margin-bottom:6px;padding:3px 8px;font-size:11px;display:inline-block}.agent-instruction{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.agent-meta{color:var(--text-muted);opacity:.7;gap:12px;margin-bottom:6px;font-size:11px;display:flex}.agent-runs-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:11px;transition:color .15s}.agent-runs-toggle:hover{color:var(--text)}.agent-run-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.agent-run-item{border:1px solid var(--border);background:var(--bg-secondary);border-radius:6px;padding:8px 10px}.agent-run-item.success{border-color:#22c55e33}.agent-run-item.error{border-color:#ff323233}.agent-run-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.run-badge{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.run-badge.success{color:#22c55e;background:#22c55e26}.run-badge.error{color:#ff6b6b;background:#ff32321f}.run-time{color:var(--text-muted);font-size:11px}.run-output{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;max-height:120px;font-size:11px;line-height:1.5;overflow-y:auto}.chat-layout{height:100vh;display:flex;overflow:hidden}.chat-layout.light{--bg:#fff;--bg-secondary:#f8f8fa;--bg-card:#f0f0f5;--text:#1a1a2e;--text-muted:#6b6b80;--border:#e0e0e8}.chat-layout.light .msg-body{color:#1a1a2e}.chat-layout.light .msg-body pre{background:#f0f0f5;border-color:#e0e0e8}.chat-layout.light .msg-body code{background:#e8e8f0}.chat-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.chat-messages{flex:1;padding:24px 0;overflow-y:auto}.chat-empty{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-icon{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:48px}.chat-empty h2{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.chat-empty p{font-size:14px}.empty-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin-top:24px;display:flex}.suggestion-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;transition:all .15s;display:flex}.suggestion-chip:hover{border-color:var(--accent);background:#87009d14}.msg{gap:12px;width:100%;max-width:800px;margin:0 auto;padding:16px 24px;display:flex}.msg-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.msg-user .msg-avatar{background:var(--gradient);color:#fff}.msg-assistant .msg-avatar{background:var(--bg-card);border:1px solid var(--border);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px}.msg-body{flex:1;min-width:0;font-size:14px;line-height:1.6}.msg-body p{margin-bottom:8px}.msg-body p:last-child{margin-bottom:0}.msg-body pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin:8px 0;padding:12px;font-size:13px;overflow-x:auto}.msg-body code{background:var(--bg-secondary);border-radius:4px;padding:2px 6px;font-size:13px}.msg-body pre code{background:0 0;padding:0}.msg-body ul,.msg-body ol{margin:8px 0;padding-left:20px}.tool-calls{flex-direction:column;gap:6px;margin-top:10px;display:flex}.tool-call-block{background:#87009d14;border:1px solid #87009d33;border-radius:8px;padding:8px 12px;font-size:12px}.tool-call-block.tool-error{background:#ff323214;border-color:#ff323233}.tool-tag{color:var(--link);align-items:center;gap:6px;font-weight:600;display:flex}.tool-args{opacity:.6;font-size:11px;font-weight:400}.tool-result{background:var(--bg-secondary);color:var(--text-muted);white-space:pre-wrap;word-break:break-word;border:none;border-radius:6px;max-height:150px;margin-top:6px;padding:8px;font-size:11px;overflow-y:auto}.tool-toggle{opacity:.5;margin-left:auto;font-size:10px}.msg-actions{opacity:0;align-items:center;gap:10px;margin-top:8px;transition:opacity .15s;display:flex}.msg:hover .msg-actions{opacity:1}.btn-copy{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:11px;transition:all .15s}.btn-copy:hover{border-color:var(--accent);color:var(--text)}.msg-meta-inline{color:var(--text-muted);opacity:.7;gap:10px;font-size:11px;display:flex}.msg-meta{color:var(--text-muted);opacity:.7;gap:12px;margin-top:6px;font-size:11px;display:flex}.typing{gap:4px;padding:4px 0;display:flex}.typing span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-input-bar{gap:8px;width:100%;max-width:800px;margin:0 auto;padding:16px 24px 24px;display:flex}.model-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;outline:none;padding:10px 12px;font-size:12px}.chat-input-bar textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text);resize:none;field-sizing:content;border-radius:12px;outline:none;flex:1;min-height:48px;max-height:200px;padding:14px 18px;font-size:14px;line-height:1.5;transition:border-color .2s;overflow-y:auto}.chat-input-bar textarea:focus{border-color:var(--accent)}.chat-input-bar button{background:var(--gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .2s;display:flex}.chat-input-bar button:hover{opacity:.9}.chat-input-bar button:disabled{opacity:.3}.btn-upload{background:var(--bg-card);border:1px solid var(--border);width:48px;height:48px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-upload:hover{border-color:var(--accent);color:var(--text)}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#e2169e;--secondary:#7c2adb;--accent:#87009d;--gradient:linear-gradient(135deg, #e2169e, #7c2adb, #87009d);--link:#87009d;--bg:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a26;--text:#e8e8f0;--text-muted:#8888a0;--border:#2a2a3a;--radius:12px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;font-family:inherit;font-size:14px}input{font-family:inherit;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}