body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{height:100%;margin:0;padding:0}.typing-indicator{align-items:center;display:inline-flex;margin:5px 0}.typing-indicator span{background-color:#999;border-radius:50%;display:inline-block;height:8px;margin:0 2px;opacity:.4;width:8px}.typing-indicator span:first-child{animation:pulse 1s infinite}.typing-indicator span:nth-child(2){animation:pulse 1s .2s infinite}.typing-indicator span:nth-child(3){animation:pulse 1s .4s infinite}@keyframes pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.message{word-wrap:break-word;animation:fadeIn .3s ease-in-out;border-radius:10px;margin:15px 0;max-width:85%;padding:15px;position:relative}.message-sender{font-size:.9em;font-weight:700;margin-bottom:6px}.user-sender{color:#4a6da7}.system-sender{color:#777}.user-message{background-color:#e6f2ff;border-top-right-radius:2px;color:#333;margin-left:auto}.agent-message{background-color:#f5f5f5;border-top-left-radius:2px;color:#333;margin-right:auto}.system-message{background-color:#f0f0f0;border-left:3px solid #ccc;border-radius:10px;color:#555;font-style:italic;margin-right:auto}.message-timestamp{color:#999;font-size:.7em;margin-top:8px}.agent-name{align-items:center;display:flex;font-size:.9em;gap:8px;margin-bottom:6px}.agent-icon{display:inline-flex}.agent-name-research{color:var(--color-icon-research)}.agent-name-problem{color:var(--color-icon-problem)}.agent-name-brainstorm{color:var(--color-icon-brainstorm)}.agent-name-persona{color:var(--color-icon-persona)}.agent-name-prototype{color:var(--color-icon-prototype)}.agent-name-testing{color:var(--color-icon-testing)}.chat-container{height:calc(100vh - 200px);padding:20px;scroll-behavior:smooth}.main-content{height:100vh;overflow:hidden}.agent-highlight{animation:agent-pulse 1s 3}@keyframes agent-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}:root{--primary-color:#3770ff;--secondary-color:#6c63ff;--accent-color:#ff6584;--background-color:#f9fafb;--text-color:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}body,html{background-color:#f9fafb;background-color:var(--background-color);color:#111827;color:var(--text-color);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-sans);line-height:1.5;margin:0;padding:0}#root{display:flex;flex-direction:column;height:100vh}button{background:none;border:none;cursor:pointer;font-family:inherit}button:focus{outline:none}.btn{align-items:center;border-radius:.375rem;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:#3770ff;background-color:var(--primary-color)}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-color)}.btn-secondary:hover{background-color:#f9fafb}input,select,textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;font-family:inherit;font-size:.875rem;padding:.5rem .75rem}input:focus,select:focus,textarea:focus{border-color:#3770ff;border-color:var(--primary-color);box-shadow:0 0 0 2px #3770ff40;outline:none}.container{margin:0 auto;max-width:1280px;padding:0 1rem;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{background-color:#f5f5f5;flex-direction:column}.login-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px}.login-title{color:#333;font-size:28px;margin-bottom:10px}.login-subtitle{color:#666;font-size:16px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:5px}.form-input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;transition:border-color .3s;width:100%}.form-input:focus{border-color:#ff0080;outline:none}.error-message{color:#e74c3c;margin-top:10px;text-align:center}.login-button{border-radius:5px;font-weight:600;margin-top:10px}.login-button:hover{background-color:#e6006f}.login-button:disabled{background-color:#ccc}.main-container{background-color:#f5f5f5;display:flex;height:100vh}.sidebar{border-right:1px solid #e0e0e0;overflow-y:auto;padding:20px;width:300px}.content{display:flex;flex:1 1;flex-direction:column;padding:20px}.header{border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.header h1{color:#333;font-size:24px;margin:0}.user-info{align-items:center;display:flex;gap:10px}.logout-button{background-color:#e74c3c;border-radius:5px;color:#fff;padding:8px 16px;transition:background-color .3s}.logout-button:hover{background-color:#c0392b}.chat-area{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;flex:1 1;overflow-y:auto;padding:20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#ff0080}.password-requirements{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:5px;font-size:14px;margin-top:10px;padding:15px}.password-requirements h4{color:#333;font-size:14px;margin:0 0 10px}.requirement{align-items:center;color:#666;display:flex;margin-bottom:5px}.requirement.met{color:#27ae60}.requirement svg{margin-right:8px}.admin-panel-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.admin-panel-button:hover{background-color:#f0f0f0;color:#007bff}.project-manager{display:flex;flex-direction:column;height:100%;padding:.5rem}.create-project-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .2s;width:100%}.create-project-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.projects-list{flex:1 1;overflow-y:auto}.project-manager-error,.project-manager-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem}.project-manager .spinner{animation:spin 1s linear infinite}.retry-button{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;margin-top:.5rem;padding:.25rem .75rem}.empty-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.empty-state p{font-weight:500;margin:.5rem 0 .25rem}.empty-state span{font-size:.875rem;opacity:.7}.new-conversation-input,.new-project-input{align-items:center;background:var(--color-bg-secondary);border-radius:6px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.new-conversation-input input,.new-project-input input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:.875rem;outline:none}.new-conversation-input .icon,.new-project-input .icon{color:var(--color-text-secondary)}.action-btn,.cancel-btn,.confirm-btn{background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;transition:all .2s}.confirm-btn:hover{background:var(--color-success);color:#fff}.action-btn:hover,.cancel-btn:hover{background:var(--color-bg-tertiary)}.action-btn.delete:hover{background:var(--color-danger);color:#fff}.project-item{margin-bottom:.5rem}.project-header{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s}.project-header:hover{background:var(--color-bg-secondary)}.project-name{flex:1 1;font-size:.875rem;font-weight:500}.conversation-name-input,.project-name-input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;flex:1 1;font-size:.875rem;outline:none;padding:.125rem .5rem}.conversation-actions,.project-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.conversation-item:hover .conversation-actions,.project-header:hover .project-actions{opacity:1}.conversations-list{margin-left:2rem;margin-top:.25rem}.new-conversation-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;margin-bottom:.5rem;padding:.375rem .75rem;transition:all .2s;width:100%}.new-conversation-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.conversation-item{border-radius:6px;font-size:.813rem;gap:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;transition:all .2s}.conversation-item:hover{background:var(--color-bg-secondary)}.conversation-item.active{background:var(--color-primary-light);color:var(--color-primary)}.conversation-title{flex:1 1}.conversation-date{color:var(--color-text-secondary)}.agent-selection-container{align-items:center;background-color:#f5f5f7;display:flex;flex-direction:column;min-height:100vh;padding:40px 20px;position:relative}.agent-selection-header{margin-bottom:50px;text-align:center}.agent-selection-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:600;margin-bottom:10px}.agent-selection-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.agents-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px;max-width:1200px;width:100%}.agent-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:30px;transition:all .3s ease}.agent-card:hover{border-color:#e91e63;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.agent-icon{align-items:center;background:#0000;border:1.5px solid #e0e0e0;border-radius:12px;color:#666;display:flex;height:48px;justify-content:center;margin-bottom:20px;transition:all .3s ease;width:48px}.agent-card:hover .agent-icon{border-color:#e91e63;color:#e91e63;transform:scale(1.05)}.agent-card h3{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:12px}.agent-card p{color:#666;font-size:.95rem;line-height:1.6}.agent-selection-footer{margin-top:20px}.skip-button{background:#0000;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;padding:12px 32px;transition:all .3s ease}.skip-button:hover{background:#f5f5f7;border-color:#999;color:#333}.navigation-menu{background:#fff;border-right:1px solid #e0e0e0;height:100vh;left:0;padding:20px 0;position:fixed;top:0;width:200px}.navigation-menu nav ul{list-style:none;margin:0;padding:0}.navigation-menu nav ul li{align-items:center;color:#666;cursor:pointer;display:flex;padding:12px 24px;transition:background .2s ease}.navigation-menu nav ul li:hover{background:#f5f5f7}.navigation-menu nav ul li.active{background:#f0f0f0;color:#1a1a1a;font-weight:500}.nav-icon{align-items:center;display:inline-flex;margin-right:12px}.agent-selection-container{margin-left:200px}@media (max-width:1024px){.agents-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.navigation-menu{display:none}.agent-selection-container{margin-left:0;padding:20px}.agent-selection-header h1{font-size:2rem}.agents-grid{gap:16px;grid-template-columns:1fr}.agent-card{padding:20px}}.login-container{background-color:#f5f7fa}.login-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:450px;padding:32px;width:100%}.login-header{margin-bottom:28px}.login-header h1{color:#ff0080;font-size:28px;margin-bottom:8px}.login-header p{color:#666;font-size:16px}.login-form{gap:20px;margin-bottom:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group label{margin-bottom:6px}.form-group input{border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#ff0080}.form-group input.error{border-color:#ff4d4f}.error-message{color:#ff4d4f;font-size:14px;margin-top:4px}.error-container{background-color:#fff1f0;border:1px solid #ffccc7;border-radius:4px;margin-bottom:16px;padding:12px}.password-input-container{position:relative}.password-toggle{background:none;border:none;color:#999;cursor:pointer;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.login-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.login-button:hover{background-color:#d5006b}.login-button:disabled{background-color:#ff99c6;cursor:not-allowed}.demo-credentials{border-top:1px solid #eee;margin-top:24px;padding-top:24px}.demo-credentials h3{color:#666;font-size:16px;margin-bottom:12px;text-align:center}.demo-buttons{display:flex;gap:12px}.demo-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:10px;transition:opacity .3s}.demo-button:hover{opacity:.9}.demo-button.admin{background-color:#1890ff;color:#fff}.demo-button.user{background-color:#52c41a;color:#fff}.login-footer{color:#999;font-size:14px;margin-top:24px}.admin-panel{margin:0 auto;max-width:1200px;padding:2rem}.admin-header{margin-bottom:2rem}.admin-header h1{color:#1a1a1a;font-size:2rem;margin-bottom:.5rem}.admin-header p{color:#666}.admin-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem}.admin-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.admin-tabs button:hover{color:#1a1a1a}.admin-tabs button.active{border-bottom-color:#007bff;color:#007bff}.admin-error{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:.5rem;color:#c00;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.admin-error button{background:none;border:none;color:#c00;cursor:pointer;font-size:1.5rem}.admin-loading{color:#666;padding:3rem;text-align:center}.admin-actions{margin-bottom:1.5rem}.btn-primary{background-color:#007bff;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:background-color .3s ease}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:background-color .3s ease}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:background-color .3s ease}.btn-danger:hover{background-color:#c82333}.companies-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.company-card{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;padding:1.5rem;transition:box-shadow .3s ease}.company-card:hover{box-shadow:0 4px 6px #0000001a}.company-card h3{color:#1a1a1a;margin:0 0 .5rem}.company-slug{color:#666;font-size:.875rem;margin-bottom:.5rem}.company-domain{color:#666}.company-domain,.company-stats{font-size:.875rem;margin-bottom:1rem}.company-stats{align-items:center;display:flex;justify-content:space-between}.company-stats .active{color:#28a745}.company-stats .inactive{color:#dc3545}.create-company-form{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;margin-bottom:2rem;max-width:500px;padding:1.5rem}.create-company-form h3{color:#1a1a1a;margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:.375rem;font-size:1rem;padding:.5rem;width:100%}.form-group input:focus{border-color:#007bff;outline:none}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.users-table{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:.75rem;text-align:left}.users-table td{border-bottom:1px solid #e0e0e0;padding:.75rem}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:#f8f9fa}.status-toggle{border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:all .3s ease}.status-toggle.active{background-color:#d4edda;color:#155724}.status-toggle.inactive{background-color:#f8d7da;color:#721c24}.admin-toggle{background-color:#e9ecef;border:none;border-radius:.25rem;color:#495057;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:all .3s ease}.admin-toggle.admin{background-color:#cfe2ff;color:#084298}.admin-toggle:disabled{cursor:not-allowed;opacity:.5}.superuser-badge{background-color:#6f42c1;border-radius:.25rem;color:#fff;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.admin-panel-unauthorized{padding:4rem 2rem;text-align:center}.admin-panel-unauthorized h2{color:#dc3545;margin-bottom:1rem}.admin-panel-unauthorized p{color:#666}@media (max-width:768px){.admin-panel{padding:1rem}.companies-grid{grid-template-columns:1fr}.users-table{overflow-x:auto}.users-table table{min-width:600px}}:root{--color-primary:#ff0080;--color-black:#000;--color-light-gray:#b7c4c8;--color-yellow:#fa0;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-research:#f0f8ff;--color-bg-problem:#fff0f5;--color-bg-brainstorm:#fffacd;--color-bg-persona:#e6ffe6;--color-bg-prototype:#e6e6ff;--color-bg-testing:#f5f5f5;--color-icon-research:#06c;--color-icon-problem:#c06;--color-icon-brainstorm:#c90;--color-icon-persona:#060;--color-icon-prototype:#009;--color-icon-testing:#666;--color-text-primary:#000;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-inverse:#fff;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-danger:#ef4444;--color-primary-light:#ff00801a;--color-primary-dark:#c06;--color-border:var(--color-border-light);--color-text:var(--color-text-primary);--font-family-primary:"Replica Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;color:var(--color-text-primary);font-family:Replica Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-weight:400;font-weight:var(--font-weight-regular);height:100%;line-height:1.5;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:2rem;font-size:var(--font-size-3xl)}h1,h2{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h3,h4{font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2}h4{font-size:1.125rem;font-size:var(--font-size-lg)}p{font-size:1rem;font-size:var(--font-size-md);line-height:1.5}small{font-size:.875rem;font-size:var(--font-size-sm)}button:focus,select:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:#b7c4c8;background:var(--color-light-gray);border-radius:.25rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#ff0080;background:var(--color-primary)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ff00801a;border-left:4px solid var(--color-primary);border-radius:50%;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{background-color:#f9fafb;background-color:var(--color-bg-secondary);display:flex;height:100vh;overflow:hidden}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:10}@media (max-width:768px){.sidebar-overlay{display:block}}.sidebar{background-color:#fff;background-color:var(--color-bg-primary);border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border-light);bottom:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s;width:16rem;z-index:20}.sidebar-closed{width:0}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.sidebar-header h2{color:#4b5563;color:var(--color-text-secondary);font-size:1.25rem;font-size:var(--font-size-xl);margin:0}.close-sidebar{background:none;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:16rem;transition:margin-left .3s ease,width .3s ease,margin-right .3s ease;width:calc(100% - 16rem)}.sidebar-closed+.main-content{margin-left:0;width:100%}.header{background-color:#fff;background-color:var(--color-bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.header,.header-left{align-items:center;display:flex}.header-left{gap:.5rem;gap:var(--spacing-sm)}.header-right{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.toggle-sidebar{border:none;border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer}.settings-button,.toggle-sidebar{background-color:initial;padding:.25rem;padding:var(--spacing-xs)}.settings-button{color:#6b7280;color:var(--color-text-tertiary)}.agent-button{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs);margin-right:.5rem;margin-right:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.agent-button:hover{background-color:#e5e7eb;background-color:var(--color-border-light)}.agent-button.active{background-color:#ff0080;background-color:var(--color-primary);color:#fff;color:var(--color-text-inverse)}.agent-button.active:hover{background-color:#ff1a8d}.agent-menu{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;position:absolute;right:120px;top:55px;width:14rem;z-index:250}.agent-menu-item{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm);text-align:left;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.agent-menu-item:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary)}.login-container{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-md)}.login-card{background-color:#fff;background-color:var(--color-bg-primary);border:none;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-width:420px;overflow:hidden;width:100%}.login-header{padding:1rem 0;padding:var(--spacing-md) 0;text-align:center}.login-header h2{color:#ff0080;color:var(--color-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.login-header p{color:#4b5563;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-md);margin:0}.login-alert{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.login-button{font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);height:46px;margin-top:.5rem;margin-top:var(--spacing-sm);width:100%}.login-button,.login-button:focus,.login-button:hover{background-color:#ff0080;background-color:var(--color-primary);border-color:#ff0080;border-color:var(--color-primary)}.login-button:focus,.login-button:hover{opacity:.9}.login-footer{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);margin-top:1.5rem;margin-top:var(--spacing-lg);text-align:center}.user-profile{position:relative}.user-profile-button{align-items:center;background:none;background-color:initial;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;padding:.5rem;padding:var(--spacing-sm);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.user-profile-button.active,.user-profile-button:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.user-profile-container{align-items:center;display:flex;position:relative}.user-button{align-items:center;background:none;background-color:initial;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;padding:.5rem;padding:var(--spacing-sm);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.user-button:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.user-avatar{align-items:center;background-color:#ff0080;background-color:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-text-inverse);display:flex;font-weight:700;font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.user-avatar,.user-name{margin-right:.5rem;margin-right:var(--spacing-sm)}.user-name{color:#4b5563;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.user-menu{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-top:.5rem;margin-top:var(--spacing-sm);overflow:hidden;position:absolute;right:0;top:100%;width:220px;z-index:1000}.user-info{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);padding:1rem;padding:var(--spacing-md)}.user-display-name{color:#4b5563;color:var(--color-text-secondary);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.user-email{color:#6b7280;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm)}.user-actions{padding:.5rem;padding:var(--spacing-sm)}.menu-item{align-items:center;background-color:initial;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm);margin:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .15s ease-in-out,color .15s ease-in-out;transition:background-color var(--transition-fast),color var(--transition-fast);width:100%}.menu-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary);color:#000;color:var(--color-text-primary)}.menu-item:first-child{margin-top:.25rem;margin-top:var(--spacing-xs)}.menu-item:last-child{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.menu-divider{background-color:#e5e7eb;background-color:var(--color-border-light);height:1px;margin:.25rem 0;margin:var(--spacing-xs) 0;opacity:.7;width:100%}.logout-button{align-items:center;background-color:initial;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:var(--color-status-error);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.logout-button:hover{background-color:#ef44441a}.active-agents-container{background-color:#fff;background-color:var(--color-bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.active-agent-tag{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:5px 10px;transition:all .2s ease}.active-agent-tag:hover{box-shadow:0 2px 5px #00000026;transform:translateY(-1px)}.agent-icon-wrapper{border-radius:.375rem;border-radius:var(--radius-md)}.agent-icon-wrapper,.remove-agent-button{align-items:center;display:flex;justify-content:center;padding:.25rem;padding:var(--spacing-xs)}.remove-agent-button{background-color:initial;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.remove-agent-button:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary)}.chat-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--spacing-md);overflow-y:auto;padding:1rem;padding:var(--spacing-md);padding-bottom:calc(70px + 1rem);padding-bottom:calc(70px + var(--spacing-md))}.message-wrapper{display:flex;justify-content:flex-start;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.message-wrapper.user{justify-content:flex-end}.message-bubble{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);max-width:80%;padding:1rem;padding:var(--spacing-md)}.message-bubble.user{background-color:#ff0080;background-color:var(--color-primary);border:none;color:#fff;color:var(--color-text-inverse)}.agent-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.agent-icon-container{align-items:center;border-radius:.375rem;border-radius:var(--radius-md);display:flex;justify-content:center;padding:.25rem;padding:var(--spacing-xs)}.agent-name{color:#000;color:var(--color-text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold)}.message-content{word-wrap:break-word;font-size:1rem;font-size:var(--font-size-md);line-height:1.5;overflow-wrap:break-word;white-space:pre-wrap}.message-timestamp{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.5rem;margin-top:var(--spacing-sm);text-align:right}.message-timestamp.user{color:#fffc}.input-container{background-color:#fff;background-color:var(--color-bg-primary);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-light);bottom:0;box-shadow:0 -2px 10px #00000008;left:16rem;padding:1rem;padding:var(--spacing-md);position:fixed;right:0;transition:left .3s ease,right .3s ease;z-index:30}.sidebar-closed~.main-content .input-container{left:0}.input-wrapper{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin:0 auto;max-width:1200px}.message-input{border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.375rem;border-radius:var(--radius-md);flex:1 1;font-family:Replica Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-md);max-height:150px;min-height:45px;overflow-y:auto;padding:.5rem;padding:var(--spacing-sm);resize:none;transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast)}.message-input:focus{border-color:#ff0080;border-color:var(--color-primary);box-shadow:0 0 0 2px #ff00801a;outline:none}.send-button{align-items:center;background-color:#ff0080;background-color:var(--color-primary);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;color:var(--color-text-inverse);cursor:pointer;display:flex;height:45px;justify-content:center;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:45px}.send-button:hover{background-color:#ff1a8d}.send-button:disabled{background-color:#d1d5db;background-color:var(--color-border-medium);cursor:not-allowed}.no-agents-message{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.5rem;margin-top:var(--spacing-sm);text-align:center}.sidebar-subtitle{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.sidebar-subtitle p{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs)}.new-conversation-container{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);padding:.5rem;padding:var(--spacing-sm)}.new-conversation-button{align-items:center;background-color:#ff0080;background-color:var(--color-primary);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.new-conversation-button:hover{background-color:#ff1a8d}.conversation-list{flex:1 1;overflow-y:auto}.conversation-list-header{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs)}.conversation-item,.conversation-list-header{align-items:center;display:flex;padding:.5rem;padding:var(--spacing-sm)}.conversation-item{cursor:pointer;justify-content:space-between;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.conversation-item.active,.conversation-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.conversation-info{flex:1 1;min-width:0}.conversation-title{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs)}.conversation-edit-input{border:1px solid #d1d5db;border:1px solid var(--color-border-medium);border-radius:.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);outline:none;padding:.25rem;padding:var(--spacing-xs);width:100%}.conversation-actions{align-items:center;display:flex;gap:.5rem}.export-buttons{display:flex;gap:.25rem;margin-right:.5rem}.export-button{align-items:center;background-color:initial;border:none;border-radius:var(--border-radius-small);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.export-button:hover{background-color:var(--color-background-secondary);color:#ff0080;color:var(--color-primary)}.export-button:disabled{cursor:not-allowed;opacity:.5}.import-export-area{display:flex;gap:.5rem;margin-top:1rem}.import-button{align-items:center;background-color:initial;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.import-button:hover{background-color:var(--color-background-secondary);color:#000;color:var(--color-text-primary)}.settings-container{margin-top:auto;position:relative}.settings-button{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm);justify-content:center;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.settings-button:hover{background-color:#e5e7eb;background-color:var(--color-border-light);color:#000;color:var(--color-text-primary)}.setti.knowledge-library{background-color:#fff;background-color:var(--color-bg-primary);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:50}.knowledge-library-footer{bottom:0;box-shadow:0 -2px 10px #0000000d;height:30px;left:0;padding:0 1rem;padding:0 var(--spacing-md);position:fixed;right:0;z-index:51}.settings-popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.settings-popup-content{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;padding:var(--spacing-xl);position:relative;width:90%}.settings-title{align-items:center;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.settings-close-button{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;padding:var(--spacing-xs)}.settings-close-button:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.settings-section-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);color:#000;color:var(--color-text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-md);padding-bottom:4px}.settings-api-status{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.settings-api-status.success{background-color:#dcfce7;border-left:3px solid #16a34a;color:#166534}.settings-api-status.error{background-color:#fee2e2;border-left:3px solid #dc2626;color:#991b1b}.service-panel{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.toggle-service-panel-button{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#000;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease}.service-panel-content,.toggle-service-panel-button:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary)}.service-panel-content{border-left:3px solid #ff0080;border-left:3px solid var(--color-primary);border-radius:.25rem;border-radius:var(--radius-sm);margin-top:.5rem;margin-top:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}.service-panel-content h3{color:#000;color:var(--color-text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.service-section h4{color:#4b5563;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.api-key-input{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.api-key-input label{color:#4b5563;color:var(--color-text-secondary)}.api-key-input input,.api-key-input label{font-size:.75rem;font-size:var(--font-size-xs)}.api-key-input input{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.25rem;border-radius:var(--radius-sm);flex:1 1;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.service-actions{display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.service-action-button{background-color:#ff0080;background-color:var(--color-primary);border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.service-action-button:hover{background-color:#c06;background-color:var(--color-primary-dark)}.test-result{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.test-result.success{background-color:#dcfce7;color:#166534}.test-result.error{background-color:#fee2e2;color:#991b1b}.settings-input{background-color:#f9fafb;background-color:var(--color-bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.25rem;border-radius:var(--radius-sm);color:#000;color:var(--color-text-primary);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem;padding:var(--spacing-sm);width:100%}.settings-input:focus{border-color:#ff0080;border-color:var(--color-primary);outline:none}.settings-button{background-color:#ff0080;background-color:var(--color-primary);border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.settings-button:hover{background-color:#c06;background-color:var(--color-primary-dark)}.articles-list{overflow-y:visible;padding:1rem 0;padding:var(--spacing-md) 0;width:100%}.articles-list,.articles-list h3{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light)}.articles-list h3{color:#000;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 1rem;margin:0 0 var(--spacing-md) 0;padding-bottom:.25rem;padding-bottom:var(--spacing-xs)}.article-item{border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease}.article-item:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary);box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.article-item.selected{border:1px solid #e5e7eb;border:1px solid var(--color-border-light);box-shadow:0 2px 8px #00000014}.article-title{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.article-tags{gap:.25rem;gap:var(--spacing-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.article-tag{border-radius:.25rem;border-radius:var(--radius-sm)}.favorite-button{opacity:.6;transition:all .2s ease}.favorite-button:hover{opacity:1;transform:scale(1.1)}.favorite-button .favorite{color:#f59e0b;opacity:1}.no-articles{color:#6b7280;color:var(--color-text-tertiary);font-style:italic;padding:1rem;padding:var(--spacing-md);text-align:center}.knowledge-library-content,.knowledge-library-main{display:flex;flex-direction:column}.knowledge-library-main{flex:1 1;padding:0 1rem;padding:0 var(--spacing-md)}.article-content{display:flex;flex-direction:column;margin-top:1rem;margin-top:var(--spacing-md);overflow-y:visible;width:100%}.article-header{background-color:#f9fafb;background-color:var(--color-bg-secondary);padding:1rem;padding:var(--spacing-md)}.article-body{flex:1 1;padding:1.5rem;padding:var(--spacing-lg)}.markdown-wrapper h1{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);font-size:1.8rem;margin-bottom:1.2rem;margin-top:0;padding-bottom:.5rem}.markdown-wrapper h1,.markdown-wrapper h2{color:#000;color:var(--color-text-primary)}.markdown-wrapper h2{font-size:1.4rem;margin-bottom:1rem;margin-top:1.5rem}.markdown-wrapper h3{color:#000;color:var(--color-text-primary);font-size:1.2rem;margin-bottom:.8rem;margin-top:1.2rem}.markdown-wrapper p{margin-bottom:1rem}.markdown-wrapper ol,.markdown-wrapper ul{margin-bottom:1rem;padding-left:1.5rem}.markdown-wrapper li{margin-bottom:.5rem}.markdown-wrapper code{background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.9em;padding:.2rem .4rem}.markdown-wrapper strong{font-weight:700;font-weight:var(--font-weight-bold)}.knowledge-library-footer{background-color:#f9fafb;background-color:var(--color-bg-secondary);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-light);color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);justify-content:space-between;margin-top:auto;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.knowledge-library-footer,.knowledge-library-footer span{align-items:center;display:flex}.echoes-demo-container{background-color:#fff;background-color:var(--color-bg-primary);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;padding:1.5rem;padding:var(--spacing-lg)}.echoes-demo-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);text-align:center}.echoes-demo-header h2{color:#ff0080;color:var(--color-primary);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.echoes-demo-header p{color:#4b5563;color:var(--color-text-secondary)}.echoes-demo-controls{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.control-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.control-group label{color:#4b5563;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.button-group{display:flex;gap:.25rem;gap:var(--spacing-xs)}.button-group button{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #e5e7eb;border:1px solid var(--color-border-light);border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.button-group button:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.button-group button.active{background-color:#ff0080;background-color:var(--color-primary);border-color:#ff0080;border-color:var(--color-primary);color:#fff;color:var(--color-text-inverse)}.category-item{border-radius:4px;cursor:pointer;margin:2px .5rem;margin:2px var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.category-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.category-item.active{background-color:#f9fafb;background-color:var(--color-bg-secondary);border-left:3px solid #ff0080;border-left:3px solid var(--color-primary);color:#ff0080;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium)}.echoes-animation-container{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.echoes-demo-instructions{color:#6b7280;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6;text-align:center}.echoes-demo-footer{display:flex;justify-content:center;margin-top:1.5rem;margin-top:var(--spacing-lg)}.back-button{background-color:#ff0080;background-color:var(--color-primary);border-radius:.375rem;border-radius:var(--radius-md);color:#fff;color:var(--color-text-inverse);display:inline-block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.back-button:hover{background-color:#ff1a8d}.background-animation-container{align-items:center;display:flex;height:100%;justify-content:center;left:50%;opacity:.15;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}.login-animation-container{margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-lg);opacity:.9}.login-animation-container,.storage-info-overlay{align-items:center;display:flex;justify-content:center}.storage-info-overlay{animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}.storage-info-card{background-color:var(--color-background-primary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);max-width:400px;padding:1.5rem;position:relative;width:90%}.storage-info-card .close-button{background:#0000;border:none;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:.5rem}.storage-info-card h3{color:#000;color:var(--color-text-primary);font-family:var(--font-family-heading);font-weight:600;margin-bottom:1rem;margin-top:0}.storage-bar{background-color:var(--color-neutral-light);border-radius:var(--border-radius-small);height:1rem;margin-bottom:1rem;overflow:hidden}.storage-used{background-color:#ff0080;background-color:var(--color-primary);height:100%;transition:width .3s ease}.storage-used[data-status=high]{background-color:#ef4444;background-color:var(--color-error)}.storage-details{margin-bottom:1rem}.storage-details p{color:#4b5563;color:var(--color-text-secondary);font-size:.9rem;margin:.3rem 0}.storage-warning{background-color:var(--color-error-light);border-radius:var(--border-radius-small);color:#ef4444;color:var(--color-error);font-size:.85rem;padding:.75rem}.storage-info-button,.storage-warning{align-items:center;display:flex;gap:.5rem}.storage-info-button{background-color:initial;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:var(--border-radius-small);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.storage-info-button:hover{background-color:var(--color-background-secondary);color:#000;color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.article-content{background-color:#fff;background-color:var(--color-bg-primary);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin:1rem;margin:var(--spacing-md);margin-bottom:calc(1rem + 30px);margin-bottom:calc(var(--spacing-md) + 30px)}.article-content,.article-item{padding:1rem;padding:var(--spacing-md);position:relative}.article-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.article-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.article-item.selected{background-color:#f9fafb;background-color:var(--color-bg-secondary);border-left:3px solid #ff0080;border-left:3px solid var(--color-primary)}.article-title{color:#000;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:4px}.article-tags{display:flex;flex-wrap:wrap;gap:4px}.article-tag{background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:12px;color:#6b7280;color:var(--color-text-tertiary);font-size:.75rem;font-size:var(--font-size-xs);padding:2px 6px}.favorite-button{border-radius:50%;padding:4px;position:absolute;right:.5rem;right:var(--spacing-sm);top:.5rem;top:var(--spacing-sm);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.favorite-button:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.favorite-button .favorite{fill:gold;color:gold}.saved-search-item{gap:.5rem;gap:var(--spacing-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.article-markdown-content{line-height:1.6;padding:1rem 1rem 5rem;position:relative}.article-markdown-content:after{background:linear-gradient(180deg,#0000,#fff);background:linear-gradient(to bottom,#0000,var(--color-bg-primary));bottom:0;content:"";height:60px;left:0;opacity:.5;pointer-events:none;position:absolute;right:0}.article-markdown-content h1{font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:.5em;margin-top:1em}.article-markdown-content h2{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.4em;margin-top:.8em}.article-markdown-content ol,.article-markdown-content ul{font-size:1rem;font-size:var(--font-size-md);line-height:1.5;margin-bottom:1em;padding-left:1.5em}.article-markdown-content li{margin-bottom:.5em}.article-markdown-content p{font-size:1rem;font-size:var(--font-size-md);line-height:1.6;margin-bottom:1em}.article-markdown-content code{border-radius:3px;font-family:monospace;padding:.2em .4em}.article-markdown-content pre{background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:5px;margin:1em 0;overflow-x:auto;padding:1em}.knowledge-library{background-color:#fff;background-color:var(--color-bg-primary);border-left:1px solid #e5e7eb;border-left:1px solid var(--color-border-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-family:var(--font-family-sans);height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .2s ease-in-out;transition:transform var(--transition-base);width:380px;z-index:50}.knowledge-library[data-open=true]{transform:translateX(0)}.knowledge-library-header{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary);background-image:linear-gradient(90deg,#f9fafb,#fff);background-image:linear-gradient(to right,var(--color-bg-secondary),var(--color-bg-primary));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.knowledge-library-title{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.knowledge-library-title h2{color:#000;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.3px;margin:0}.knowledge-library-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;padding:var(--spacing-xs);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.knowledge-library-close:hover{background-color:#0000000d;color:#ff0080;color:var(--color-primary);transform:rotate(90deg)}.knowledge-library-search{align-items:center;background-color:#fff;background-color:var(--color-bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:background-color .2s ease}.knowledge-library-search:focus-within{background-color:#f9fafb;background-color:var(--color-bg-secondary);border-bottom:1px solid #ff0080;border-bottom:1px solid var(--color-primary)}.knowledge-library-search svg{color:#6b7280;color:var(--color-text-tertiary);margin-right:.5rem;margin-right:var(--spacing-sm);transition:color .2s ease}.knowledge-library-search:focus-within svg{color:#ff0080;color:var(--color-primary)}.knowledge-library-search input{background-color:initial;border:none;color:#000;color:var(--color-text-primary);flex:1 1;font-size:1rem;font-size:var(--font-size-md);outline:none;padding:.5rem 0;padding:var(--spacing-sm) 0;transition:all .2s ease}.knowledge-library-search input::placeholder{color:#6b7280;color:var(--color-text-tertiary);transition:opacity .2s ease}.knowledge-library-search:focus-within input::placeholder{opacity:.7}.save-search-button{background:none;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;padding:.25rem;padding:var(--spacing-xs);transition:color .15s ease-in-out;transition:color var(--transition-fast)}.save-search-button:hover{color:#ff0080;color:var(--color-primary)}.save-search-panel{align-items:center;background-color:#f9fafb;background-color:var(--color-bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.save-search-panel input{border:1px solid #d1d5db;border:1px solid var(--color-border-medium);border-radius:.25rem;border-radius:var(--radius-sm);flex:1 1;outline:none}.save-search-cancel,.save-search-confirm,.save-search-panel input{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm)}.save-search-cancel,.save-search-confirm{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.25rem;gap:var(--spacing-xs)}.save-search-confirm{background-color:#22c55e;background-color:var(--color-success);color:#fff;color:var(--color-text-inverse)}.save-search-confirm:disabled{cursor:not-allowed;opacity:.5}.save-search-cancel{color:#6b7280;color:var(--color-text-tertiary)}.save-search-cancel:hover{color:#ef4444;color:var(--color-error)}.knowledge-tip{background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-left:3px solid #3b82f6;border-left:3px solid var(--color-info);border-radius:.375rem;border-radius:var(--radius-md);margin:.5rem 1rem;margin:var(--spacing-sm) var(--spacing-md);padding:.5rem;padding:var(--spacing-sm);position:relative}.tip-content{align-items:flex-start;display:flex;gap:.5rem;gap:var(--spacing-sm)}.tip-content svg{color:#3b82f6;color:var(--color-info);margin-top:2px}.tip-content p{color:#4b5563;color:var(--color-text-secondary);flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);margin:0}.close-tip-button{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:2px;position:absolute;right:.25rem;right:var(--spacing-xs);top:.25rem;top:var(--spacing-xs)}.close-tip-button:hover{color:#ef4444;color:var(--color-error)}.knowledge-library-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;overflow-x:auto}.library-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.library-tab.active{border-bottom:2px solid #ff0080;border-bottom:2px solid var(--color-primary);color:#ff0080;color:var(--color-primary)}.library-tab:hover:not(.active){color:#000;color:var(--color-text-primary)}.knowledge-library-content{flex:1 1;overflow-y:auto;padding:0}.knowledge-library-sidebar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);padding:1rem 0;padding:var(--spacing-md) 0;width:100%}.knowledge-library-sidebar h3{color:#000;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);margin:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.category-list{list-style:none;margin:.5rem 0 1rem;margin:var(--spacing-sm) 0 var(--spacing-md) 0;padding:0}.filter-section{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.favorites-toggle{align-items:center;display:flex;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.toggle-label{align-items:center;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm)}.toggle-label input{margin:0}.knowledge-categories{display:flex;flex-direction:column}.knowledge-category{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light)}.knowledge-category-header{align-items:center;cursor:pointer;display:flex;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.knowledge-category-header h4{color:#000;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-md);margin:0 0 0 .25rem;margin-left:var(--spacing-xs)}.knowledge-article-list{display:flex;flex-direction:column;padding:0 1rem .5rem 2rem;padding:0 var(--spacing-md) var(--spacing-sm) calc(var(--spacing-md) + var(--spacing-md))}.knowledge-article-item{align-items:center;border-radius:.25rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding:.5rem;padding:var(--spacing-sm)}.knowledge-article-item:hover{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.knowledge-article-item span{color:#4b5563;color:var(--color-text-secondary);flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);margin-right:.5rem;margin-right:var(--spacing-sm)}.favorite-list-button{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;opacity:.5}.knowledge-article-item:hover .favorite-list-button{opacity:1}.favorite-list-button.favorited{color:#f59e0b;color:var(--color-warning);opacity:1}.knowledge-article{padding:1rem;padding:var(--spacing-md)}.article-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.article-header h2{color:#000;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--font-size-lg);margin:0}.article-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.knowledge-back-button{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm)}.knowledge-back-button:hover{color:#ff0080;color:var(--color-primary)}.favorite-button{align-items:center;background:none;border:none;color:#6b7280;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center}.favorite-button.favorited{color:#f59e0b;color:var(--color-warning)}.knowledge-article h2{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.3;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.knowledge-article-body{margin-top:1rem;margin-top:var(--spacing-md);min-height:300px;padding-bottom:60px;position:relative}.knowledge-article-content p{color:#4b5563;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.article-markdown-content h1{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.article-markdown-content h1,.article-markdown-content h2{color:#000;color:var(--color-text-primary);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.3;margin-top:1rem;margin-top:var(--spacing-md)}.article-markdown-content h2{font-size:1rem;font-size:var(--font-size-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.article-markdown-content h3{color:#000;color:var(--color-text-primary);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.3;margin-top:1rem;margin-top:var(--spacing-md)}.article-markdown-content h3,.article-markdown-content p{font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.article-markdown-content p{color:#4b5563;color:var(--color-text-secondary);line-height:1.5}.article-markdown-content ol,.article-markdown-content ul{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-left:1.5rem;padding-left:var(--spacing-lg)}.article-markdown-content li{color:#4b5563;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.article-markdown-content code{background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);color:#4b5563;color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:.75rem;font-size:var(--font-size-xs);padding:2px 4px}.article-markdown-content strong{color:#000;color:var(--color-text-primary);font-weight:700;font-weight:var(--font-weight-bold)}.knowledge-article-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.knowledge-tag{background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#4b5563;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:4px 10px;transition:all .2s ease}.knowledge-tag:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.knowledge-empty{align-items:center;display:flex;height:200px;justify-content:center;padding:1rem;padding:var(--spacing-md);text-align:center}.knowledge-empty p{color:#6b7280;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm)}.saved-searches-list{padding:1rem;padding:var(--spacing-md)}.saved-searches-header{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.saved-searches-header h4{color:#000;color:var(--color-text-primary);font-size:1rem;font-size:var(--font-size-md)}.saved-searches-items{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.saved-search-item{align-items:center;background-color:#f3f4f6;background-color:var(--color-bg-tertiary);border-radius:.25rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:.5rem;padding:var(--spacing-sm)}.saved-search-item:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary)}.saved-search-info{display:flex;flex-direction:column}.saved-search-name{color:#000;color:var(--color-text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.saved-search-query{font-size:.75rem;font-size:var(--font-size-xs);font-style:italic}.delete-search-button,.saved-search-query{color:#6b7280;color:var(--color-text-tertiary)}.delete-search-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem;padding:var(--spacing-xs)}.delete-search-button:hover{color:#ef4444;color:var(--color-error)}.empty-saved-searches{color:#6b7280;color:var(--color-text-tertiary);padding:1.5rem 0;padding:var(--spacing-lg) 0;text-align:center}.empty-saved-searches p{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5}.knowledge-toggle-button{display:none}.main-content.with-knowledge-library{margin-right:380px;transition:margin-right .3s ease,width .3s ease;width:calc(100% - 16rem - 380px)}.main-content.with-knowledge-library .input-container{right:380px}.sidebar-closed~.main-content.with-knowledge-library{width:calc(100% - 380px)}.agent-menu-divider{background-color:#e5e7eb;background-color:var(--color-border-light);height:1px;margin:.25rem 0;margin:var(--spacing-xs) 0;width:100%}.knowledge-library-menu-item{background-color:#f3f4f6;background-color:var(--color-bg-tertiary)}.knowledge-library-menu-item:hover{background-color:#f9fafb;background-color:var(--color-bg-secondary)}.conversation-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.conversation-tag{border-radius:12px;box-shadow:0 1px 2px #0000001a;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;transition:all .2s ease}.conversation-tag:hover{box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}
/*# sourceMappingURL=main.14910e5d.css.map*/