:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-dark)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-dark);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--text);background-color:var(--surface)}a:hover{color:var(--primary-dark)}button{background-color:var(--surface-light)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366F1;--primary-dark: #4F46E5;--primary-light: #E0E7FF;--secondary: #10B981;--secondary-dark: #059669;--accent: red;--accent-light: #FF5454;--surface: #FFFFFF;--surface-dark: #F8FAFC;--surface-light: #F1F5F9;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--success: #10B981;--warning: #F59E0B;--border: #E2E8F0;--text: var(--gray-900);--text-secondary: var(--gray-600);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .05);--shadow: 0 4px 12px -2px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .12);--glass: rgba(255, 255, 255, .8);--glass-dark: rgba(255, 255, 255, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--dark-surface: #080808;--dark-surface-dark: #0a0a0a;--dark-surface-light: #141414;--dark-border: #1a1a1a;--dark-text: #e0e0e0;--dark-text-secondary: #909090;--dark-glass: rgba(8, 8, 8, .85);--dark-shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .35);--dark-shadow: 0 4px 12px -2px rgba(0, 0, 0, .45);--dark-shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .55);--dark-primary-light: #312e81;--dark-primary-bg: rgba(99, 102, 241, .15);--dark-secondary-light: #065f46;--dark-secondary-bg: rgba(16, 185, 129, .15);--dark-accent-light: #7f1d1d;--dark-accent-bg: rgba(255, 0, 0, .15);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display: "DM Sans", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);background-color:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}::-webkit-scrollbar{width:6px;background:var(--surface-light)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:20px!important}.app{min-height:calc(100vh - 70px);background-color:var(--surface-light);margin-top:70px}.app-live-mode{min-height:100vh!important;margin-top:0!important}@keyframes subtle-move{0%{transform:translate(0) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.app-container{margin:0;padding:0}.app-header{width:100%;padding:1rem;background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3rem;position:fixed;top:0;left:0;right:0;z-index:9999;min-height:70px}.app-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);display:flex;align-items:center;gap:.75rem;cursor:pointer}.app-logo span{display:flex;align-items:center}.app-logo span:before{content:"";display:inline-block;width:10px;height:10px;background:var(--primary);border-radius:50%!important;box-shadow:0 0 20px var(--primary);animation:pulse 2s ease-in-out infinite;margin-right:.75rem}.app-nav{display:flex;flex-direction:row;align-items:center;gap:2rem}.nav-link{color:var(--text);text-decoration:none;font-size:var(--text-base);font-weight:500;transition:color .2s ease-in-out;opacity:.7}.nav-link:hover{opacity:1}.nav-link[aria-current=page]{color:var(--primary);font-weight:600;opacity:1}.app-actions{display:flex;align-items:flex-start}.MuiDialog-root>.MuiBackdrop-root{opacity:1!important;background-color:var(--glass)!important}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){:root{--surface: var(--dark-surface);--surface-dark: var(--dark-surface-dark);--surface-light: var(--dark-surface-light);--border: var(--dark-border);--text: var(--dark-text);--text-secondary: var(--dark-text-secondary);--glass: var(--dark-glass);--shadow-sm: var(--dark-shadow-sm);--shadow: var(--dark-shadow);--shadow-lg: var(--dark-shadow-lg);--primary-light: var(--dark-primary-light);--secondary-light: var(--dark-secondary-light);--accent-light: var(--dark-accent-light);--gray-50: #18181b;--gray-100: #27272a;--gray-200: #3f3f46;--gray-300: #52525b;--gray-400: #71717a;--gray-500: #a1a1aa;--gray-600: #d4d4d8;--gray-700: #e4e4e7;--gray-800: #f4f4f5;--gray-900: #fafafa}input,textarea,select{color:var(--dark-text)!important;border-color:var(--dark-border)!important}input::placeholder,textarea::placeholder{color:var(--dark-text-secondary)}input:focus,textarea:focus,select:focus{border-color:var(--primary);background-color:var(--dark-surface)}input:disabled,textarea:disabled,select:disabled{background-color:var(--dark-surface-light);color:var(--dark-text-secondary);opacity:.7}.MuiPaper-root.MuiMenu-paper,.MuiPaper-root.MuiPopover-paper{background-color:var(--dark-surface)!important;border:1px solid var(--dark-border)!important;color:var(--dark-text)!important}.MuiMenuItem-root{color:var(--dark-text)!important}.MuiMenuItem-root:hover{background-color:var(--dark-surface-light)!important}.MuiMenuItem-root.Mui-selected{background-color:#6366f126!important}.MuiMenuItem-root.Mui-selected:hover{background-color:#6366f140!important}.MuiTable-root{border-collapse:separate!important}.MuiTableCell-root,.MuiTableContainer-root,.MuiChip-root,.MuiChip-outlined{border-color:var(--dark-border)!important}.MuiTooltip-tooltip{background-color:var(--dark-surface)!important;color:var(--dark-text)!important;border:1px solid var(--dark-border)!important}.MuiTooltip-arrow{color:var(--dark-surface)!important}}.agent-interface{flex:1;display:flex;flex-direction:column;width:100%}.agent-messages{width:100%;background:transparent;padding:2rem 2rem 12rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.agent-messages:empty:before{content:"Start your talent search by describing your ideal candidate or recruitment goals...";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-size:var(--text-base);opacity:.7;text-align:center;max-width:80%;line-height:var(--leading-relaxed);white-space:normal}.agent-messages:empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--text-sm)}.message-container{display:flex;flex-direction:column;gap:2rem;width:100%;min-height:min-content}.message{margin-bottom:2rem;width:100%;line-height:1.6;animation:fadeIn .4s cubic-bezier(.2,.8,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.user{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:1.5rem;border-radius:.75rem;max-width:85%;margin-left:auto;box-shadow:var(--shadow)}.message.assistant{background:transparent;width:100%;border:none}.message.assistant .message-content{background:transparent}.message-sender{font-family:var(--font-display);font-weight:600;margin-bottom:.75rem;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.message.no-sender{margin-top:-1rem}.message.no-sender .message-content{margin-top:0}.message-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text)}.message.user .message-content{color:#fff}.markdown-paragraph{margin:0;padding:0}.markdown-paragraph+.markdown-paragraph{margin-top:1rem}.message-content>*:first-child{margin-top:0}.message-content>*:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{font-family:var(--font-display);margin:1.5rem 0 .75rem;font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.message-content h1{font-size:var(--text-4xl)}.message-content h2{font-size:var(--text-3xl)}.message-content h3{font-size:var(--text-2xl)}.message-content h4{font-size:var(--text-xl)}.message-content h5{font-size:var(--text-lg)}.message-content h6{font-size:var(--text-base)}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child,.message-content h4:first-child,.message-content h5:first-child,.message-content h6:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{margin:1rem 0;padding-left:1.5rem}.message-content li{margin:.5rem 0}.message-content a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.message-content a:hover{border-bottom-color:var(--primary)}.message.user .message-content a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}.message.user .message-content a:hover{border-bottom-color:#fff}.code-block-wrapper{margin:1rem 0;background:var(--surface-dark);border-radius:.75rem;border:1px solid var(--border);overflow:hidden}.code-block{padding:1.25rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text);-moz-tab-size:2;tab-size:2;overflow-x:auto}.inline-code{font-family:var(--font-mono);font-size:.875em;background:var(--surface-dark);padding:.2em .4em;border-radius:.25rem;color:var(--primary)}.message-content blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid var(--gray-300);background:var(--gray-50);border-radius:.25rem}.message.user .message-content blockquote{border-left-color:var(--gray-400);background:#ffffff1a}.message-content table{width:100%;margin:1rem 0;border-collapse:collapse}.message-content th,.message-content td{padding:.5rem;border:1px solid var(--border);text-align:left}.message-content th{background:var(--gray-50);font-weight:600}.message-content hr{margin:2rem 0;border:none;border-top:1px solid var(--border)}.message.user .code-block-wrapper{background:#ffffff1a}.message.user .code-block,.message.user .inline-code{background:#ffffff1a;color:var(--gray-100);border-color:#ffffff1a}.loading-indicator{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;color:var(--text-secondary);font-size:var(--text-sm);box-shadow:var(--shadow-sm)}.generating-dots{display:inline-flex;align-items:center;gap:4px}.generating-dots span{width:4px;height:4px;background:var(--primary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.generating-dots span:nth-child(1){animation-delay:-.32s}.generating-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-indicator:before{display:none}@keyframes pulse{0%,to{opacity:.2}50%{opacity:1}}.agent-form{position:fixed;bottom:25px;left:25px;right:25px;background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;padding:0;gap:0}.attachments-row{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;background:var(--surface-dark);border-bottom:1px solid var(--border);border-radius:1.5rem 1.5rem 0 0;box-shadow:inset 0 0 0 1px #ffffff0d}.input-row{padding:16px;border-bottom:1px solid var(--border)}.actions-row{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;min-height:56px}.left-actions,.right-actions{display:flex;gap:8px}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--text-secondary);background:var(--border);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{color:var(--primary);border-color:var(--primary);background:var(--surface-light)}.action-button svg{font-size:20px}.agent-input{width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .2s ease;resize:none;min-height:48px}.agent-input::placeholder{color:var(--text-secondary);opacity:.7}.agent-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.agent-input:disabled{opacity:.7;cursor:not-allowed}.send-button{padding:8px 24px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow)}.send-button:hover:not(:disabled){transform:scale(1.02);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.send-button:active:not(:disabled){transform:scale(.98);filter:brightness(.95)}.send-button:disabled{opacity:.7;cursor:not-allowed}.tool-execution{margin:1rem 0;padding:0rem;border-radius:.75rem;background:var(--surface);border:1px solid var(--border);transition:all .2s ease}.tool-execution.running{border-color:var(--gray-50)}.tool-execution.success{border-color:var(--primary)}.tool-execution.error{border-color:var(--accent)}.tool-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border-color)}.tool-header:hover{opacity:.8}.tool-header-left{display:flex;align-items:center;gap:10px}.tool-toggle{width:40px;height:20px;display:flex;align-items:center;justify-content:center}.tool-toggle:before{content:"";display:block;width:10px;height:10px;border-right:2.5px solid var(--text-secondary);border-bottom:2.5px solid var(--text-secondary);transform:translateY(-2.5px) rotate(45deg);transition:transform .2s ease}.tool-execution.collapsed .tool-toggle:before{transform:translateY(2.5px) rotate(-45deg)}.tool-integration-icon{width:40px;height:40px;border-radius:6px;object-fit:cover}.tool-integration-icon.default-icon{background-color:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:20px}.tool-info{display:flex;flex-direction:column;gap:2px}.tool-name{font-weight:500;color:var(--text-color)}.tool-integration-name{font-size:12px;color:var(--text-muted)}.tool-status{font-size:.875rem;padding:.25rem .75rem;border-radius:1rem;background:var(--gray-100)}.tool-content{overflow:hidden;max-height:1000px;opacity:1;padding:1rem}.tool-execution.collapsed .tool-content{max-height:0;opacity:0;margin-top:0;padding:0}.tool-status.running,.tool-status.success{color:var(--primary);background:transparent}.tool-status.error{color:var(--accent);background:transparent}.tool-params{margin-top:.75rem;padding:.75rem;background:var(--surface-light);border-radius:.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem}.tool-result{margin-top:.75rem;padding:.75rem;background:var(--surface-light);font-family:JetBrains Mono,monospace;border-radius:.5rem;overflow-x:auto}@keyframes spin{to{transform:rotate(360deg)}}.tool-status.running:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;margin-right:.5rem;animation:spin 1s linear infinite}.tool-error{margin-top:.75rem;padding:.75rem;background:#f43f5e1a;border-radius:.5rem;color:var(--accent);font-size:.875rem}.tool-params:empty,.tool-result:empty,.tool-error:empty{display:none}.tool-params pre,.tool-result pre{margin:0;white-space:pre-wrap;word-break:break-word}.message.user .inline-code{background:#fff3;color:#fff}.file-chip{display:flex;align-items:center;background:var(--border);border:1px solid var(--border);border-radius:8px;padding:4px 8px;font-size:14px;gap:8px}.file-name{color:var(--text)}.remove-file{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-file:hover{color:var(--accent)}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.message-file-chip{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#ffffff1a;border-radius:6px;font-size:13px;color:#fff}.message-file-chip .file-icon{font-size:16px;opacity:.8}.message-file-chip .file-name{color:#fff}.message.assistant .message-attachments{border-top-color:var(--border)}.message.assistant .message-file-chip{background:var(--surface);border:1px solid var(--border);color:var(--text)}.message-text{white-space:pre-wrap;word-break:break-word}.message.user .message-text{color:#fff}.model-selector{margin-left:1rem;background:var(--surface);border-radius:.5rem;overflow:hidden}.model-selector .MuiSelect-select{font-size:var(--text-sm);padding:.5rem 1rem}.model-selector .MuiInputLabel-root{font-size:var(--text-sm)}.model-selector .MuiOutlinedInput-notchedOutline{border-color:var(--border)}.model-selector:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-light)}.model-selector.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary)}.custom-select-wrapper{position:relative;display:inline-block;margin-left:10px}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 36px 8px 16px;font-size:14px;color:var(--text);cursor:pointer;font-family:var(--font-sans);min-width:180px;transition:all .2s ease}.custom-select:hover{border-color:var(--primary-light)}.custom-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.custom-select-wrapper:after{content:"";position:absolute;top:50%;right:14px;transform:translateY(-50%);width:8px;height:8px;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);pointer-events:none;transform:translateY(-70%) rotate(45deg)}.api-key-manager{color:var(--text);background-color:transparent;padding:0}.api-key-manager-section{margin-bottom:24px}.api-key-manager .MuiTableCell-head{font-weight:600;color:var(--text-secondary);background-color:var(--surface);border-bottom:1px solid var(--border)}.api-key-manager .MuiTableCell-body{color:var(--text);border-bottom:1px solid var(--border)}.api-key-manager .MuiTableRow-root:hover{background-color:var(--surface-light)}.api-key-manager .MuiPaper-root{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.api-key-manager .MuiTextField-root{background-color:transparent}.api-key-manager .MuiTextField-root .MuiOutlinedInput-root{border-radius:8px!important;background-color:var(--surface)}.api-key-manager .MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:var(--border)}.api-key-manager .MuiTextField-root:hover .MuiOutlinedInput-notchedOutline,.api-key-manager .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary)}.api-key-manager .MuiInputLabel-root{color:var(--text-secondary)}.api-key-manager .MuiInputLabel-root.Mui-focused{color:var(--primary)}.api-key-manager .MuiButton-contained{background-color:var(--primary);color:#fff;border-radius:8px!important;text-transform:none;font-weight:500}.api-key-manager .MuiButton-contained:hover{background-color:var(--primary-dark)}.api-key-manager .MuiButton-contained.Mui-disabled{background-color:#6366f14d;color:#ffffffb3}.api-key-manager .MuiButton-outlined{border-color:var(--border);color:var(--text);border-radius:8px!important;text-transform:none;font-weight:500}.api-key-manager .MuiButton-outlined:hover{background-color:var(--surface-light);border-color:var(--text-secondary)}.api-key-delete-button{color:var(--text)!important}.api-key-delete-button .MuiSvgIcon-root:hover{color:var(--accent)}.api-key-delete-button:hover{background-color:#ff00001a!important}.api-key-delete-button .MuiSvgIcon-root{color:var(--text);display:block!important}.api-key-manager .MuiChip-root{background-color:var(--surface-light);color:var(--text)}.api-key-manager .MuiChip-colorError{background-color:var(--accent-light);color:#fff}.api-key-manager .MuiAlert-root{background-color:transparent;color:var(--text);border-radius:8px!important;border:1px solid var(--border)}.api-key-manager .MuiAlert-standardSuccess{background-color:#10b9811a;border-left:4px solid var(--secondary)}.api-key-manager .MuiAlert-standardInfo{background-color:#6366f11a;border-left:4px solid var(--primary)}.api-key-manager .MuiAlert-standardError{background-color:#ef44441a;border-left:4px solid var(--accent)}.api-key-manager .MuiAlert-root pre,.api-key-manager .MuiAlert-root code,.api-key-manager .MuiAlert-root .code-block{background-color:var(--surface);border-radius:4px!important;padding:8px;font-family:var(--font-mono);margin-top:8px;border:1px solid var(--border);display:block}.api-key-text-field p{color:var(--text-secondary)!important}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:1.5rem;position:relative;overflow:hidden;isolation:isolate;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:svgjs='http://svgjs.dev/svgjs'%20viewBox='0%200%20800%20450'%20opacity='1'%20shape-rendering='geometricPrecision'%3e%3cdefs%3e%3cfilter%20id='bbblurry-filter'%20x='-100%25'%20y='-100%25'%20width='400%25'%20height='400%25'%20filterUnits='objectBoundingBox'%20primitiveUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeGaussianBlur%20stdDeviation='50'%20x='0%25'%20y='0%25'%20width='100%25'%20height='100%25'%20in='SourceGraphic'%20edgeMode='none'%20result='blur'%3e%3canimate%20attributeName='stdDeviation'%20values='50;51;50'%20dur='0.1s'%20repeatCount='1'/%3e%3c/feGaussianBlur%3e%3c/filter%3e%3cfilter%20id='grain'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.8'%20numOctaves='2'%20stitchTiles='stitch'%20result='noise'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'%20in='noise'%20result='desaturatedNoise'/%3e%3cfeComponentTransfer%20in='desaturatedNoise'%20result='theNoise'%3e%3cfeFuncA%20type='table'%20tableValues='0%200.05'/%3e%3c/feComponentTransfer%3e%3cfeBlend%20in='SourceGraphic'%20in2='theNoise'%20mode='screen'/%3e%3c/filter%3e%3c/defs%3e%3cg%20filter='url(%23bbblurry-filter)'%20style='will-change:%20filter'%3e%3cellipse%20rx='135'%20ry='135.5'%20cx='390.1443897594104'%20cy='408.6873918013139'%20fill='%2334d399'%3e%3canimate%20attributeName='opacity'%20values='1;0.99;1'%20dur='0.1s'%20repeatCount='1'/%3e%3c/ellipse%3e%3cellipse%20rx='135'%20ry='135.5'%20cx='469.4802939675071'%20cy='155.46403364701703'%20fill='%23a855f7'%3e%3canimate%20attributeName='opacity'%20values='1;0.99;1'%20dur='0.1s'%20repeatCount='1'/%3e%3c/ellipse%3e%3cellipse%20rx='135'%20ry='135.5'%20cx='492.06327958540476'%20cy='258.7558954412287'%20fill='%2334d399'%3e%3canimate%20attributeName='opacity'%20values='1;0.99;1'%20dur='0.1s'%20repeatCount='1'/%3e%3c/ellipse%3e%3cellipse%20rx='135'%20ry='135.5'%20cx='258.7628451260654'%20cy='362.52402565696025'%20fill='%23a855f7'%3e%3canimate%20attributeName='opacity'%20values='1;0.99;1'%20dur='0.1s'%20repeatCount='1'/%3e%3c/ellipse%3e%3c/g%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23grain)'%20style='mix-blend-mode:%20overlay'%20opacity='0.2'%20/%3e%3c/svg%3e");background-size:cover}.auth-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.15;mix-blend-mode:overlay;pointer-events:none;z-index:2;animation:grainAnimation 8s steps(10) infinite}.auth-container:before,.auth-container:after{display:none}.auth-card{width:100%;max-width:420px;background:var(--surface)!important;border:none!important;box-shadow:var(--shadow);position:relative;z-index:1;border-radius:24px!important;padding:1.25rem;color:var(--text)!important}.auth-card .MuiCardContent-root{padding:1rem}.auth-card .MuiTextField-root{margin-bottom:1rem}.auth-card .MuiTextField-root .MuiOutlinedInput-root{background-color:var(--surface-light)!important;border-radius:12px!important;transition:all .2s ease-in-out;font-family:var(--font-sans);font-size:.9375rem}.auth-card .MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:var(--border);border-width:1px;transition:border-color .2s ease-in-out}.auth-card .MuiTextField-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-light)}.auth-card .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary);border-width:1px}.auth-card .MuiInputBase-root input{background-color:var(--surface-light)!important;border-radius:12px!important}.auth-card .MuiInputLabel-root{color:var(--text-secondary);font-family:var(--font-sans);font-size:.9375rem}.auth-card .MuiInputLabel-root.Mui-focused{color:var(--primary)}.auth-card .MuiButton-root{height:48px;font-weight:600;text-transform:none;font-size:1rem;border-radius:12px!important;background:var(--primary);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;font-family:var(--font-sans)}.auth-card .MuiButton-root:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px -4px var(--primary-light),0 0 1px 0 var(--primary-light)}.auth-card .MuiTabs-root{margin-bottom:1.5rem;min-height:40px}.auth-card .MuiTab-root{text-transform:none;font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease-in-out;min-height:40px;padding:6px 16px;font-family:var(--font-sans)}.auth-card .MuiTab-root.Mui-selected{color:var(--primary);font-weight:600}.auth-card .MuiTabs-indicator{background-color:var(--primary);height:2px;border-radius:2px!important}.auth-card .MuiAlert-root{border-radius:10px!important;font-size:.875rem;font-family:var(--font-sans);padding:6px 12px}.auth-card .MuiInputAdornment-root .MuiSvgIcon-root{font-size:1.125rem;transition:color .2s ease-in-out;color:var(--text-secondary)}.auth-card .Mui-focused .MuiInputAdornment-root .MuiSvgIcon-root{color:var(--primary)}.auth-card .MuiTabPanel-root{padding:1rem .5rem}@keyframes float{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(80px,80px) rotate(8deg) scale(1.1)}50%{transform:translate(-60px,100px) rotate(-8deg) scale(1.15)}75%{transform:translate(100px,-80px) rotate(10deg) scale(.95)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.auth-card{animation:slideUp .5s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(2deg)}to{transform:scale(1) rotate(-2deg)}}@keyframes gradientPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes grainAnimation{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(-4%,4%)}30%{transform:translate(4%,-4%)}40%{transform:translate(-4%,2%)}50%{transform:translate(2%,-2%)}60%{transform:translate(4%,4%)}70%{transform:translate(2%,-4%)}80%{transform:translate(-2%,2%)}90%{transform:translate(2%,4%)}}.connect-agent-details-container{padding:32px;max-width:1200px;margin:0 auto}.connect-agent-details-header{color:var(--text);font-family:var(--font-display);font-weight:700!important;font-size:28px}.connect-agent-details-back-button.MuiIconButton-root{color:var(--text-secondary)}.connect-agent-details-back-button.MuiIconButton-root:hover{color:var(--primary);background-color:var(--primary-light)}.connect-agent-details-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.connect-agent-details-sidebar.MuiPaper-root{box-shadow:none!important;background-color:var(--surface);border-radius:12px!important;padding:16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:32px;border:1px solid var(--border)}.connect-agent-details-nav-button.MuiButton-root{justify-content:flex-start;padding:12px 16px;text-transform:none;font-weight:500;color:var(--text-secondary);border-radius:8px!important;transition:all .2s ease}.connect-agent-details-nav-button.MuiButton-root:hover{background-color:var(--surface-variant);color:var(--text)}.connect-agent-details-nav-button.MuiButton-root.active{background-color:var(--primary-light);color:var(--primary)}.connect-agent-details-nav-button.MuiButton-root.active:hover{background-color:var(--primary-light)}.connect-agent-details-content.MuiCard-root{padding:24px;border-radius:12px!important;background-color:var(--surface);box-shadow:0 1px 2px #0000000d;border:1px solid var(--border)}.connect-agent-details-avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px}.connect-agent-details-avatar.MuiAvatar-root{width:96px;height:96px;border-radius:16px!important;background-color:var(--primary-light);color:var(--primary);font-family:var(--font-display);font-weight:600;font-size:32px;box-shadow:0 2px 4px #0000000d}.connect-agent-details-upload-button.MuiButton-root{text-transform:none;border-radius:8px!important;border-color:var(--border);color:var(--text-secondary)}.connect-agent-details-upload-button.MuiButton-root:hover{border-color:var(--primary-light);background-color:var(--primary-light);color:var(--primary)}.connect-agent-details-text-field.MuiTextField-root .MuiOutlinedInput-root{border-radius:8px!important;background-color:var(--surface)}.connect-agent-details-text-field.MuiTextField-root label{color:var(--text-secondary)}.connect-agent-details-text-field.MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--border)!important}.connect-agent-details-text-field.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-light)!important}.connect-agent-details-text-field.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary)!important}.connect-agent-details-section-title{color:var(--text);font-family:var(--font-display);font-weight:600;font-size:18px}.connect-agent-details-integration-card.MuiCard-root{padding:16px;border-radius:8px!important;background-color:var(--surface-variant);box-shadow:none;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.connect-agent-details-integration-card.MuiCard-root{border-color:var(--border)}.connect-agent-details-integration-card.MuiCard-root:hover{background-color:var(--surface);border-color:var(--primary-light)}.connect-agent-details-integration-card.MuiCard-root.selected{background-color:var(--surface);border-color:var(--primary)}.connect-agent-details-integration-icon{width:40px;height:40px;border-radius:8px!important;object-fit:cover}.connect-agent-details-integration-icon.default-icon{width:40px;height:40px;border-radius:8px!important;background-color:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:18px}.connect-agent-details-integration-name{color:var(--text);font-family:var(--font-display);font-weight:500}.connect-agent-details-integration-status{display:flex;align-items:center}.connect-agent-details-integration-status-icon{width:24px;height:24px}.connect-agent-details-integration-status-icon.enabled{color:var(--primary)}.connect-agent-details-integration-status-icon.disabled{width:20px;height:20px;border:2px solid var(--border);border-radius:50%!important}.connect-agent-details-save-button.MuiButton-root{text-transform:none;border-radius:8px!important;background-color:var(--primary);padding:8px 24px}.connect-agent-details-save-button.MuiButton-root:hover{background-color:var(--primary-dark)}.connect-agent-details-test-button.MuiButton-root{text-transform:none;border-radius:8px!important;padding:8px 24px;border-color:var(--primary-light);color:var(--primary)}.connect-agent-details-test-button.MuiButton-root:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.connect-agent-details-knowledge-item{border:1px solid var(--border);border-radius:8px!important;margin-bottom:8px;background-color:var(--surface-variant)}.connect-agent-details-knowledge-item:hover{background-color:var(--surface)}.connect-agent-details-knowledge-item .MuiListItemIcon-root{color:var(--text-secondary);min-width:40px}.connect-agent-details-knowledge-item .MuiListItemText-primary{color:var(--text);font-weight:500;font-family:var(--font-sans)}.connect-agent-details-knowledge-item .MuiListItemText-secondary{color:var(--text-secondary);font-size:.875rem}.connect-agent-details-delete-button.MuiIconButton-root{color:var(--text-secondary);opacity:1;transition:all .2s ease-in-out}.connect-agent-details-knowledge-item:hover .connect-agent-details-delete-button.MuiIconButton-root{opacity:1}.connect-agent-details-delete-button.MuiIconButton-root:hover{background-color:var(--error-light);color:var(--error)}.connect-agent-details-retry-button.MuiIconButton-root{color:var(--text-secondary);opacity:1;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.connect-agent-details-retry-button.MuiIconButton-root:hover{background-color:var(--info-light);color:var(--info)}.connect-agent-details-knowledge-row:hover .connect-agent-details-retry-button.MuiIconButton-root{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:rotate 1s linear infinite}@media (max-width: 768px){.connect-agent-details-layout{grid-template-columns:1fr}.connect-agent-details-sidebar.MuiPaper-root{position:relative;top:0;flex-direction:row;overflow-x:auto;padding:8px}.connect-agent-details-nav-button.MuiButton-root{white-space:nowrap}}.connect-agent-details-search-field.MuiTextField-root{background-color:var(--surface-variant);border-radius:8px!important}.connect-agent-details-search-field.MuiTextField-root .MuiOutlinedInput-root{border-radius:8px!important}.connect-agent-details-search-field.MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:var(--border)!important}.connect-agent-details-search-field.MuiTextField-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-light)!important}.connect-agent-details-search-field.MuiTextField-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary)!important}.connect-agent-details-knowledge-table .MuiTableHead-root .MuiTableCell-root{background-color:var(--surface-variant);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid var(--border)}.connect-agent-details-knowledge-table .MuiTableHead-root .MuiTableCell-root:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}.connect-agent-details-knowledge-table .MuiTableHead-root .MuiTableCell-root:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.connect-agent-details-knowledge-row{transition:background-color .2s ease;color:var(--text)!important}.connect-agent-details-knowledge-row:hover{background-color:var(--surface-variant)}.connect-agent-details-knowledge-row .MuiTableCell-root{padding:12px 16px;border-bottom:1px solid var(--border)!important;color:var(--text)!important}.connect-agent-details-status-pending{color:var(--warning);text-transform:capitalize}.connect-agent-details-status-processing{color:var(--info);text-transform:capitalize}.connect-agent-details-status-completed{color:var(--success);text-transform:capitalize}.connect-agent-details-status-failed{color:var(--error);text-transform:capitalize}.connect-agent-details-publish-button.MuiButton-root{background-color:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:4px!important;padding:8px 16px;font-weight:500;transition:all .3s ease}.connect-agent-details-publish-button.MuiButton-root:hover{background-color:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.connect-agent-details-publish-button.MuiButton-root.Mui-success{color:var(--success);border-color:var(--success)}.connect-agent-details-publish-button.MuiButton-root.Mui-success:hover{background-color:rgba(var(--success-rgb),.1);border-color:var(--success)}.connect-agent-details-publish-section{padding:16px 20px;border:1px solid var(--border);border-radius:8px!important;background-color:var(--surface)!important;transition:all .2s ease}.connect-agent-details-publish-section:hover{background-color:var(--surface);border-color:var(--primary-light)}.connect-agent-details-publish-button-prominent.MuiButton-root{padding:8px 24px;border-radius:8px!important;font-weight:500;text-transform:none;box-shadow:var(--shadow-sm);transition:all .3s ease}.connect-agent-details-publish-button-prominent.MuiButton-root:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.connect-agent-details-publish-button-prominent.MuiButton-contained{background-color:var(--primary)}.connect-agent-details-publish-button-prominent.MuiButton-contained:hover{background-color:var(--primary-dark)}.connect-agent-details-publish-button-prominent.MuiButton-contained.MuiButton-colorError{background-color:var(--accent)}.connect-agent-details-publish-button-prominent.MuiButton-contained.MuiButton-colorError:hover{background-color:var(--accent-light)}.connect-agent-details-dialog-paper{border-radius:16px!important;background-color:var(--surface)!important;background-image:linear-gradient(180deg,var(--surface-light) 0%,var(--surface) 100%)!important;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.connect-agent-details-dialog-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl, 1.25rem);color:var(--text);border-bottom:1px solid var(--border);padding:1rem 1.5rem}.connect-agent-details-dialog-content{padding:2rem 1.5rem 1.5rem!important}.connect-agent-details-dialog-text{color:var(--text)!important;font-size:.9rem;margin:0}.connect-agent-details-dialog-actions{padding:1rem 1.5rem;border-top:1px solid var(--border)}.connect-agent-details-dialog-button{text-transform:none!important;font-weight:500!important;padding:.5rem 1.25rem!important;border-radius:8px!important;min-width:100px!important}.connect-agent-details-dialog-button.secondary{color:var(--text-secondary)!important;background-color:var(--surface-light)!important}.connect-agent-details-dialog-button.secondary:hover{background-color:var(--surface-variant)!important;color:var(--text)!important}.connect-agent-details-dialog-button.primary{background-color:var(--primary)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}.connect-agent-details-dialog-button.primary:hover{background-color:var(--primary-dark)!important;transform:translateY(-1px);box-shadow:var(--shadow)!important}.connect-agent-details-dialog-button.primary.MuiButton-containedError{background-color:var(--accent)!important}.connect-agent-details-dialog-button.primary.MuiButton-containedError:hover{background-color:var(--accent-light)!important}.connect-agent-details-text-field.MuiTextField-root .MuiSelect-select{color:var(--text)!important}.connect-agent-details-rephrasing-switch .MuiSwitch-switchBase.Mui-checked{color:var(--primary)}.connect-agent-details-rephrasing-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--primary-light)}.connect-agent-details-rephrasing-switch .MuiSwitch-switchBase{color:var(--surface-light)}.connect-agent-details-rephrasing-switch .MuiSwitch-track{background-color:var(--border);opacity:1}.connect-agent-details-rephrasing-switch .MuiFormControlLabel-label{font-weight:500;color:var(--text)}.connect-agent-details-guardrailing-switch .MuiSwitch-switchBase.Mui-checked{color:var(--primary)}.connect-agent-details-guardrailing-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--primary-light)}.connect-agent-details-guardrailing-switch .MuiSwitch-switchBase{color:var(--surface-light)}.connect-agent-details-guardrailing-switch .MuiSwitch-track{background-color:var(--border);opacity:1}.connect-agent-details-guardrailing-switch .MuiFormControlLabel-label{font-weight:500;color:var(--text)}.connect-agent-details-text-field.MuiTextField-root .MuiFormHelperText-root{color:var(--text-secondary);opacity:.9;margin-top:6px;font-size:.8rem}.mcp-details-variable-switch .MuiSwitch-switchBase.Mui-checked{color:var(--primary)}.mcp-details-variable-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--primary-light)}.mcp-details-variable-switch .MuiSwitch-switchBase{color:var(--surface-light)}.mcp-details-variable-switch .MuiSwitch-track{background-color:var(--border);opacity:1}.mcp-details-variable-switch .MuiFormControlLabel-label{font-weight:500;color:var(--text)}.mcp-details-public-switch .MuiSwitch-switchBase.Mui-checked{color:var(--primary)}.mcp-details-public-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--primary-light)}.mcp-details-public-switch .MuiSwitch-switchBase{color:var(--surface-light)}.mcp-details-public-switch .MuiSwitch-track{background-color:var(--border);opacity:1}.mcp-details-public-switch .MuiFormControlLabel-label{font-weight:500;color:var(--text)}.user-profile-container{padding:2rem;max-width:1200px;margin:0 auto}.user-profile-header{text-align:center;margin-bottom:2rem;position:relative}.user-profile-edit-button{position:absolute!important;right:0!important;top:0!important;color:var(--text-secondary)!important}.user-profile-edit-button:hover{color:var(--primary)!important;background-color:var(--primary-light)!important}.user-profile-avatar{width:120px!important;height:120px!important;margin:0 auto 1rem!important;background-color:var(--primary)!important;color:#fff!important;font-size:3rem!important;cursor:pointer}.user-profile-avatar-badge button{background-color:var(--surface)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-secondary)!important}.user-profile-avatar-badge button:hover{background-color:var(--surface)!important}.user-profile-name{color:var(--text)!important;font-family:var(--font-display)!important;font-weight:600!important;font-size:var(--text-2xl)!important;margin-bottom:.5rem!important}.user-profile-bio{color:var(--text-secondary)!important;font-size:var(--text-base)!important;max-width:600px!important;margin:0 auto!important}.user-profile-edit-form{max-width:500px!important;margin:0 auto!important}.user-profile-edit-form .MuiTextField-root{margin-bottom:1rem!important}.user-profile-edit-form .MuiTextField-root .MuiOutlinedInput-root{background-color:var(--surface)!important;border-radius:8px!important}.user-profile-edit-form .MuiTextField-root .MuiInputLabel-root{color:var(--text-secondary)!important}.user-profile-edit-form .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-light)!important}.user-profile-edit-form .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary)!important}.user-profile-section-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--text);margin-top:2.5rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.user-profile-agents{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.user-profile-no-agents{background-color:var(--surface-light);border:1px dashed var(--border);border-radius:12px!important;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-profile-no-agents-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text);margin-bottom:.5rem}.user-profile-no-agents-text{color:var(--text-secondary);font-size:var(--text-sm);max-width:24rem;margin:0 auto}.user-profile-integrations{display:grid;grid-template-columns:1fr;gap:1rem}.user-profile-no-integrations{background-color:var(--surface-light);border:1px dashed var(--border);border-radius:12px!important;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-profile-no-integrations-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text);margin-bottom:.5rem}.user-profile-no-integrations-text{color:var(--text-secondary);font-size:var(--text-sm);max-width:24rem;margin:0 auto}@media (min-width: 640px){.user-profile-agents,.user-profile-integrations{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.user-profile-agents,.user-profile-integrations{grid-template-columns:repeat(3,1fr)}}[class*=connect-agent-page] .app-header{display:none!important}[class*=connect-agent-page] .app{min-height:100vh!important;margin-top:0!important}.connect-agent-page-container{height:100vh;display:flex;flex-direction:column;background:var(--surface-dark)}.subscription-container{padding:2rem;background-color:var(--surface-light);min-height:calc(100vh - 70px)}.subscription-header{margin-bottom:2rem}.subscription-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--text);margin-bottom:.5rem;position:relative;display:inline-block}.subscription-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:4px;background:var(--primary);border-radius:2px!important}.subscription-card{background-color:var(--surface);border-radius:16px!important;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.subscription-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.current-plan-card{background-color:var(--surface);border-radius:16px!important;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;margin-bottom:2rem}.current-plan-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.current-plan-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text);margin:0}.plan-chip{font-size:var(--text-sm);font-weight:600;padding:.25rem .75rem;border-radius:20px!important;text-transform:uppercase;letter-spacing:.5px;background-color:var(--primary-light);color:var(--primary)}.current-plan-content{padding:1.5rem}.subscription-period{margin-bottom:1.5rem}.subscription-period h3{font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:.5rem}.subscription-period p{font-size:var(--text-base);color:var(--text-secondary)}.token-usage-section{margin-bottom:1.5rem}.token-usage-section h3{font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:.5rem}.token-usage-bar{height:10px;background-color:var(--gray-200);border-radius:5px!important;margin-bottom:.5rem;overflow:hidden}.token-usage-progress{height:100%;border-radius:5px!important;transition:width .5s ease}.token-usage-progress.low{background-color:var(--success)}.token-usage-progress.medium{background-color:var(--warning)}.token-usage-progress.high{background-color:var(--accent)}.token-usage-numbers{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.token-usage-warning{margin-top:1rem;padding:.75rem 1rem;background-color:#f59e0b1a;border-left:4px solid var(--warning);border-radius:4px!important;font-size:var(--text-sm);color:var(--text)}.plans-section{margin-top:3rem}.plans-section h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text);margin-bottom:1.5rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.plan-card{background-color:var(--surface);border-radius:16px!important;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.plan-card.current{border:2px solid var(--primary)}.plan-header{padding:1.5rem;border-bottom:1px solid var(--border)}.plan-name{font-size:var(--text-xl);font-weight:600;color:var(--text);margin-bottom:.5rem}.plan-price{font-size:var(--text-3xl);font-weight:700;color:var(--primary);margin-bottom:.25rem;display:flex;align-items:baseline}.plan-price .currency{font-size:var(--text-lg);margin-right:.25rem}.plan-price .period{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400;margin-left:.5rem}.plan-tokens{font-size:var(--text-sm);color:var(--text-secondary)}.plan-content{padding:1.5rem;flex-grow:1}.plan-features{list-style-type:none;padding:0;margin:0}.plan-feature-item{display:flex;align-items:center;padding:.5rem 0;font-size:var(--text-sm);color:var(--text)}.plan-feature-icon{margin-right:.75rem;color:var(--success);font-size:1rem}.plan-actions{padding:1.5rem;border-top:1px solid var(--border)}.plan-button{width:100%;padding:.75rem 1.5rem;font-size:var(--text-base);font-weight:600;border-radius:8px!important;cursor:pointer;transition:all .2s ease;text-align:center;border:none;outline:none}.plan-button.primary{background-color:var(--primary);color:#fff}.plan-button.primary:hover{background-color:var(--primary-dark)}.plan-button.secondary{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.plan-button.secondary:hover{background-color:var(--primary-light)}.plan-button.disabled{background-color:var(--gray-200);color:var(--gray-500);cursor:not-allowed}.upgrade-dialog{background-color:var(--surface);color:var(--text);border-radius:16px!important;box-shadow:var(--shadow-lg);max-width:500px;width:100%}.dialog-title{padding:1.5rem;border-bottom:1px solid var(--border);font-size:var(--text-xl);font-weight:600}.dialog-content{padding:1.5rem}.dialog-actions{padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--border)}@media (prefers-color-scheme: dark){.token-usage-bar{background-color:var(--gray-700)}.token-usage-warning{background-color:#f59e0b26}.plan-button.disabled{background-color:var(--gray-700);color:var(--gray-400)}.plan-card.current{border:2px solid var(--primary);box-shadow:0 0 0 1px var(--primary-light)}.token-usage-progress.low{background-color:var(--success)}.token-usage-progress.medium{background-color:var(--warning)}.token-usage-progress.high{background-color:var(--accent)}}.admin-dashboard{padding:2rem;background-color:var(--surface-light);min-height:calc(100vh - 70px)}.admin-header{margin-bottom:2rem}.admin-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--text);margin-bottom:.5rem;position:relative;display:inline-block}.admin-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:4px;background:var(--primary);border-radius:2px!important}.admin-card{background-color:var(--surface);border-radius:16px!important;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%}.admin-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.admin-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.admin-card-header h2{font-size:var(--text-xl);font-weight:600;color:var(--text);margin:0}.admin-card-content{padding:1.5rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--surface);border-radius:16px!important;box-shadow:var(--shadow);border:1px solid var(--border);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-title{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text);margin-bottom:.5rem}.stat-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.usage-bar{height:10px;background-color:var(--gray-200);border-radius:5px!important;margin:.75rem 0;overflow:hidden}.usage-progress{height:100%;border-radius:5px!important;transition:width .5s ease}.usage-progress.low{background-color:var(--success)}.usage-progress.medium{background-color:var(--warning)}.usage-progress.high{background-color:var(--accent)}.usage-numbers{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.admin-section{margin-bottom:2.5rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--surface);border-radius:12px!important;overflow:hidden;box-shadow:var(--shadow)}.admin-table th{background-color:var(--surface-dark);color:var(--text-secondary);font-weight:600;text-align:left;padding:1rem 1.5rem;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border);color:var(--text);font-size:var(--text-base)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:var(--surface-light)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text);margin-bottom:.25rem}.user-email{font-size:var(--text-sm);color:var(--text-secondary)}.plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:20px!important;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.free{background-color:var(--gray-200);color:var(--gray-700)}.plan-badge.starter{background-color:#10b9811a;color:var(--success)}.plan-badge.business{background-color:#6366f11a;color:var(--primary)}.plan-badge.enterprise{background-color:#f59e0b1a;color:var(--warning)}.usage-cell{min-width:200px}.usage-cell-bar{display:flex;align-items:center;gap:1rem}.usage-cell-progress{flex-grow:1;height:8px;background-color:var(--gray-200);border-radius:4px!important;overflow:hidden}.usage-cell-progress-inner{height:100%;border-radius:4px!important;transition:width .5s ease}.usage-cell-progress-inner.low{background-color:var(--success)}.usage-cell-progress-inner.medium{background-color:var(--warning)}.usage-cell-progress-inner.high{background-color:var(--accent)}.usage-cell-percentage{font-size:var(--text-sm);font-weight:600;min-width:40px;text-align:right}.usage-cell-percentage.low{color:var(--success)}.usage-cell-percentage.medium{color:var(--warning)}.usage-cell-percentage.high{color:var(--accent)}.usage-cell-numbers{font-size:var(--text-xs);color:var(--text-secondary);margin-top:.25rem}.action-button{padding:.5rem 1rem;font-size:var(--text-sm);font-weight:600;border-radius:6px!important;cursor:pointer;transition:all .2s ease;background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.action-button:hover{background-color:var(--primary-light)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-dashboard .MuiFormControl-root{min-width:100px!important}.admin-dashboard .MuiSelect-select{background-color:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:6px!important;padding:8px 12px!important;font-size:var(--text-sm)!important;font-weight:600!important;transition:all .2s ease!important}.admin-dashboard .MuiSelect-select:hover{border-color:var(--primary)!important}.admin-dashboard .MuiSelect-select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-light)!important}.admin-dashboard .MuiOutlinedInput-notchedOutline{border:none!important}.admin-dashboard .MuiSelect-icon{color:var(--text-secondary)!important}.admin-dashboard .MuiPaper-root.MuiMenu-paper{background-color:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:var(--shadow-lg)!important;margin-top:4px!important}.admin-dashboard .MuiMenuItem-root{background-color:var(--surface)!important;color:var(--text)!important;font-size:var(--text-sm)!important;font-weight:600!important;padding:8px 16px!important;transition:background-color .2s ease!important}.admin-dashboard .MuiMenuItem-root:hover{background-color:var(--surface-light)!important}.admin-dashboard .MuiMenuItem-root.Mui-selected{background-color:var(--primary-light)!important;color:var(--primary)!important}.admin-dashboard .MuiMenuItem-root.Mui-selected:hover{background-color:var(--primary-light)!important}.plan-change-dialog .MuiPaper-root{border-radius:16px!important;background-color:var(--surface)!important;background-image:linear-gradient(180deg,var(--surface-light) 0%,var(--surface) 100%)!important;overflow:hidden!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;max-width:500px!important;width:100%!important}.plan-change-dialog .MuiDialogTitle-root{font-family:var(--font-display)!important;font-weight:600!important;font-size:var(--text-xl)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;padding:1.5rem!important;background:var(--surface-light)!important}.plan-change-dialog .MuiDialogContent-root{padding:1.5rem!important;background:linear-gradient(180deg,var(--surface-light) 0%,var(--surface) 100%)!important}.plan-change-dialog .MuiDialogContentText-root{color:var(--text)!important;font-size:var(--text-base)!important;line-height:1.6!important;margin:0!important}.plan-change-dialog .MuiDialogActions-root{padding:1rem 1.5rem!important;border-top:1px solid var(--border)!important;background:var(--surface)!important;gap:1rem!important}.plan-change-dialog .MuiButton-root{text-transform:none!important;font-weight:500!important;padding:.5rem 1.25rem!important;border-radius:8px!important;min-width:100px!important;font-size:var(--text-sm)!important}.plan-change-dialog .MuiButton-text{color:var(--text-secondary)!important;background-color:var(--surface-light)!important}.plan-change-dialog .MuiButton-text:hover{background-color:var(--gray-200)!important;color:var(--text)!important}.plan-change-dialog .MuiButton-contained{background-color:var(--primary)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}.plan-change-dialog .MuiButton-contained:hover{background-color:var(--primary-dark)!important;box-shadow:var(--shadow)!important}.warning-alert{background-color:#f59e0b1a;border-left:4px solid var(--warning);border-radius:4px!important;padding:1rem 1.5rem;margin-bottom:1.5rem;color:var(--text)}.reset-dialog .MuiPaper-root{border-radius:16px!important;background-color:var(--surface)!important;background-image:linear-gradient(180deg,var(--surface-light) 0%,var(--surface) 100%)!important;overflow:hidden!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;max-width:500px!important;width:100%!important}.reset-dialog .MuiDialogTitle-root{font-family:var(--font-display)!important;font-weight:600!important;font-size:var(--text-xl)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;padding:1.5rem!important;background:var(--surface-light)!important}.reset-dialog .MuiDialogContent-root{padding:1.5rem!important;background:linear-gradient(180deg,var(--surface-light) 0%,var(--surface) 100%)!important}.reset-dialog .MuiDialogContentText-root{color:var(--text)!important;font-size:var(--text-base)!important;line-height:1.6!important;margin:0!important}.reset-dialog .MuiDialogActions-root{padding:1rem 1.5rem!important;border-top:1px solid var(--border)!important;background:var(--surface)!important;gap:1rem!important}.reset-dialog .MuiButton-root{text-transform:none!important;font-weight:500!important;padding:.5rem 1.25rem!important;border-radius:8px!important;min-width:100px!important;font-size:var(--text-sm)!important}.reset-dialog .MuiButton-text{color:var(--text-secondary)!important;background-color:var(--surface-light)!important}.reset-dialog .MuiButton-text:hover{background-color:var(--gray-200)!important;color:var(--text)!important}.reset-dialog .MuiButton-contained{background-color:var(--primary)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}.reset-dialog .MuiButton-contained:hover{background-color:var(--primary-dark)!important;box-shadow:var(--shadow)!important}.success-notification{background-color:var(--success)!important;color:#fff!important;border-radius:8px!important;box-shadow:var(--shadow)!important}@media (prefers-color-scheme: dark){.usage-bar{background-color:var(--gray-700)}.admin-table th{background-color:var(--dark-surface-dark)}.admin-table tr:hover td{background-color:var(--dark-surface-light)}.plan-badge.free{background-color:var(--gray-700);color:var(--gray-300)}.plan-badge.starter{background-color:#10b98126}.plan-badge.business{background-color:#6366f126}.plan-badge.enterprise{background-color:#f59e0b26}.usage-cell-progress{background-color:var(--gray-700)}.warning-alert{background-color:#f59e0b26}.plan-change-dialog .MuiButton-text:hover,.reset-dialog .MuiButton-text:hover{background-color:var(--gray-600)!important}.plan-change-dialog .MuiDialogTitle-root,.reset-dialog .MuiDialogTitle-root{background:var(--dark-surface-dark)!important}.plan-change-dialog .MuiDialogContent-root,.reset-dialog .MuiDialogContent-root{background:linear-gradient(180deg,var(--dark-surface-dark) 0%,var(--dark-surface) 100%)!important}}
