body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--border-primary:#e2e8f0;--border-secondary:#cbd5e0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(90deg,#667eea,#764ba2);--gradient-featured:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f172a;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#64748b;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--border-primary:#667eea33;--border-secondary:#667eea1a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--gradient-primary:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);--gradient-accent:linear-gradient(90deg,#667eea,#764ba2);--gradient-featured:linear-gradient(135deg,#667eea,#764ba2)}[data-theme=dark] .app-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary)}[data-theme=dark] .app-header .app-title{color:#1a202c;color:var(--text-primary)}[data-theme=dark] .app-header .title-icon{filter:drop-shadow(0 0 8px rgba(102,126,234,.5)) hue-rotate(355deg) saturate(10) brightness(1.2)}[data-theme=dark] .app-header .app-subtitle{color:#4a5568;color:var(--text-secondary)}[data-theme=dark] .app-header .user-email,[data-theme=dark] .app-header .user-name{color:#1a202c;color:var(--text-primary)}[data-theme=dark] .mode-toggle{background:#667eea66;border:1px solid #667eea80;box-shadow:0 4px 12px #667eea66}[data-theme=dark] .toggle-button{background:#0000;border:none;color:#4a5568;color:var(--text-secondary);transition:all .2s ease}[data-theme=dark] .toggle-button:hover{background:#667eea1a;color:#1a202c;color:var(--text-primary)}[data-theme=dark] .toggle-button.active{background:linear-gradient(90deg,#667eea,#764ba2);background:var(--gradient-accent);box-shadow:0 2px 8px #667eea4d;color:#1a202c;color:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);color:#1a202c;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{background:#fff;background:var(--bg-primary);display:flex;flex-direction:column}@media (max-width:768px){.App{min-height:100vh;overflow-x:hidden}}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a}@media (max-width:768px){.header-content{padding:0 1rem;text-align:center}}.app-title{color:#1a202c}.title-icon{color:#667eea}.app-subtitle{color:#4a5568}.mode-toggle{background:#667eea;border:2px solid #667eea;box-shadow:0 4px 6px -1px #0000001a}@media (max-width:480px){.mode-toggle{left:.5rem;padding:2px;top:.5rem}.toggle-button{font-size:12px;min-width:60px;padding:6px 12px}}@media (max-width:768px){.user-section{justify-content:center;margin-bottom:1rem;margin-top:1rem;position:relative;right:auto;top:auto}.app-header{min-height:180px;padding:1rem;text-align:center}.app-header,.header-content{align-items:center;flex-direction:column}.header-content{gap:1.25rem}.app-title{font-size:1.5rem}.app-subtitle{font-size:.9rem}}.user-info{gap:.25rem;position:relative}.user-name{color:#1a202c;font-size:1rem}.user-email{color:#4a5568;color:var(--text-secondary);font-size:.9rem}.user-avatar{border:1px solid #667eea;height:48px;overflow:hidden;width:48px}.user-avatar:hover{border-color:#5a67d8}.user-avatar .default-avatar{background:#f7fafc;color:#667eea;height:100%;padding:.25rem;width:100%}.user-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f;margin-top:.75rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}@media (max-width:768px){.user-dropdown{left:50%;margin-top:0;max-width:90vw;min-width:280px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%)}.user-dropdown:before{display:none}}.user-dropdown:before{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-right:none;content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px;z-index:-1}.user-dropdown-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-dropdown-item:last-child{border-bottom:none}.user-dropdown-item:hover{background-color:#f8fafc;color:#2d3748;transform:translateX(4px)}.user-dropdown-item.logout{color:#e53e3e}.user-dropdown-item.logout:hover{background-color:#fef2f2;color:#dc2626}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid #e2e8f0}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.tab-navigation{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.tab-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.tab-button:hover{background:#fff;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.tab-button.active{background:#667eea;border-color:#667eea;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-2px)}.tab-icon{height:1.25rem;width:1.25rem}.tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}@media (max-width:768px){.app-header{padding:1rem;position:relative}.app-title{font-size:1.5rem;margin-bottom:.5rem}.title-icon{height:4rem;transform:translateY(5px);width:4rem}.app-main{margin-top:1rem;padding:1rem}.tab-navigation{align-items:center;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.tab-button{font-size:.9rem;justify-content:center;max-width:300px;padding:.75rem 1rem;width:100%}.tab-content{margin:0 .5rem;padding:1.5rem}}.auth-guard-wrapper{cursor:pointer;position:relative}.auth-guard-wrapper:hover{opacity:.9}.auth-guard-loading{opacity:.7}.signup-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.signup-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;padding:0;width:90%}.signup-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.signup-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.close-button{border-radius:4px;color:var(--text-secondary);font-size:24px;padding:4px;transition:background-color .2s}.close-button:hover{background-color:var(--bg-secondary)}.signup-modal-content{padding:0 24px 24px}.signup-modal-content p{color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.signup-benefits{margin-bottom:24px}.benefit{align-items:center;color:var(--text-primary);display:flex;gap:12px;margin-bottom:12px}.benefit-icon{font-size:20px;text-align:center;width:24px}.signup-button{align-items:center;border-radius:8px;display:flex;font-size:16px;gap:12px;justify-content:center;margin-bottom:16px;padding:12px 16px;width:100%}.signup-button img{height:20px;width:20px}.signup-footer{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin:0;text-align:center}@media (max-width:480px){.signup-modal{margin:20px;width:95%}.signup-modal-content,.signup-modal-header{padding-left:20px;padding-right:20px}}.discover-agents{background:var(--bg-primary);color:var(--text-primary);margin:0;min-height:calc(100vh - 60px);padding:0;width:100%}.search-bar{position:absolute;right:-3rem;top:4rem;z-index:100}.search-container{width:280px}.search-icon{left:.75rem;pointer-events:none;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;font-size:.9rem;padding:.5rem .75rem .5rem 2.5rem}.search-input:focus{border-color:var(--accent-primary)}.filter-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;padding:.75rem 1rem}.filter-icon{color:#fff9;flex-shrink:0}.category-filter{background:none;border:none;color:#fff;outline:none}.category-filter option{background:#333;color:#fff}.section-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 1.5rem}.discover-agents .content-area{padding:2rem}.featured-section{box-shadow:0 10px 30px #667eea4d;margin-bottom:3rem;margin-top:2.25rem!important;overflow:hidden;padding:2.5rem;position:relative}.featured-section .section-title{font-weight:800;margin-bottom:2rem;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));position:relative;z-index:1}.all-agents-section{margin-bottom:2rem}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.agent-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;min-height:120px;padding:1rem;transition:all .2s ease}.agent-card:before{background:var(--gradient-accent)}.agent-card:hover{background:var(--bg-primary);box-shadow:0 4px 16px #667eea33}.agent-header{margin-bottom:.75rem}.agent-pricing{align-items:center;display:flex;gap:.25rem;margin-left:auto}.price-tag{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.price-tag.free{background:#22c55e1a;border-color:#22c55e33;color:var(--success-color)}.price-tag.paid{background:#667eea1a;border-color:#667eea33;color:var(--accent-primary)}.discover-agent-avatar{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:50%!important;box-shadow:none!important;display:flex!important;flex-shrink:0!important;height:64px!important;justify-content:center!important;overflow:hidden!important;transition:all .2s ease!important;width:64px!important}.discover-agent-avatar-img{border-radius:50%!important;height:100%!important;object-fit:cover!important;width:100%!important}.discover-agent-avatar-icon{color:#999!important;height:20px!important;width:20px!important}.agent-avatar{height:40px;transition:all .2s ease;width:40px}.agent-avatar img{border-radius:50%}.agent-avatar svg{color:#999}.agent-rating{align-items:center;background:#f8f9fa;border-radius:12px;color:#333;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.star-icon{fill:#ffc107;color:#ffc107}.agent-content{margin-bottom:1rem}.agent-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.agent-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0 0 .75rem;opacity:.9;overflow:hidden}.tag{background:#667eea1a;display:flex;gap:.25rem;padding:.25rem .5rem}.tag svg{height:12px;width:12px}.agent-stats{flex-wrap:wrap;font-size:.75rem;margin-top:auto}.agent-stats,.agent-stats svg{color:var(--text-muted)}.paid-indicator{align-items:center;color:var(--accent-primary);display:flex;font-size:.7rem;font-weight:600;gap:.25rem}.loading-container{color:#fff;padding:4rem 2rem}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff}.no-results{align-items:center;color:#fffc;display:flex;flex-direction:column;justify-content:center}.no-results svg{color:#ffffff80}.no-results h3{font-weight:600}@media (max-width:768px){.search-bar-mobile{left:auto;position:absolute;right:2rem;top:3rem;width:200px}.search-container-mobile{width:100%}.featured-section{margin:0 -.5rem 2rem;padding:1.5rem}.featured-section .section-title{font-size:1.5rem;margin-bottom:1.5rem}.agents-grid,.featured-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.agent-card{min-height:100px;padding:.75rem}.discover-agent-avatar{height:32px!important;width:32px!important}.discover-agent-avatar-icon{height:16px!important;width:16px!important}.agent-name{font-size:.9rem}.agent-description{font-size:.8rem}}@media (max-width:1200px){.agents-grid,.featured-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.agents-grid,.featured-grid{grid-template-columns:1fr}.agent-card{padding:1rem}.agent-name{font-size:1.125rem}.agent-description{font-size:.875rem}}@media (max-width:480px){.discover-agents{padding:0}.search-filter-bar{margin-bottom:1.5rem}.section-title{font-size:1.25rem}.agent-card{padding:.875rem}}.context-upload{align-items:center;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;max-width:100%;padding-top:20px}.upload-section{margin:0 auto;max-width:800px;width:100%}.upload-section h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:.5rem;margin-top:2.5rem;text-align:center}.upload-section p{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem;text-align:center}.phase2-info{background:var(--bg-warning);border:1px solid var(--border-warning);border-radius:6px;color:var(--text-warning);margin:1rem 0 2rem;padding:1rem;text-align:center}.phase2-info p{font-size:.9rem;line-height:1.4;margin:0}.upload-methods{align-items:center;grid-template-columns:1fr 1fr;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;row-gap:2rem}.method-section h3{color:var(--text-primary);font-size:1.25rem;gap:.5rem;margin-bottom:1rem}.dropzone,.method-section h3{align-items:center;display:flex;justify-content:center}.dropzone{background:var(--bg-secondary);border:2px dashed var(--border-primary);border-radius:12px;cursor:pointer;flex-direction:column;min-height:200px;padding:2rem;text-align:center;transition:all .3s ease}.dropzone:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.dropzone.drag-active{background:var(--bg-accent);border-color:var(--accent-primary);transform:scale(1.02)}.upload-icon{color:var(--accent-primary);height:3rem;margin-bottom:1rem;width:3rem}.dropzone p{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.file-types{color:var(--text-muted);font-size:.9rem}.uploaded-files{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.uploaded-files h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.file-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.file-icon{color:var(--accent-primary);flex-shrink:0;height:1.25rem;width:1.25rem}.file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.file-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.file-size{color:var(--text-muted);font-size:.85rem}.remove-file{align-items:center;background:var(--bg-error);border:none;border-radius:4px;color:var(--accent-error);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.remove-file:hover{background:var(--bg-error);transform:scale(1.1)}.process-button{background:var(--accent-primary);font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.process-button:hover:not(:disabled){background:var(--accent-primary-dark);box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.process-button:disabled{background:var(--bg-tertiary);transform:none}.text-input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.text-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.text-input::placeholder{color:var(--text-muted)}.text-status{align-items:center;background:var(--bg-success);border:1px solid var(--border-success);border-radius:6px;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem}.status-icon,.text-status{color:var(--accent-success)}.status-icon{height:1.25rem;width:1.25rem}.context-preview{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-top:2rem;padding:1.5rem}.context-preview h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.context-content{background:var(--bg-secondary);border-radius:6px}.context-content p{color:var(--text-primary);line-height:1.6;margin-bottom:.75rem}.context-length{color:var(--text-muted);font-size:.9rem;font-weight:500}.loading-section{color:var(--text-muted);padding:60px 20px;text-align:center}.loading-section h2{color:var(--text-primary);font-size:24px;margin-bottom:16px}.loading-section p{font-size:16px;line-height:1.5;margin:0 auto;max-width:400px}.action-buttons{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-top:2rem;padding:1.5rem}.unsaved-changes-indicator{background:var(--bg-warning);border:1px solid var(--border-warning);border-radius:6px;color:var(--text-warning);font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center}.button-group{display:flex;gap:1rem;justify-content:center}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.save-button{background:var(--accent-success)}.save-button:hover:not(:disabled){background:var(--accent-success-dark)}.save-button:disabled{background:var(--bg-tertiary)}.cancel-button{background:var(--accent-error)}.cancel-button:hover:not(:disabled){background:var(--accent-error-dark);transform:translateY(-1px)}.cancel-button:disabled{background:var(--bg-tertiary);transform:none}.save-progress{background:var(--bg-accent);border:1px solid var(--accent-primary);border-radius:6px;margin-bottom:1rem;padding:1rem}.progress-bar-container{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.progress-bar{background:var(--bg-tertiary);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0ea5e9,#3b82f6);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{font-weight:600;min-width:40px;text-align:right}.progress-status,.progress-text{color:var(--accent-primary);font-size:.9rem}.progress-status{font-weight:500;text-align:center}.loading-message{color:var(--text-muted);padding:60px 20px;text-align:center}.loading-message p{font-size:16px;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.upload-methods{gap:1.5rem;grid-template-columns:1fr}.dropzone{min-height:150px;padding:1.5rem}.upload-icon{height:2.5rem;width:2.5rem}.file-item{align-items:flex-start;flex-direction:column;gap:.5rem}.remove-file{align-self:flex-end}}body.chat-active{overflow:hidden}.public-chat-interface{background:var(--bg-primary);border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:calc(100vh - 60px);left:280px;margin:0 auto;max-width:1200px;overflow:hidden;padding:0;position:fixed;right:0;top:80px;transform:none;width:100%;z-index:999}.context-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;padding:.75rem 1.5rem}.context-bar,.context-info{align-items:center;display:flex}.context-info{flex-wrap:nowrap;gap:.5rem;min-width:0}.context-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.context-item{background:var(--accent-success);border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.context-controls{display:flex;gap:.5rem}.context-btn{border-radius:8px;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .2s ease}.context-btn:hover{background:var(--hover-bg);border-color:var(--hover-border)}.context-btn.new-chat{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.context-btn.new-chat:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.context-btn.delete{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}.context-btn.delete:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff}.conversations-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.5rem}.conversation-info{flex:1 1;text-align:center}.back-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-btn:hover{background:var(--hover-bg);border-color:var(--hover-border)}.conversation-info h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.conversation-info p{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.view-conversations-mockup .conversations-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.5rem}.view-conversations-mockup .conversation-info{flex:1 1;text-align:center}.view-conversations-mockup .conversation-info h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.view-conversations-mockup .back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.view-conversations-mockup .back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-conversations-mockup .public-chat-interface .message.user{flex-direction:row!important;margin-left:0!important;margin-right:auto!important}.view-conversations-mockup .public-chat-interface .message.assistant{flex-direction:row-reverse!important;margin-left:auto!important;margin-right:0!important}.view-conversations-mockup .message.user .message-text{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.view-conversations-mockup .message.assistant .message-text{background:var(--accent-primary)!important;border:none!important;color:#fff!important}.owner-input{position:relative}.owner-input-header{color:var(--text-primary);gap:.5rem;margin-bottom:.75rem}.owner-input-header,.user-avatar{align-items:center;display:flex;font-size:.875rem;font-weight:600}.user-avatar{background:var(--accent-primary);color:#fff;justify-content:center}.message-content{flex:1 1;min-width:0}.message-header{gap:.5rem;margin-bottom:.25rem}.message-sender{color:var(--text-secondary)}.message-timestamp{color:var(--text-muted);font-size:.75rem}.message-sender-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-sender{color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.message.user .message-sender{color:#ffffffe6}.message.assistant .message-sender{color:var(--text-primary)}.feedback-icons{display:flex;gap:.5rem;margin-left:auto;opacity:.6;transition:opacity .2s ease}.message:hover .feedback-icons{opacity:1}.feedback-icon{-webkit-tap-highlight-color:transparent;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;margin:0;outline:none;padding:0;transition:all .2s ease}.feedback-icon:hover{color:var(--text-primary);transform:scale(1.1)}.feedback-icon.thumbs-up:hover{color:var(--accent-success)}.feedback-icon.thumbs-down:hover{color:var(--accent-error)}.feedback-icon.selected{opacity:1}.feedback-icon.thumbs-up.selected{color:var(--accent-success)}.feedback-icon.thumbs-down.selected{color:var(--accent-error)}.user-avatar-mockup{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;transition:none;width:32px}.user-avatar-mockup:hover{background:var(--accent-primary);color:#fff;transform:none}.user-avatar{transition:none!important}.user-avatar:hover{background:var(--accent-primary)!important;color:#fff!important;transform:none!important}.agent-header-featured{background:var(--bg-primary);flex-direction:column;padding:2rem 20px;text-align:center}.agent-avatar-large,.agent-header-featured{align-items:center;display:flex;margin-bottom:1rem}.agent-avatar-large{background:var(--bg-secondary);border:4px solid var(--accent-primary);border-radius:50%;height:120px;justify-content:center;overflow:hidden;width:120px}.agent-avatar-large img{height:100%;object-fit:cover;width:100%}.agent-info-featured{max-width:600px}.agent-name-featured{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.agent-description-featured{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.messages-list{background:#0000;flex:1 1;min-height:0;overflow-y:auto;padding:0;width:100%}.public-chat-interface .message{word-wrap:break-word;align-items:flex-start;background:#0000!important;border:none!important;display:flex;gap:12px;margin:15px 20px;max-width:80%}.public-chat-interface .message.user{background:#0000!important;flex-direction:row-reverse;margin-left:auto}.public-chat-interface .message.assistant,.public-chat-interface .message.error,.public-chat-interface .message.owner-response{background:#0000!important}.message-avatar{align-items:center;background:var(--bg-tertiary);border-radius:50%;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.message-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.message.user .message-avatar{background:var(--accent-primary);color:#fff}.message.assistant .message-avatar{background:var(--bg-tertiary);color:var(--text-primary)}.message.owner-response .message-avatar{background:var(--accent-success);color:#fff}.message.error .message-avatar{background:var(--accent-error);color:#fff}.message-text{word-wrap:break-word;border:none!important;border-radius:18px;box-shadow:var(--shadow-sm);flex:0 1 auto;font-size:14px;line-height:1.5;max-width:100%;padding:15px 20px;width:-webkit-fit-content;width:fit-content}.message.user .message-text{background:var(--accent-primary);border:none;border-bottom-right-radius:4px;box-shadow:none;color:#fff}.message.assistant .message-text{background:var(--bg-secondary);border:1px solid var(--border-primary);border-bottom-left-radius:4px;color:var(--text-primary)}.message.owner-response .message-text{background:var(--accent-secondary);border:1px solid var(--border-primary);border-bottom-left-radius:4px;color:#fff}.message.error .message-text{background:var(--bg-secondary);border-left:1px solid var(--accent-error);border:1px solid var(--accent-error);border-bottom-left-radius:4px;border-left-width:4px;color:var(--accent-error)}.owner-response-indicator{color:#39eb62}.error-indicator,.owner-response-indicator{background:#0000;border:none;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0;text-transform:uppercase}.error-indicator{color:#dc3545}.input-area{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;outline:none;padding-bottom:40px;width:100%}.input-area:focus{border:none;box-shadow:none;outline:none}.input-container{max-width:100%;outline:none;padding:4px}.input-container:focus{box-shadow:none;outline:none}.message-input{background:var(--bg-secondary);border-radius:20px;box-shadow:none;font-size:14px;transition:all .2s ease}.message-input:focus{background:#0000;border:none!important;box-shadow:none!important;outline:none!important}.send-button{background:var(--accent-primary);color:#fff;display:flex}.send-button:disabled{background:var(--text-muted);box-shadow:none}[data-theme=dark] .public-chat-interface{background:var(--bg-primary);border:none}[data-theme=dark] .messages-list{background:#0000}[data-theme=dark] .message.user .message-content{background:var(--accent-primary);color:#fff}[data-theme=dark] .message.agent .message-content{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}[data-theme=dark] .message-text{color:inherit}[data-theme=dark] .message-time{color:var(--text-muted)}[data-theme=dark] .chat-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);color:var(--text-primary)}[data-theme=dark] .agent-info h3{color:var(--text-primary)}[data-theme=dark] .agent-info p{color:var(--text-secondary)}[data-theme=dark] .back-button{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}[data-theme=dark] .back-button:hover{background:var(--accent-primary);color:#fff}[data-theme=dark] .input-container{background:var(--bg-primary);border-top:1px solid var(--border-primary)}[data-theme=dark] .message-input{background:None;border:none}[data-theme=dark] .send-button{background:var(--accent-primary);color:#fff}[data-theme=dark] .send-button:hover{background:var(--accent-secondary)}[data-theme=dark] .send-button:disabled{background:var(--text-muted);color:var(--bg-primary)}@media (max-width:768px){.public-chat-interface{height:calc(100vh - 60px);left:0;right:0;top:60px;z-index:998}.discover-layout .sidebar.open~.main-content .public-chat-interface,.react-admin-prototype .sidebar.open~.main-content .public-chat-interface{left:280px}}.agent-pricing-info{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.price-display{color:var(--accent-primary);font-weight:600}.free-messages{color:var(--success-color);font-size:.75rem}.pricing-info{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;font-size:.875rem;gap:2rem;justify-content:space-between;padding:.75rem 1rem}.message-cost,.wallet-balance{align-items:center;color:var(--text-primary);display:flex;gap:.5rem}.wallet-balance{color:var(--success-color)}.message-cost{color:var(--accent-primary)}.payment-prompt{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:.75rem 1rem;text-align:center}.top-up-button{align-items:center;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.top-up-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.payment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:2rem;width:90%}.payment-modal h3{color:var(--text-primary);margin:0 0 1rem}.payment-modal p{color:var(--text-secondary);line-height:1.5;margin:0 0 1rem}.wallet-info{background:var(--bg-secondary);border-radius:8px;margin:1rem 0;padding:1rem}.wallet-info p{font-size:.875rem;margin:.25rem 0}.modal-actions{margin-top:1.5rem}.cancel-button{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover{background:var(--bg-tertiary)}.owner-engagement-button{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.owner-engagement-button:hover:not(.disabled){background:var(--accent-hover);transform:translateY(-1px)}.owner-engagement-button.disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.owner-engagement-button.disabled:hover{background:var(--bg-secondary);transform:none}.typing-indicator{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:.25rem;margin:.5rem 0;padding:1rem;width:-webkit-fit-content;width:fit-content}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--text-secondary);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.wallet-management{max-width:600px}.wallet-header{margin-bottom:24px}.wallet-header h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.wallet-header p{color:#a0a0a0;font-size:14px;margin:0}.wallet-content{display:flex;flex-direction:column;gap:24px}.wallet-balance-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;padding:24px;text-align:center}.balance-header{gap:8px;justify-content:center;margin-bottom:16px;position:relative}.balance-icon{color:#10b981;height:20px;width:20px}.balance-label{color:#a0a0a0;font-size:14px;font-weight:500}.refresh-button{background:#0000;border:none;border-radius:4px;color:#a0a0a0;padding:4px;position:absolute;right:0}.refresh-button:hover{background:#10b9811a;color:#10b981}.refresh-icon{height:16px;width:16px}.balance-amount{color:#fff;font-size:32px}.loading-balance{color:#a0a0a0;justify-content:center}.error-message,.loading-balance{align-items:center;display:flex;gap:12px}.error-message{background:#2d1b1b;border:1px solid #dc2626;justify-content:space-between;padding:16px}.error-message span{color:#fca5a5;font-size:14px}.retry-button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background:#b91c1c}.topup-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px}.topup-section h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.topup-section p{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0 0 20px}.add-funds-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.add-funds-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.add-funds-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.topup-form{margin-top:20px}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:14px;margin-bottom:8px}.input-group{align-items:center;display:flex;position:relative}.currency-symbol{color:#a0a0a0;font-weight:500;left:12px;position:absolute;z-index:1}.input-group input{background:#2d2d2d;border:1px solid #404040;border-radius:8px;color:#fff;font-size:16px;padding:12px 12px 12px 32px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.input-group input:disabled{background:#1a1a1a;cursor:not-allowed;opacity:.6}.amount-hint{color:#a0a0a0;display:block;font-size:12px;margin-top:4px}.form-actions{gap:12px;margin-top:20px}.cancel-button{background:#6b7280;border-radius:8px;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.cancel-button:hover:not(:disabled){background:#4b5563}.cancel-button:disabled{background:#374151;cursor:not-allowed;opacity:.6}.confirm-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.confirm-button:disabled{background:#6b7280;box-shadow:none;cursor:not-allowed;transform:none}.success-message{align-items:center;background:#064e3b;border:1px solid #065f46;border-radius:8px;color:#6ee7b7;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px}.billing-section{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px}.billing-section h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.billing-section p{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0 0 20px}.manage-billing-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.manage-billing-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.manage-billing-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.usage-info{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px}.usage-info h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.usage-info ul{list-style:none;margin:0;padding:0}.usage-info li{color:#a0a0a0;font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.usage-info li:before{color:#3b82f6;content:"•";font-weight:700;left:0;position:absolute}.usage-info li:last-child{margin-bottom:0}@media (max-width:768px){.wallet-management{max-width:100%}.wallet-balance-card{padding:20px}.balance-amount{font-size:28px}.billing-section,.usage-info{padding:20px}.manage-billing-button{justify-content:center;width:100%}}.settings-container{margin:0 auto;max-width:800px;padding:2rem}.settings-header{margin-bottom:3rem;position:relative;text-align:center}.back-button{background:#667eea;border-radius:6px;color:#fff;font-size:.9rem;left:0;padding:.5rem 1rem}.back-button:hover{background:#5a67d8;transform:translateY(-50%) translateX(-2px)}.back-icon{height:1rem;width:1rem}.settings-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:.5rem}.settings-header p{color:#718096;font-size:1.1rem}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.section-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:1.5rem}.section-icon{color:#667eea;height:1.5rem;width:1.5rem}.section-header h2{font-size:1.25rem;margin:0}.section-content{padding:1.5rem}.section-content p{color:#718096;font-style:italic}@media (max-width:768px){.settings-container{padding:1rem}.settings-header h1{font-size:2rem}.section-content,.section-header{padding:1rem}}.embed-type-selector,.framework-selector{align-items:center;display:flex;gap:1rem;margin:1rem 0}.framework-selector label{color:#2d3748;font-size:.9rem;font-weight:600}.framework-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:.9rem;outline:none;padding:.5rem 1rem;transition:border-color .2s}.framework-dropdown:focus{border-color:#667eea}.framework-dropdown:hover{border-color:#cbd5e0}.iframe-code-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0;padding:1rem;position:relative}.iframe-code{background:#2d3748;border-radius:6px;color:#e2e8f0;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}.copy-button{background:#667eea;border-radius:6px;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s}.copy-button:hover{background:#5a67d8}.copy-button:active{transform:scale(.95)}.iframe-preview{margin-top:2rem}.iframe-preview h4{color:#2d3748;font-size:1.1rem;margin-bottom:1rem}.iframe-preview iframe{box-shadow:0 4px 12px #0000001a;display:block;margin:0 auto}.component-preview{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center}.preview-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.preview-badge{background:#667eea;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.preview-text{color:#2d3748;font-size:1.1rem;font-weight:600}.preview-content p{color:#718096;line-height:1.5;margin:.5rem 0}.widget-preview{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 12px #0000001a}.widget-demo{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px}.conversations-list{max-height:400px;overflow-y:auto}.conversation-item{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:1rem}.conversation-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.conversation-item.selected{background:#f7fafc;border-color:#667eea}.conversation-header{margin-bottom:.5rem}.conversation-title{color:#2d3748;font-weight:600;gap:.5rem}.conversation-icon{color:#667eea;height:1rem;width:1rem}.conversation-meta{color:#718096}.conversation-details{flex-direction:column;gap:.25rem}.conversation-info{color:#a0aec0;font-size:.75rem;gap:.25rem}.info-icon{height:.75rem;width:.75rem}.conversation-modal{padding:2rem}.modal-header{border-bottom:1px solid #e1e5e9}.modal-header h3{color:#2d3748}.close-button{color:#718096;line-height:1;padding:.25rem}.close-button:hover{color:#2d3748}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:600px}.conversation-meta-info{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.meta-item{color:#4a5568;gap:.5rem}.meta-icon{color:#667eea;height:1rem;width:1rem}.messages-container{max-height:400px;overflow-y:auto}.message.user{background:#e6f3ff;border-left:4px solid #667eea}.message.assistant{background:#f0f4f8;border-left:4px solid #48bb78}.message-role{color:#4a5568;font-size:.75rem;text-transform:uppercase}.message-time{color:#a0aec0}.message-content{color:#2d3748;line-height:1.5}.agent-settings-form{max-width:600px}.form-group{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.form-group h3{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-field{margin-bottom:1.5rem}.form-field label{color:#4a5568;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-field textarea{min-height:80px;resize:vertical}.avatar-preview{margin-top:.5rem}.avatar-preview img{border:2px solid #e9ecef;border-radius:50%;height:60px;object-fit:cover;width:60px}.tags-input{margin-top:.5rem}.tags-list{margin-bottom:.75rem}.tag{background:#667eea;color:#fff}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;margin-left:.25rem;padding:0}.tag-remove:hover{color:#ff6b6b}.tag-input-row{display:flex;gap:.5rem}.tag-input-row input{flex:1 1;margin-bottom:0}.add-tag-btn{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s ease}.add-tag-btn:hover{background:#38a169}.form-actions{border-top:1px solid #e9ecef;margin-top:2rem;padding-top:1.5rem}.save-button{background:#667eea;border-radius:6px;font-size:.9rem}.save-button:hover:not(:disabled){background:#5a67d8}.save-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.spinner{border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.tag-input-row{flex-direction:column}.add-tag-btn{width:100%}}[data-theme=dark] .section-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}[data-theme=dark] .section-header h2{color:var(--text-primary)}[data-theme=dark] .section-icon{color:var(--accent-primary)}[data-theme=dark] .sidebar .section-header{background:#0000!important;border-bottom:none!important;color:var(--text-muted)!important}[data-theme=dark] .sidebar .section-header:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .sidebar .section-header.active{background:var(--accent-primary)!important;color:#fff!important}[data-theme=dark] .sidebar .section-header.active svg{color:#fff!important}.embed-agent{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1000px;padding-top:40px}.embed-header{margin-bottom:2rem;text-align:center}.embed-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.embed-header p{color:var(--text-muted);font-size:1.125rem;margin:0}.embed-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.option-group{display:flex;flex-direction:column;gap:1rem}.option-group label{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.option-buttons{display:flex;flex-direction:column;gap:.5rem}.option-button{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:.75rem;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:all .2s ease}.option-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.option-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.button-content{display:flex;flex-direction:column;gap:.25rem}.button-content span{font-size:.875rem;font-weight:500}.button-content small{color:hsla(0,0%,100%,.643);font-size:.75rem}.code-section{margin-bottom:2rem}.code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.code-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.copy-button{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.copy-button:hover{background:#2563eb}.copy-button.copied{background:#10b981}.code-block{background:#1e293b;border-radius:.75rem;color:var(--text-muted);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:1.5rem}.preview-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.preview-container{background:var(--bg-secondary);border:2px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.widget-preview{background:#f8fafc;min-height:200px;padding:2rem;text-align:center}.widget-demo,.widget-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.widget-demo{background:var(--bg-secondary);border-radius:.5rem;height:200px;position:relative;width:100%}.floating-button{align-items:center;animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;bottom:1rem;box-shadow:0 4px 12px #3b82f64d;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:absolute;right:1rem;width:60px}@media (max-width:768px){.embed-options{gap:1.5rem;grid-template-columns:1fr}.code-header{align-items:stretch;flex-direction:column;gap:1rem}.copy-button{justify-content:center}.code-block{font-size:.75rem;padding:1rem}}.conversation-history{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1200px;padding-top:40px}.history-header{margin-bottom:2rem;text-align:center}.history-header h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.history-header p{color:var(--text-muted);font-size:1.125rem;margin:0}.table-controls{align-items:center;background:var(--bg-secondary);border-radius:.375rem;display:flex;height:40px;justify-content:space-between;margin-bottom:1rem;margin-top:15px;padding:.25rem .75rem}.search-container{flex:1 1;margin-top:30px;max-width:400px}.search-input-wrapper{align-items:center;border:none;display:flex;position:relative}.search-icon{color:var(--text-muted);height:14px;left:.375rem;width:14px;z-index:1}.search-input{border:none;border-radius:4px;color:var(--text-primary);font-size:.8rem;height:28px;padding:.25rem .5rem .25rem 1.75rem}.search-input,.search-input:focus{background:var(--bg-primary);box-shadow:none}.search-input:focus{border:none}.search-input::placeholder{color:var(--text-muted);opacity:1}.table-actions{align-items:center;display:flex;gap:.75rem}.results-count{color:var(--text-muted);font-size:.875rem;font-weight:500}.filter-toggle-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);display:flex;font-size:.75rem;gap:.25rem;height:28px;padding:.25rem .5rem}.filter-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.filter-toggle-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.refresh-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.refresh-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.filter-panel{animation:slideDown .2s ease-out;background:var(--bg-secondary);border-radius:.75rem;margin-bottom:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-select{background:var(--bg-primary);border-radius:6px;padding:.5rem}.filter-select:focus,.filter-select:hover{border-color:var(--accent-primary)}.filter-select:focus{box-shadow:0 0 0 2px #667eea1a}.filter-actions{border-top:1px solid var(--border-primary)}.clear-filters-btn{background:#0000;border-radius:6px;color:var(--text-muted);font-size:.875rem}.clear-filters-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding-top:1.5rem}.filter-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.filter-toggle-btn{background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-toggle-btn:hover{background:#2563eb}.filter-panel{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.5rem;padding:1.5rem}.filter-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500}.filter-group label,.filter-select{color:var(--text-primary);font-size:.875rem}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;cursor:pointer;padding:.75rem;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-actions{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding-top:1rem}.clear-filters-btn{background:#f3f4f6;background:#2563eb;border:1px solid var(--border-primary);border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-btn:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width:768px){.filter-row{gap:1rem;grid-template-columns:1fr}.filter-header{align-items:stretch;flex-direction:column;gap:1rem}.filter-toggle-btn{width:100%}.filter-actions{justify-content:center}.clear-filters-btn{width:100%}}.conversations-list{grid-gap:1rem;display:grid;gap:1rem}.conversation-item{background:var(--bg-secondary);border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;padding:1.5rem;transition:all .2s ease}.conversation-item:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000d}.conversation-item.selected{background:#eff6ff;border-color:#3b82f6}.conversation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.conversation-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.type-icon{color:var(--text-muted)}.type-icon.blue{color:#3b82f6}.type-icon.green{color:#10b981}.conversation-title span:first-of-type{color:#1e293b;font-size:1.125rem;font-weight:600}.type-badge{border-radius:.375rem;font-weight:500;padding:.25rem .5rem}.type-badge.blue{background:#dbeafe;color:#1d4ed8}.type-badge.green{background:#dcfce7;color:#16a34a}.conversation-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.message-count{color:var(--text-muted);font-size:.875rem;font-weight:500}.conversation-date{color:#94a3b8;font-size:.75rem}.conversation-details{display:flex;flex-wrap:wrap;gap:1.5rem}.conversation-info{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem}.info-icon{color:#94a3b8}.empty-state{background:var(--bg-secondary);border:2px dashed #e2e8f0;border-radius:.75rem}.empty-icon{color:#cbd5e1;margin-bottom:1rem}.empty-state h3{font-size:1.25rem}.empty-state p{color:var(--text-muted);margin:0}.conversation-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:700}.close-button{background:none;border:none;border-radius:.5rem;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.close-button:hover{background:#f1f5f9;color:#334155}.modal-content{background:var(--bg-secondary);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:800px;overflow-y:auto;padding:2rem;width:100%}.conversation-meta-info{grid-gap:1rem;background:#f8fafc;border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.meta-item{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;gap:.75rem}.meta-icon{color:var(--text-muted)}.messages-container{display:flex;flex-direction:column;gap:1rem}.message{border:1px solid var(--border-primary);border-radius:.5rem;padding:1rem}.message.user{background:#f0f9ff;border-color:#bae6fd;margin-left:2rem}.message.assistant{background:#f0fdf4;border-color:#bbf7d0;margin-right:2rem}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.message-role{color:var(--text-primary);font-size:.875rem;font-weight:600}.message-time{color:var(--text-muted);font-size:.75rem}.message-content{color:#1e293b;line-height:1.6;white-space:pre-wrap}.loading-state{align-items:center;background:var(--bg-secondary);border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6}@media (max-width:768px){.conversation-header{flex-direction:column;gap:1rem}.conversation-header,.conversation-meta{align-items:flex-start}.conversation-details{flex-direction:column;gap:.75rem}.filter-buttons{justify-content:stretch}.filter-button{flex:1 1;text-align:center}.modal-content{margin:1rem;padding:1rem}.conversation-meta-info{grid-template-columns:1fr}.message.user{margin-left:0}.message.assistant{margin-right:0}}.user-avatar-small{border:1px solid #fff3;border-radius:50%;height:24px;margin-left:8px;object-fit:cover;width:24px}.owner-response{background:linear-gradient(135deg,#667eea,#764ba2);border-left:4px solid #4f46e5}.owner-response .message-role{color:#e0e7ff;font-weight:600}.owner-response-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-top:20px;padding:20px}.owner-response-section h4{color:#fff;font-size:16px;margin:0 0 15px}.owner-response-input{display:flex;flex-direction:column;gap:10px}.owner-response-input textarea{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-family:inherit;min-height:80px;padding:12px;resize:vertical}.owner-response-input textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.send-response-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.send-response-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.send-response-btn:disabled{cursor:not-allowed;opacity:.5}.message-feedback{border-top:1px solid #ffffff1a;display:flex;gap:8px;margin-top:8px;padding-top:8px}.feedback-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:4px;color:#fff9;cursor:pointer;display:flex;gap:4px;padding:6px 8px;transition:all .2s ease}.feedback-btn:hover{background:#ffffff1a;color:#fffc}.feedback-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.feedback-btn.active.thumbs-up{background:#10b981;border-color:#10b981}.feedback-btn.active.thumbs-down{background:#ef4444;border-color:#ef4444}.conversations-table-container{background:var(--bg-secondary);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;max-height:70vh;overflow-x:auto;overflow-y:auto}.conversations-table{border-collapse:collapse;width:100%}.conversations-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.conversations-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.conversations-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:middle}.conversation-row{cursor:pointer;transition:background-color .2s ease}.conversation-row:hover{background-color:var(--bg-tertiary)}.conversation-row:last-child td{border-bottom:none}.status-column{text-align:center;width:80px}.status-indicator{align-items:center;display:flex;justify-content:center}.new-message-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.new-message-dot.blue{background-color:#3b82f6}.new-message-dot.green{background-color:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timestamp-column{color:var(--text-muted);font-size:.875rem;width:140px}.message-preview-column{max-width:300px;min-width:200px}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.875rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.user-column{width:200px}.user-info{flex-direction:row}.user-avatar{height:32px;object-fit:cover;width:32px}.user-avatar.anonymous{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;justify-content:center}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-count-column{text-align:center;width:80px}.messages-count{background:#0000;border-radius:.375rem;color:var(--text-primary);display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.actions-column{text-align:center;width:140px}.view-conversation-btn{align-items:center;background:#3b82f6;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.view-conversation-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.conversation-chat-view{background:#f8fafc;display:flex;flex-direction:column;height:100vh}.chat-header{background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;gap:1rem;min-height:60px;padding:.75rem 1rem;position:relative}.back-button,.chat-header{align-items:center;display:flex}.back-button{background:none;border:none;border-radius:.375rem;color:#007aff;cursor:pointer;font-size:1rem;font-weight:400;gap:.5rem;left:1rem;padding:.5rem .75rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.back-button:hover{background:#007aff1a;color:#0056cc}.chat-title{flex:1 1;margin:0 80px;text-align:center}.chat-title h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.conversation-meta{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.chat-messages .message{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;max-width:80%;padding:1rem}.chat-messages .message.user{align-self:flex-end;background:#eff6ff;border-color:#bfdbfe}.chat-messages .message.assistant{align-self:flex-start;background:#f0fdf4;border-color:#bbf7d0}.chat-messages .message.owner-response{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#4f46e5;color:#fff}.chat-messages .message.owner-response .message-role{color:#e0e7ff}.chat-messages .message.owner-response .message-time{color:#c7d2fe}.chat-messages .message.owner-response .message-content{color:#fff}.chat-messages .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.chat-messages .message-role{color:var(--text-primary);font-size:.875rem;font-weight:600}.chat-messages .message-time{color:var(--text-muted);font-size:.75rem}.chat-messages .message-content{color:#1e293b;line-height:1.6;white-space:pre-wrap}.chat-messages .message-feedback{border-top:1px solid #f1f5f9;display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.chat-messages .feedback-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.chat-messages .feedback-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--text-primary)}.chat-messages .feedback-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.conversation-chat-view .owner-response-section{background:var(--bg-secondary);border-top:1px solid #e2e8f0;box-shadow:0 -1px 3px #0000001a;padding:1.5rem}.conversation-chat-view .owner-response-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.conversation-chat-view .owner-response-input{display:flex;flex-direction:column;gap:.75rem}.conversation-chat-view .owner-response-input textarea{background:#f8fafc;border:1px solid var(--border-primary);border-radius:.5rem;color:#1e293b;font-family:inherit;font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical}.conversation-chat-view .owner-response-input textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.conversation-chat-view .send-response-btn{align-items:center;align-self:flex-end;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.conversation-chat-view .send-response-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.conversation-chat-view .send-response-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.conversations-table{font-size:.75rem}.conversations-table td,.conversations-table th{padding:.75rem .5rem}.status-column{width:60px}.timestamp-column{width:100px}.message-preview-column{max-width:200px;min-width:150px}.user-column{width:150px}.messages-count-column{width:60px}.actions-column{width:120px}.view-conversation-btn{font-size:.75rem;padding:.375rem .75rem}.user-info{align-items:center;flex-direction:row;gap:.5rem}.user-avatar{height:24px;width:24px}.user-name{font-size:.75rem}.chat-header{min-height:50px;padding:.75rem 1rem}.chat-title{margin:0 60px}.back-button{font-size:.875rem;left:.75rem}.chat-messages{padding:1rem}.chat-messages .message{max-width:95%}.conversation-chat-view .owner-response-section{padding:1rem}}.owner-response-column{text-align:center;width:150px}.owner-response-status{align-items:center;display:flex;flex-direction:column;gap:.25rem}.status-badge{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.status-badge.not-requested{background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge.requested{background:#fef3c7;color:#92400e}.status-badge.fulfilled{background:#d1fae5;color:#065f46}.owner-response-status .timestamp{color:var(--text-muted);font-size:.625rem;margin-top:.125rem}.owner-response-status .fee{color:var(--accent-primary);font-size:.625rem;font-weight:600;margin-top:.125rem}.view-conversations-mockup{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1200px;width:100%}.view-conversations-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.5rem}.view-conversations-back-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.view-conversations-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-conversations-info{flex:1 1;text-align:center}.view-conversations-info h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.view-conversations-messages{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:1rem}.view-conversations-message{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.view-conversations-message.user{justify-content:flex-start}.view-conversations-message.bot{justify-content:flex-end}.view-conversations-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.view-conversations-user-avatar{background:var(--accent-primary);color:#fff;font-size:.875rem;font-weight:600}.view-conversations-bot-avatar{background:var(--bg-tertiary);color:var(--text-primary)}.view-conversations-message-content{display:flex;flex-direction:column;max-width:70%}.view-conversations-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.view-conversations-feedback-icons{display:flex;gap:.5rem;opacity:.8;transition:opacity .2s ease}.view-conversations-message:hover .view-conversations-feedback-icons{opacity:1}.view-conversations-feedback-icon{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;margin:0;outline:none;padding:0;transition:all .2s ease}.view-conversations-feedback-icon:hover{color:#fff;transform:scale(1.1)}.view-conversations-feedback-icon.thumbs-up:hover{color:var(--accent-success)}.view-conversations-feedback-icon.thumbs-down:hover{color:var(--accent-error)}.view-conversations-feedback-icon.selected{opacity:1}.view-conversations-feedback-icon.thumbs-up.selected{color:var(--accent-success)}.view-conversations-feedback-icon.thumbs-down.selected{color:var(--accent-error)}.view-conversations-message-text{word-wrap:break-word;border-radius:20px;font-size:.875rem;line-height:1.4;padding:.75rem 1rem}.view-conversations-message.user .view-conversations-message-text{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.view-conversations-message.bot .view-conversations-message-text{background:var(--accent-primary);border:none;color:#fff}.input-area{background:var(--bg-primary);border-top:1px solid var(--border-primary);flex-shrink:0;padding:1rem 1.5rem 40px}.conversation-history-input{padding:1rem 1.5rem 10px}.input-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:25px;display:flex;gap:12px;margin:0 auto;max-width:800px;padding:8px 16px;width:100%}.message-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none;padding:12px 16px}.message-input::placeholder{color:var(--text-muted)}.send-button{align-items:center;background:var(--accent-primary)!important;border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex!important;flex-shrink:0;height:40px;justify-content:center;min-height:40px;min-width:40px;transition:all .2s ease;width:40px}.send-button svg{fill:currentColor!important;color:#fff!important;display:block!important;height:16px!important;width:16px!important}.send-button:hover:not(:disabled){background:var(--accent-secondary);transform:scale(1.05)}.send-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none}.improve-agent{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1200px;padding:3rem 2rem 2rem}.loading{color:var(--text-muted);font-size:1.1rem;padding:3rem;text-align:center}.empty-state{padding:4rem 2rem}.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:1.1rem;margin:0 auto;max-width:500px}.search-container{margin-bottom:2rem}.search-box{max-width:400px;position:relative}.search-box svg{color:var(--text-muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-size:1rem;outline:none;padding:.75rem 1rem .75rem 3rem;transition:border-color .2s;width:100%}.search-box input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea33}.search-highlight{background:#667eea33;border-radius:.25rem;color:var(--text-primary);font-weight:500;padding:.125rem .25rem}.pagination{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.pagination-info{color:var(--text-muted);font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:.25rem}.pagination-page{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;min-width:40px;padding:.5rem .75rem;text-align:center;transition:all .2s}.pagination-page:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.pagination-page.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.feedback-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.feedback-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:none;margin-bottom:1rem;overflow:hidden;padding:0;position:relative;transition:all .2s ease}.feedback-card:hover{border-color:var(--accent-primary)}.feedback-card.positive{border-left:3px solid var(--accent-success)}.feedback-card.negative{border-left:3px solid var(--accent-error)}.feedback-card.correction{border-left:3px solid var(--accent-warning)}.feedback-type-indicator{border-bottom:1px solid var(--border-primary);padding:.75rem 1rem .5rem}.type-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.type-badge.positive{background:#22c55e1a;border:1px solid #22c55e33;color:var(--accent-success)}.type-badge.negative{background:#ef44441a;border:1px solid #ef444433;color:var(--accent-error)}.type-badge.correction{background:#f59e0b1a;border:1px solid #f59e0b33;color:var(--accent-warning)}.feedback-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.feedback-meta{align-items:center;display:flex;gap:.75rem}.feedback-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{align-items:center;border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.edit-btn{background:var(--bg-tertiary);color:var(--text-primary)}.edit-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.delete-btn{background:var(--bg-secondary);border-color:var(--accent-error);color:var(--accent-error)}.delete-btn:hover{background:#ef44441a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.feedback-content{background:var(--bg-primary);padding:1rem}.feedback-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.feedback-section.correction{background:#22c55e0d;border-color:#22c55e33}.section-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.section-content{color:var(--text-primary);font-size:.875rem;line-height:1.5}.section-content p{margin:0;white-space:pre-wrap}.show-more-btn{background:none;border:none;border-radius:.25rem;color:var(--accent-primary);cursor:pointer;font-size:.875rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem;transition:background-color .2s}.show-more-btn:hover{background:#667eea1a}.feedback-actions-row{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.feedback-actions-row .edit-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.feedback-actions-row .edit-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.feedback-actions-row .context-btn{align-items:center;background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.feedback-actions-row .context-btn:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-1px)}.context-link{border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.context-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.context-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.context-section{border-top:1px solid var(--border-primary);margin-top:1rem;padding-top:1rem}.context-toggle-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.375rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:flex-start;padding:.5rem 1rem;transition:all .2s;width:100%}.context-toggle-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.context-content{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.5rem;margin-top:1rem;padding:1rem}.context-category{margin-bottom:1rem}.context-category:last-child{margin-bottom:0}.context-category h5{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .5rem;text-transform:capitalize}.context-category ul{list-style-type:disc;margin:0;padding-left:1rem}.context-category li{margin-bottom:.25rem}.context-category li,.context-category p{color:var(--text-muted);font-size:.875rem}.context-category p{margin:0}.loading-container{padding:3rem;text-align:center}.loading-spinner{border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-top-color:var(--accent-primary);height:32px;margin-bottom:1rem;width:32px}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;margin-right:.5rem;width:16px}.error-banner{background:#ef44441a;border:1px solid var(--accent-error);border-radius:.5rem;gap:.75rem;margin-bottom:1rem;padding:1rem}.error-banner,.error-close{align-items:center;color:var(--accent-error);display:flex}.error-close{background:none;border:none;cursor:pointer;font-size:1.25rem;height:24px;justify-content:center;margin-left:auto;padding:0;width:24px}.error-close:hover{background:#ef444433;border-radius:50%}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal,.edit-modal{background:var(--bg-secondary);border-radius:.75rem;box-shadow:0 20px 25px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:.375rem;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:background-color .2s}.close-btn:hover{background:var(--bg-tertiary)}.modal-content{padding:1.5rem}.modal-content label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.modal-content textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.modal-content textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea33}.modal-content p{color:var(--text-primary);line-height:1.6;margin:0}.modal-question{background:var(--bg-tertiary);border-left:3px solid var(--border-primary);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.modal-question label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.modal-question p{color:var(--text-primary);line-height:1.6;margin:0}.modal-response{margin-bottom:0}.modal-actions{border-top:1px solid var(--border-primary);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.cancel-btn,.delete-btn,.save-btn{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn:disabled,.delete-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.cancel-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.save-btn{border:none;color:#fff}.save-btn,.save-btn:hover{background:var(--accent-primary)}.save-btn:hover{opacity:.9}.delete-btn{border:none;color:#fff}.delete-btn,.delete-btn:hover{background:var(--accent-error)}.delete-btn:hover{opacity:.9}@media (max-width:768px){.improve-agent{padding:1rem}.feedback-header{gap:1rem}.feedback-header,.feedback-meta{align-items:flex-start;flex-direction:column}.feedback-meta{gap:.5rem}.feedback-actions{align-self:stretch;justify-content:flex-end}.modal-actions{flex-direction:column}.cancel-btn,.delete-btn,.save-btn{justify-content:center}}.stripe-connect-management{margin:0 auto;max-width:800px;padding:20px}.connect-header{margin-bottom:30px}.connect-header h3{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:8px}.connect-header p{color:#666;font-size:16px;line-height:1.5}.loading-container{color:#666;padding:60px 20px}.spinner{margin-bottom:16px}.error-message,.success-message{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.no-account-section{margin-bottom:30px}.no-account-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:40px;text-align:center}.no-account-card svg{color:#6b7280;margin-bottom:20px}.no-account-card h4{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:12px}.no-account-card p{color:#666;line-height:1.5;margin-bottom:24px}.create-account-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.create-account-button:hover:not(:disabled){background:#2563eb}.create-account-button:disabled{cursor:not-allowed;opacity:.6}.account-section{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.account-status-card,.balance-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.account-header h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.refresh-button{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.refresh-button:hover{background:#f9fafb;color:#374151}.status-info{margin-bottom:20px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;gap:6px;margin-bottom:16px;padding:6px 12px}.status-active{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.status-pending{background:#fef3c7;border:1px solid #fed7aa;color:#d97706}.status-inactive{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.status-details{grid-gap:12px;display:grid;gap:12px}.status-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.status-item:last-child{border-bottom:none}.status-item .label{color:#6b7280;font-size:14px}.status-item .value{font-size:14px;font-weight:500}.status-item .value.enabled{color:#16a34a}.status-item .value.disabled{color:#dc2626}.account-actions{margin-top:20px}.onboarding-button,.update-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s}.onboarding-button:hover:not(:disabled),.update-button:hover:not(:disabled){background:#2563eb}.onboarding-button:disabled,.update-button:disabled{cursor:not-allowed;opacity:.6}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.balance-header h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.balance-header svg{color:#6b7280}.balance-info{grid-gap:16px;display:grid;gap:16px}.balance-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.balance-item .label{color:#6b7280;font-size:14px}.balance-item .value{font-size:18px;font-weight:600}.balance-item .value.available{color:#16a34a}.balance-item .value.pending{color:#d97706}.connect-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.connect-info h4{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:16px}.connect-info ul{list-style:none;margin:0;padding:0}.connect-info li{color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.connect-info li:before{color:#16a34a;content:"✓";font-weight:700;left:0;position:absolute}.connect-info li:last-child{margin-bottom:0}@media (max-width:768px){.stripe-connect-management{padding:16px}.no-account-card{padding:24px}.account-status-card,.balance-card{padding:20px}.status-details{gap:8px}.balance-item{padding:10px 12px}}.agent-settings-header{border-bottom:1px solid var(--border-primary);margin-bottom:1rem;padding-bottom:.75rem}.agent-settings-header h1{color:var(--text-primary);font-family:inherit;font-size:1.5rem;font-weight:600;margin:0}.save-button{align-items:center;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.save-button:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.save-button.disabled,.save-button:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.button-icon{height:1rem;width:1rem}.section-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.field-description{color:var(--text-muted);font-size:.75rem;line-height:1.4;margin-top:.25rem}.price-input-container{align-items:center;display:flex;gap:.5rem}.price-input-container input{-moz-appearance:textfield;text-align:right;width:120px}.price-input-container input::-webkit-inner-spin-button,.price-input-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.currency-suffix{color:var(--text-muted);font-size:.875rem;font-weight:500}.form-group label input[type=checkbox]{margin-right:.5rem;transform:scale(1.1)}.form-group label{align-items:center;cursor:pointer;display:flex}.loading-state{color:var(--text-muted);padding:3rem;text-align:center}.settings-form{padding:1rem}.basic-info-container{align-items:flex-start;display:flex;gap:2rem}.text-fields{display:flex;flex:1 1;flex-direction:column;gap:1rem}.form-section{border-bottom:1px solid var(--border-secondary);margin-bottom:1rem;padding-bottom:1rem}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.025em;margin:0 0 .75rem;text-transform:uppercase}.form-actions{border-top:1px solid var(--border-primary);display:flex;justify-content:center;margin-top:1rem;padding-top:1rem}.form-group{align-items:center;border:none;box-shadow:none;display:flex;gap:1rem;margin-bottom:.25rem;padding:5px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-primary);flex:0 0 180px;font-family:inherit;font-size:.875rem;font-weight:500;padding-right:.5rem;text-align:right}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.875rem;padding:.625rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:60px;resize:vertical}.tags-input{align-items:center;display:flex;flex:1 1;gap:.75rem}.tags-input input{flex:1 1;margin-bottom:0}.add-tag-button{align-items:center;background:var(--accent-success);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.add-tag-button:hover{background:#059669;transform:translateY(-1px)}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag{align-items:center;background:var(--bg-tertiary);color:var(--text-primary);display:inline-flex;font-size:.85rem;gap:.5rem;padding:.375rem .75rem}.remove-tag{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;line-height:1;margin-left:.25rem;padding:0;transition:color .2s ease}.remove-tag:hover{color:var(--accent-error)}.avatar-form-group{align-items:flex-start}.avatar-centered{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.avatar-centered .avatar-section{gap:1rem}.avatar-centered .avatar-section,.avatar-section{align-items:center;display:flex;flex-direction:column}.avatar-section{flex-shrink:0;gap:.75rem;min-width:160px}.avatar-preview-large{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:50%;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;width:140px}.avatar-image-large{height:100%;object-fit:cover;object-position:center;width:100%}.avatar-placeholder-large{align-items:center;color:var(--text-muted);display:flex;height:100%;justify-content:center;width:100%}.avatar-icon-large{height:56px;width:56px}.edit-avatar-button{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.edit-avatar-button:hover{background:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.edit-icon{height:14px;width:14px}@media (max-width:768px){.agent-settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.agent-settings-header h1{font-size:1.25rem}.form-section{padding:1rem}.form-group{align-items:stretch;border:none;box-shadow:none;flex-direction:column;gap:.5rem;padding:0}.form-group label{flex:none;padding-right:0;text-align:left}.tags-input{align-items:stretch;flex-direction:column}.add-tag-button{justify-content:center}.basic-info-container{flex-direction:column;gap:1.5rem}.avatar-section{align-items:center;min-width:auto}.avatar-preview-large{height:120px;width:120px}}[data-theme=dark] .agent-settings-header{border-bottom:1px solid var(--border-primary)}[data-theme=dark] .agent-settings-header h1{color:var(--text-primary)}[data-theme=dark] .loading-state{color:var(--text-muted)}[data-theme=dark] .form-section{border-bottom:1px solid var(--border-secondary)}[data-theme=dark] .form-section h3{color:var(--text-primary)}[data-theme=dark] .form-actions{border-top:1px solid var(--border-primary)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .tag{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .remove-tag{color:var(--text-muted)}[data-theme=dark] .remove-tag:hover{color:var(--accent-error)}[data-theme=dark] .avatar-preview-large{background:var(--bg-secondary);border:2px solid var(--border-primary)}[data-theme=dark] .avatar-placeholder-large{color:var(--text-muted)}.tune-your-agent{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:1200px;padding:40px 20px 20px}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.alert-error{background-color:var(--bg-error);border:1px solid var(--border-error);color:var(--accent-error)}.alert-success{background-color:var(--bg-success);border:1px solid var(--border-success);color:var(--accent-success)}.tune-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}.tune-actions.bottom{margin-bottom:0;margin-top:30px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-dark)}.btn-secondary{color:#fff}.btn-secondary,.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-success{background-color:var(--accent-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--accent-success-dark)}.btn-danger{background-color:var(--accent-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--accent-error-dark)}.btn-sm{font-size:12px;padding:8px 12px}.questions-list{margin-top:30px}.questions-list h3{color:var(--text-primary);font-size:18px;margin-bottom:20px}.question-card{background:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.question-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.trash-button{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px;transition:all .2s}.trash-button:hover{background-color:var(--bg-error);color:var(--accent-error)}.question-header h4{color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;margin:0}.question-meta{display:flex;flex-wrap:wrap;gap:8px}.confidence-badge{color:#fff}.confidence-badge,.status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.status-badge{text-transform:capitalize}.status-approved{background-color:#10b98133;border:1px solid #10b9814d;color:var(--accent-success)}.status-rejected{background-color:var(--accent-error);color:#fff}.status-pending{background-color:var(--accent-warning);color:#fff}.answer-section,.question-content{margin-top:16px}.answer-content{background-color:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:8px;padding:16px}.answer-content p{color:var(--text-primary);line-height:1.6;margin:0 0 16px}.answer-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:12px}.no-answer{background-color:var(--bg-warning);border:1px solid #f59e0b;border-radius:8px;padding:16px;text-align:center}.no-answer p{color:var(--text-warning);margin:0 0 12px}.edit-answer{background-color:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:8px;padding:16px}.edit-answer textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;resize:vertical;width:100%}.edit-answer textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-actions{display:flex;gap:8px}.empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state h3{color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:16px;margin:0 0 12px}.empty-state .no-content-message{color:var(--text-muted);font-size:14px;margin-top:8px}.responded-questions-section{margin-bottom:30px}.accordion-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;text-align:left;width:100%}.accordion-header h3{color:var(--text-muted);font-size:16px;margin:0}.responded-questions{margin-top:16px}.unresponded-questions-section{margin-bottom:30px}@media (max-width:768px){.tune-your-agent{padding:16px}.question-header{align-items:flex-start;flex-direction:column}.question-meta{margin-top:8px}.tune-actions{flex-direction:column}.btn{justify-content:center}}.website-scanner{background:var(--bg-primary);color:var(--text-primary);margin:0 auto;max-width:800px;padding:40px 20px 20px}.scanner-header{margin-bottom:30px;text-align:center}.scanner-icon{color:var(--accent-primary);height:48px;margin-bottom:16px;width:48px}.scanner-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.scanner-header p{color:var(--text-muted);font-size:16px;margin:0}.scan-form{margin-bottom:30px}.url-input-group{display:flex;gap:12px;margin-bottom:16px}.url-input{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:16px;padding:12px 16px;transition:border-color .2s}.url-input:focus{border-color:var(--accent-primary);outline:none}.url-input:disabled{background-color:var(--bg-secondary);color:var(--text-muted)}.scan-button{align-items:center;background-color:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.scan-button:hover:not(:disabled){background-color:var(--accent-primary-dark)}.scan-button:disabled{background-color:#9ca3af;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.message{font-weight:500;margin-bottom:20px;padding:12px 16px}.message.success{background-color:var(--bg-success);border:1px solid #a7f3d0;color:var(--text-success)}.message.error{background-color:var(--bg-error);border:1px solid #fca5a5;color:var(--text-error)}.scanning-status{background-color:var(--bg-secondary);border-radius:12px;margin-bottom:30px;padding:40px 20px;text-align:center}.scanning-status .spinner{color:var(--accent-primary);height:32px;margin-bottom:16px;width:32px}.scanning-status p{color:var(--text-primary);margin:8px 0}.pages-section{border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;max-height:80vh;overflow:hidden}.pages-header,.pages-section{background-color:var(--bg-secondary);display:flex}.pages-header{align-items:center;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px}.pages-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.selection-controls{display:flex;gap:8px}.select-button{border:1px solid #d1d5db;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.select-button,.select-button:hover{background-color:var(--bg-secondary)}.select-button:hover{border-color:var(--border-primary)}.pages-list{flex:1 1;min-height:0;overflow-y:auto}.page-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;padding:16px 20px;transition:background-color .2s}.page-item:hover{background-color:var(--bg-secondary)}.page-item:last-child{border-bottom:none}.page-item.error{background-color:var(--bg-error)}.page-checkbox{margin-right:16px;margin-top:2px}.page-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.page-content{flex:1 1;min-width:0}.page-title{align-items:center;display:flex;gap:8px;margin-bottom:8px}.status-icon{flex-shrink:0;height:16px;width:16px}.status-icon.success{color:var(--accent-success)}.status-icon.error{color:var(--accent-error)}.title-text{color:var(--text-primary);font-size:16px;font-weight:500}.page-details{gap:16px;margin-bottom:4px}.page-details,.page-url{align-items:center;display:flex}.page-url{color:var(--accent-primary);font-size:14px;gap:4px;max-width:300px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.page-url:hover{text-decoration:underline}.external-icon{flex-shrink:0;height:12px;width:12px}.word-count{color:var(--text-muted);font-size:14px;white-space:nowrap}.page-error{color:var(--accent-error);font-size:14px;font-style:italic}.process-section{background-color:var(--bg-secondary);border-top:1px solid #e5e7eb;bottom:0;flex-shrink:0;padding:20px;position:-webkit-sticky;position:sticky;text-align:center;z-index:10}.process-section p{color:var(--text-primary);font-weight:500;margin:0 0 16px}.process-button{align-items:center;background-color:var(--accent-success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.process-button:hover:not(:disabled){background-color:var(--accent-success-dark)}.process-button:disabled{background-color:#9ca3af;cursor:not-allowed}.webpage-management{background-color:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:12px;margin-top:30px;overflow:hidden}.webpage-management h3{background-color:var(--bg-secondary);border-bottom:1px solid #e5e7eb;color:var(--text-primary);font-size:18px;font-weight:600;margin:0;padding:20px}.webpage-list{max-height:400px;overflow-y:auto}.webpage-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s}.webpage-item:hover{background-color:var(--bg-secondary)}.webpage-item:last-child{border-bottom:none}.webpage-info{flex:1 1;min-width:0}.webpage-title{align-items:center;display:flex;gap:8px;margin-bottom:8px}.webpage-icon{color:var(--accent-primary);flex-shrink:0;height:16px;width:16px}.webpage-title span{color:var(--text-primary);font-size:16px;font-weight:500}.webpage-details{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:16px}.webpage-url{color:var(--accent-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis}.webpage-date,.webpage-url,.webpage-words{white-space:nowrap}.remove-button{align-items:center;background-color:var(--bg-error);border:none;border-radius:50%;color:var(--accent-error);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-button:hover{background-color:var(--bg-error);transform:scale(1.1)}.loading-webpages{background-color:var(--bg-secondary);border-radius:12px;margin-top:20px;padding:40px 20px;text-align:center}.loading-webpages .spinner{color:var(--accent-primary);height:24px;margin-bottom:12px;width:24px}.loading-webpages p{color:var(--text-muted);margin:0}@media (max-width:640px){.website-scanner{padding:16px}.pages-header,.url-input-group{flex-direction:column}.pages-header{align-items:stretch;gap:12px}.selection-controls{justify-content:center}.page-details{align-items:flex-start;flex-direction:column;gap:4px}.page-url{max-width:100%}.pages-section{max-height:70vh}.process-section{background-color:var(--bg-secondary);border-top:2px solid var(--accent-primary);bottom:0;position:-webkit-sticky;position:sticky}}.simple-chat{background:#fff;height:100%!important;left:0;margin:0;padding:0;top:0;width:100vw}.messages-container{background:#f8f9fa;height:100%;padding:20px}.message{border-radius:8px;margin:10px 0;max-width:80%;padding:15px}.message.user{background:#007bff;color:#fff;margin-left:auto}.message.assistant{background:#fff;border:1px solid #e9ecef;color:#333}.main-layout{display:flex;height:100vh}.main-layout,.mobile-header{background:var(--bg-primary)}.mobile-header{align-items:center;border-bottom:1px solid var(--border-primary);box-sizing:border-box;display:none;height:60px;justify-content:space-between;left:0;padding:.75rem 1rem;position:fixed;right:0;top:0;z-index:1000}.menu-button{background:none;border:none;border-radius:.5rem;color:var(--text-muted);cursor:pointer;padding:.5rem}.menu-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-title{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.user-avatar-mobile{border:2px solid #e2e8f0;border-radius:50%;height:32px;width:32px}.sidebar-header{border-bottom:1px solid var(--border-primary);padding:1rem}.logo{gap:.75rem}.logo-text h1{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.logo-text p{color:#64748b;font-size:.875rem;margin:0}.sidebar-nav{padding:.75rem 0}.nav-section{margin-bottom:.5rem}.section-header{padding:.625rem 1rem}.section-header.active{background:var(--accent-primary);color:#fff}.section-header.active svg{color:#fff}.section-header .chevron{color:#64748b;flex-shrink:0;margin-left:auto;transition:transform .2s ease}.section-header:hover .chevron{color:#334155}.section-header.active .chevron{color:#1d4ed8}.nav-item{align-items:flex-start;box-sizing:border-box;max-width:100%;overflow:hidden;padding:.75rem 1.5rem}.item-content{gap:.25rem;min-width:0;width:100%}.item-title{display:block;font-size:.875rem;font-weight:500;max-width:100%;min-width:0;width:100%}.subsection-header{align-items:flex-start;color:#64748b;font-size:.875rem;gap:.75rem;margin-bottom:0;padding:.75rem 1.5rem}.subsection-header:hover{background:#f8fafc;color:#334155}.conversations-list{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;width:100%}.sidebar-footer{border-top:1px solid #e2e8f0;padding:.75rem 1rem}.user-info{align-items:center;gap:.75rem}.user-avatar{border:2px solid #e2e8f0}.user-details{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.user-name{color:#1e293b;font-weight:500}.user-email{color:#64748b}.logout-button{background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.logout-button:hover{background:#f1f5f9;color:#334155}.main-content{min-height:calc(100vh - 60px);padding-left:20px;padding-right:2rem}.page-title{margin-bottom:1.5rem}.page-title-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.page-title-content{flex:1 1}.page-title h1{color:#1a202c;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.page-title p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.page-title-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.content-body{flex:1 1;overflow-y:auto;width:100%}.sidebar-overlay{z-index:50}@media (max-width:768px){.mobile-header{display:flex}.sidebar{transform:translateX(-100%);z-index:1001}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;margin-top:60px}.content-body{padding:1rem}.main-layout .sidebar.open~.main-content{margin-left:280px}}@media (min-width:769px){.sidebar{position:relative;transform:translateX(0)}.sidebar-overlay{display:none}}[data-theme=dark] .sidebar{background:var(--bg-primary);border-right:1px solid var(--border-primary)}[data-theme=dark] .sidebar-header{border-bottom:1px solid var(--border-primary)}[data-theme=dark] .sidebar-footer{border-top:1px solid var(--border-primary)}[data-theme=dark] .mobile-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}[data-theme=dark] .mobile-title{color:var(--text-primary)}[data-theme=dark] .menu-button{color:var(--text-muted)}[data-theme=dark] .menu-button:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .section-header{color:var(--text-muted)}[data-theme=dark] .section-header:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .section-header.active{background:var(--accent-primary);color:#fff}[data-theme=dark] .section-header.active svg{color:#fff}[data-theme=dark] .section-header .chevron{color:var(--text-muted)}[data-theme=dark] .section-header:hover .chevron{color:var(--text-primary)}[data-theme=dark] .section-header.active .chevron{color:#fff}[data-theme=dark] .nav-item{color:var(--text-muted)}[data-theme=dark] .nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .item-title{color:inherit}[data-theme=dark] .item-subtitle,[data-theme=dark] .subsection-header{color:var(--text-muted)}[data-theme=dark] .subsection-header:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-section[data-color=blue] .section-header.active{background:#dbeafe;color:#1d4ed8}.nav-section[data-color=green] .section-header.active{background:#dcfce7;color:#16a34a}.nav-section[data-color=purple] .section-header.active{background:#f3e8ff;color:#9333ea}.theme-preview{background:#1a1a2e;color:#e2e8f0;min-height:100vh}.theme-preview .app-header{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border-bottom:1px solid #667eea33}.theme-preview .app-header .app-title{color:#e2e8f0}.theme-preview .app-header .title-icon{filter:drop-shadow(0 0 8px rgba(102,126,234,.5)) hue-rotate(355deg) saturate(10) brightness(1.2)}.theme-preview .app-header .app-subtitle{color:#a0aec0}.theme-preview .app-header .user-email,.theme-preview .app-header .user-name{color:#e2e8f0}.theme-preview .mode-toggle{background:#667eea66;border:1px solid #667eea80;box-shadow:0 4px 12px #667eea66}.theme-preview .toggle-button{background:#0000;border:none;color:#a0aec0;transition:all .2s ease}.theme-preview .toggle-button:hover{background:#667eea1a;color:#e2e8f0}.theme-preview .toggle-button.active{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#e2e8f0}.theme-preview .sidebar{background:#16213e;border-right:1px solid #667eea33}.theme-preview .sidebar .section-header{color:#a0aec0}.theme-preview .sidebar .section-header:hover{background:#667eea1a;color:#e2e8f0}.theme-preview .sidebar .section-header.active{background:#667eea26;color:#667eea}.theme-preview .sidebar .nav-item{color:#a0aec0}.theme-preview .sidebar .nav-item:hover{background:#667eea1a;color:#e2e8f0}.theme-preview .sidebar .nav-item.active{background:#667eea26;color:#667eea}.theme-preview .main-content,.theme-preview .main-layout{background:#1a1a2e}.theme-layout{display:flex;margin-top:80px;min-height:calc(100vh - 100px)}.theme-sidebar{background:#16213e;border-right:1px solid #667eea33;flex-shrink:0;padding:2rem 0;width:280px}.theme-sidebar .sidebar-nav{padding:0 1rem}.theme-sidebar .nav-section{margin-bottom:1rem}.theme-sidebar .section-header{align-items:center;background:#0000;border:none;border-radius:8px;color:#a0aec0;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.theme-sidebar .section-header:hover{background:#667eea1a;color:#e2e8f0}.theme-sidebar .section-header.active{background:#667eea26;color:#667eea}.theme-sidebar .section-header .chevron{margin-left:auto;opacity:.7}.theme-sidebar .section-items{padding-left:1rem}.theme-sidebar .nav-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.25rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.theme-sidebar .nav-item:hover{background:#667eea1a;color:#e2e8f0}.theme-sidebar .nav-item.active{background:#667eea26;color:#667eea}.theme-content{flex:1 1;max-width:none;padding:2rem;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.loading-spinner{border:4px solid #667eea;border-top-color:#0000}.theme-header{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;padding:0 2rem;text-align:center}.theme-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 200px 1rem 0}.theme-subtitle{color:#a0aec0;font-size:1.2rem;margin:0 200px 2rem 0}.search-bar{display:flex;justify-content:center;margin:0 -30px auto;max-width:600px;padding:0 1rem;width:100%}.search-container{align-items:center;display:flex;position:relative;width:100%}.search-icon{color:#667eea;left:1rem;position:absolute;z-index:2}.search-input{background:#16213e;border:2px solid #0f3460;border-radius:12px;color:#e2e8f0;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input::placeholder{color:#718096}.filter-container{align-items:center;display:flex;gap:.5rem}.filter-icon{color:#667eea}.category-filter{background:#16213e;border:2px solid #0f3460;border-radius:12px;color:#e2e8f0;cursor:pointer;font-size:1rem;padding:1rem;transition:all .2s ease}.category-filter:focus{border-color:#667eea;outline:none}.featured-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin:0 1rem 4rem;padding:3rem}.featured-section .section-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 2rem;text-align:center}.featured-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.all-agents-section{margin:0 auto;max-width:1400px}.section-title{color:#e2e8f0;font-size:2rem;font-weight:700;margin:0 0 2rem;text-align:center}.agents-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(5,1fr)}.agent-card{background:#16213e;border:1px solid #0f3460;flex-direction:column;height:100%;max-width:350px;overflow:hidden;position:relative}.agent-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.agent-card:hover{border-color:#667eea;box-shadow:0 12px 40px #667eea33;transform:translateY(-4px)}.agent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.agent-avatar{background:#0f3460;border:3px solid #667eea;box-shadow:0 4px 12px #667eea4d;height:56px;overflow:hidden;width:56px}.agent-avatar img{height:100%;object-fit:cover;width:100%}.agent-avatar svg{color:#667eea}.agent-stats{background:#667eea1a;border:1px solid #667eea33;border-radius:20px;color:#a0aec0;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.agent-stats svg{color:#667eea}.agent-content{flex:1 1;margin-bottom:1.5rem}.agent-name{color:#e2e8f0;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.agent-description{color:#a0aec0;font-size:1rem;line-height:1.6;margin:0 0 1rem}.agent-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#667eea26;border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.agent-footer{display:flex;justify-content:flex-end;margin-top:auto}.chat-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s ease}.chat-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.chat-button:active{transform:translateY(0)}.no-results{color:#a0aec0;padding:4rem 2rem;text-align:center}.no-results svg{color:#667eea;margin-bottom:1rem}.no-results h3{color:#e2e8f0;font-size:1.5rem;margin:0 0 .5rem}.no-results p{font-size:1rem;margin:0}@media (max-width:1600px){.agents-grid,.featured-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.agents-grid,.featured-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.agents-grid,.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.theme-sidebar{width:240px}}@media (max-width:768px){.theme-layout{flex-direction:column;margin-top:100px}.theme-sidebar{border-bottom:1px solid #667eea33;border-right:none;padding:1rem 0;width:100%}.theme-content{padding:1rem}.theme-title{font-size:2rem}.search-bar{max-width:100%}.featured-section{margin:0 -1rem 3rem;padding:2rem}.agents-grid,.featured-grid{grid-template-columns:1fr}}.landing-page{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.landing-page *,.landing-page :after,.landing-page :before{box-sizing:border-box}.landing-page div,.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page p,.landing-page span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23f2;border-bottom:1px solid #667eea33;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.header-content{max-width:1200px}.header-content .nav-links{display:flex;flex:1 1;gap:2rem;justify-content:center}.logo{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;gap:.5rem}.logo img{filter:drop-shadow(0 0 8px rgba(102,126,234,.5)) hue-rotate(355deg) saturate(10) brightness(1.2);height:2rem;object-fit:contain;transform:translateY(1px);width:2rem}.nav-links a{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--accent-primary)}.header-cta{align-items:center;display:flex;gap:1rem;margin-left:auto}.btn-primary{background:var(--gradient-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.hero{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;min-height:100vh;overflow:hidden;padding:6rem 0 2rem;position:relative}.hero-background{z-index:1}.hero-background,.hero-particles{bottom:0;left:0;position:absolute;right:0;top:0}.hero-particles{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba21a 0,#0000 50%),radial-gradient(circle at 40% 80%,#3b82f61a 0,#0000 50%)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.hero-badge{margin-bottom:1.5rem}.badge-brain,.hero-badge{align-items:center;display:flex;justify-content:center}.badge-brain{animation:brain-pulse 3s ease-in-out infinite;background:#667eea1a;border:2px solid #667eea4d;border-radius:50%;height:120px;position:relative;width:120px}.badge-brain img{-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:drop-shadow(0 0 8px rgba(102,126,234,.5)) hue-rotate(355deg) saturate(10) brightness(1.2);image-rendering:-webkit-optimize-contrast;image-rendering:auto;image-rendering:smooth;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .3s ease;will-change:transform,filter}.badge-pulse{animation:pulse-ring 3s ease-out infinite;border:2px solid #667eea4d;border-radius:50%;position:absolute}.pulse-1{animation-delay:0s;bottom:-20px;left:-20px;right:-20px;top:-20px}.pulse-2{animation-delay:.7s;bottom:-35px;left:-35px;right:-35px;top:-35px}.hero-title{color:var(--text-primary);font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-muted);font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;max-width:500px}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.cta-primary{align-items:center;background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.cta-primary:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.cta-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.hero-stats{display:flex;gap:2rem}.stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-icon{color:var(--accent-primary);filter:drop-shadow(0 0 12px rgba(102,126,234,.6)) drop-shadow(0 4px 8px rgba(102,126,234,.3));font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.stat:hover .stat-icon{filter:drop-shadow(0 0 20px rgba(102,126,234,.8)) drop-shadow(0 6px 12px rgba(102,126,234,.4));transform:scale(1.1)}.stat-content h4{color:var(--accent-primary);font-size:1.5rem;font-weight:800;line-height:1;margin:0 0 .25rem}.stat-content p{color:var(--text-muted);font-size:.875rem;margin:0}.hero-visual,.screenshot-container{align-items:center;display:flex;justify-content:center;position:relative}.screenshot-container{max-width:500px!important;padding-right:30px;width:100%!important}.homepage-screenshot{border-radius:12px;height:auto!important;mask:linear-gradient(180deg,#0000 0,#000 20%,#000 80%,#0000);-webkit-mask:linear-gradient(180deg,#0000 0,#000 20%,#000 80%,#0000);max-width:500px!important;object-fit:contain;width:100%!important}.homepage-screenshot,.screenshot-placeholder{box-shadow:0 20px 40px #0000004d;position:relative}.screenshot-placeholder{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;height:100%;overflow:hidden;width:100%}.screenshot-content{display:flex;flex-direction:column;height:100%;width:100%}.screenshot-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;padding:1rem}.screenshot-dots{display:flex;gap:.5rem}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.screenshot-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.screenshot-body{display:flex;flex:1 1}.screenshot-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:200px}.sidebar-item{border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease}.sidebar-item.active{background:#667eea1a;border:1px solid #667eea4d;color:var(--accent-primary)}.sidebar-item:hover:not(.active){background:var(--bg-primary);color:var(--text-primary)}.screenshot-main{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:2rem}.main-header{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.main-content{display:flex;flex-direction:column;gap:1rem}.content-block{animation:shimmer 2s ease-in-out infinite;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;height:60px}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}@keyframes brain-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.features{background:var(--bg-secondary);padding:6rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{background:#0000!important;margin-bottom:3rem;text-align:center}.section-header h2{color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.25rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.feature-icon{align-items:center;background:var(--gradient-accent);border-radius:20px;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:var(--text-muted);line-height:1.6}.how-it-works{background:var(--bg-primary);padding:6rem 0}.steps{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem}.step{flex-direction:column;position:relative;text-align:center}.step,.step-number{align-items:center;display:flex}.step-number{background:var(--gradient-accent);border-radius:50%;color:#fff;font-size:1.5rem;font-weight:800;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.step-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-content p{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.step-visual{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:20px;display:flex;font-size:3rem;height:120px;justify-content:center;width:120px}.marketplace-preview{background:var(--bg-secondary);padding:6rem 0}.agents-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem}.agent-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.agent-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 30px #0000001a;transform:translateY(-2px)}.agent-avatar{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.agent-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.agent-info p{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.agent-stats{align-items:center;display:flex;gap:1rem}.rating{color:#fbbf24;font-weight:600}.price{color:var(--accent-primary);font-size:1.125rem;font-weight:700}.pricing{background:var(--bg-primary);padding:6rem 0}.pricing-grid{margin-left:auto;margin-right:auto;margin-top:4rem;max-width:1000px}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;text-align:center}.pricing-card:hover{box-shadow:0 20px 40px #0000001a}.pricing-card.featured{border-color:var(--accent-primary)}.pricing-badge{background:var(--gradient-accent);font-size:.875rem}.pricing-header h3{color:var(--text-primary);font-weight:700}.price{margin-bottom:2rem}.currency{color:var(--text-muted);font-size:1.5rem}.amount{color:var(--accent-primary);font-weight:800;margin:0 .25rem}.period,.pricing-features li{color:var(--text-muted)}.pricing-features li{border-bottom:1px solid var(--border-primary);padding:.75rem 0}.pricing-cta{background:var(--gradient-accent);font-size:1rem}.pricing-cta:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0;text-align:center}.cta-content h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.cta-primary.large{background:#fff;color:#667eea}.cta-primary.large,.cta-secondary.large{font-size:1.25rem;padding:1.25rem 2.5rem}.cta-secondary.large{background:#0000;border:2px solid #fff;color:#fff}.cta-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cta-feature{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.9}.screenshot-carousel{background:var(--bg-secondary);padding:6rem 0}.carousel-container{margin:0 auto;max-width:1200px;position:relative}.carousel-wrapper{align-items:center;display:flex;gap:1rem;position:relative}.carousel-nav{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px;z-index:10}.carousel-nav:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.1)}.carousel-nav:disabled{cursor:not-allowed;opacity:.5}.carousel-slides{flex:1 1;overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease-in-out;width:100%}.carousel-slide{flex-shrink:0;min-width:100%}.slide-content{align-items:center;display:flex;flex-direction:column;min-height:500px;padding:2rem}.slide-image{border-radius:12px;box-shadow:0 20px 40px #0003;height:auto;margin-bottom:2rem;max-width:900px;object-fit:contain;width:100%}.slide-text{max-width:600px;text-align:center}.slide-text h3{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.slide-text p{color:var(--text-muted);font-size:1.25rem;line-height:1.6;margin:0}.carousel-indicators{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.indicator{background:var(--border-primary);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:var(--accent-primary);transform:scale(1.2)}.indicator:hover{background:var(--accent-primary);opacity:.7}.footer{background:var(--bg-primary);border-top:1px solid var(--border-primary);padding:3rem 0 2rem}.footer-content{justify-content:space-between;margin-bottom:2rem}.footer-brand,.footer-content{align-items:center;display:flex}.footer-brand{color:var(--text-primary);font-size:1.5rem;font-weight:800;gap:.5rem}.footer-brand img{filter:drop-shadow(0 0 8px rgba(102,126,234,.5)) hue-rotate(355deg) saturate(10) brightness(1.2);height:2rem;object-fit:contain;transform:translateY(1px);width:2rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-primary);color:var(--text-muted);padding-top:2rem;text-align:center}@media (min-width:769px){.landing-header{max-height:100px;padding:.75rem 0}.header-cta{margin-right:10px;max-height:60px;transform:translate(100px,-60px)}}@media (max-width:768px){.landing-header{padding:.75rem 0}.header-content{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;padding:0 1rem}.header-content .nav-links{display:none}.header-cta{gap:.5rem;margin-left:0;margin-top:0}.btn-primary,.btn-secondary{font-size:.5rem!important;min-width:auto!important;padding:.375rem .8rem!important;width:auto!important}.logo{font-size:1.25rem}.logo img{height:1.5rem;width:1.5rem}.footer-brand img{height:4rem;transform:translateY(5px);width:4rem}.hero-content{gap:2rem;grid-template-columns:1fr;padding:0 1.5rem;text-align:center}.hero{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-areas:"content" "visual"}.hero-content{grid-area:content}.hero-visual{grid-area:visual}.hero-subtitle{font-size:1rem;max-width:100%}.hero-title{font-size:1.75rem;line-height:1.2}.hero-cta{align-items:center;flex-direction:column}.hero-stats{justify-content:center}.screenshot-container{margin:0 auto!important;padding-right:0!important}.homepage-screenshot,.screenshot-container{max-width:100%!important;width:100%!important}.homepage-screenshot{height:auto!important;min-width:300px!important}.features-grid{grid-template-columns:1fr}.section-header h2{font-size:2rem}.section-header p{font-size:1rem}.pricing-grid,.steps{grid-template-columns:1fr}.pricing-card.featured{transform:none}.cta-buttons{align-items:center;flex-direction:column}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.footer-content{flex-direction:column;gap:2rem}.footer-links{flex-wrap:wrap;justify-content:center}.carousel-container{max-width:100%;padding:0 1rem}.carousel-wrapper{flex-direction:column;gap:.25rem}.carousel-nav{align-self:center;height:40px;position:static;width:40px}.carousel-prev{order:1}.carousel-slides{order:2;width:100%}.carousel-next{order:3}.slide-content{min-height:auto;padding:.5rem}.carousel-slides .slide-image{height:auto;margin-bottom:.5rem;max-height:19.2vh;max-width:100%;object-fit:contain;width:auto}.slide-text{max-width:100%;padding:0 1rem;text-align:center;width:100%}.slide-text h3{font-size:1.5rem;line-height:1.3;margin-bottom:.75rem;margin-left:auto;margin-right:auto}.slide-text h3,.slide-text p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:30ch;overflow-wrap:break-word;word-break:break-word}.slide-text p{font-size:1rem;line-height:1.4;margin:0 auto;text-align:center}.carousel-indicators{margin-top:1rem;order:4}}@media (max-width:480px){.landing-header{padding:.5rem 0}.header-content{gap:.25rem;padding:0 1rem}.header-cta{gap:.25rem}.btn-primary,.btn-secondary{font-size:.8rem!important;min-width:auto!important;padding:.5rem .75rem;width:auto!important}.hero-title{font-size:1.5rem}.cta-content h2,.section-header h2{font-size:1.75rem}.stat-content h4{font-size:1.25rem}.logo{font-size:1.125rem}.logo img{height:1.25rem;width:1.25rem}.carousel-container{padding:0 .5rem}.slide-content{min-height:auto;padding:.25rem}.carousel-slides .slide-image{height:auto;margin-bottom:.25rem;max-height:16vh;max-width:100%;object-fit:contain;width:auto}.slide-text h3{font-size:1.25rem;line-height:1.2;margin-bottom:.5rem;margin-left:auto;margin-right:auto}.slide-text h3,.slide-text p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:30ch;overflow-wrap:break-word;text-align:center;word-break:break-word}.slide-text p{font-size:.875rem;line-height:1.3;margin:0 auto}.carousel-nav{height:36px;width:36px}.carousel-wrapper{gap:.125rem}}@media (max-width:360px){.carousel-slides .slide-image{max-height:12.8vh}.slide-text h3{font-size:1rem;line-height:1.1;margin-bottom:.5rem;margin-left:auto;margin-right:auto}.slide-text h3,.slide-text p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:30ch;overflow-wrap:break-word;text-align:center;word-break:break-word}.slide-text p{font-size:.8rem;line-height:1.2;margin:0 auto}}.signup-button{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.signup-button:hover{background:#3367d6}.nav-item-disabled{align-items:center;color:var(--text-secondary);cursor:not-allowed;display:flex;opacity:.6;padding:12px 16px}.nav-item-disabled .item-content{margin-left:12px}.nav-item-disabled .item-title{font-size:14px;font-weight:500}.react-admin-prototype{background:var(--bg-primary);color:var(--text-primary);display:flex;height:100vh}.react-admin-prototype[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#718096;--border-primary:#2d3748;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-success:#48bb78;--accent-error:#f56565;--hover-bg:#2d3748;--hover-border:#4a5568}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-primary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;left:0;min-height:60px;padding:.5rem 0;position:fixed;right:0;text-align:center;top:0;z-index:1000}.react-admin-prototype[data-theme=dark] .app-header{background:var(--gradient-primary);border-bottom:1px solid var(--border-primary)}.header-content{flex-direction:column;margin:0 auto;max-width:1000px;padding:0 2rem}.app-title,.header-content{align-items:center;display:flex;gap:.75rem}.app-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;justify-content:center}.title-icon{color:var(--accent-primary);height:2rem;transform:translateY(1px);width:2rem}.react-admin-prototype[data-theme=dark] .app-header .title-icon{filter:drop-shadow(0 0 8px rgba(102,126,234,.5)) hue-rotate(355deg) saturate(10) brightness(1.2)}.app-subtitle{font-size:.9rem;font-weight:400;line-height:1.2;margin:0}.app-subtitle,.react-admin-prototype[data-theme=dark] .app-header .app-subtitle{color:var(--text-secondary)}.user-section{align-items:center;display:flex;gap:1rem;position:absolute;right:.5rem;top:1rem}.user-info{align-items:flex-end;cursor:pointer;display:flex;flex-direction:column;gap:.125rem}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.user-email{color:var(--text-muted);font-size:.75rem}.react-admin-prototype[data-theme=dark] .app-header .user-email,.react-admin-prototype[data-theme=dark] .app-header .user-name{color:var(--text-primary)}.user-avatar{border:2px solid var(--border-primary);border-radius:50%;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.user-avatar:hover{border-color:var(--accent-primary);transform:scale(1.05)}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.default-avatar{color:var(--text-muted);height:100%;width:100%}.mode-toggle{background:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:25px;box-shadow:var(--shadow-md);display:flex;left:1rem;padding:4px;position:fixed;top:1rem;z-index:1000}.react-admin-prototype[data-theme=dark] .mode-toggle{background:#667eea66;border:1px solid #667eea80;box-shadow:0 4px 12px #667eea66}.toggle-button{background:#0000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:8px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.toggle-button:hover{color:#ffffffe6}.toggle-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.react-admin-prototype[data-theme=dark] .toggle-button{background:#0000;border:none;color:var(--text-secondary);transition:all .2s ease}.react-admin-prototype[data-theme=dark] .toggle-button:hover{background:#667eea1a;color:var(--text-primary)}.react-admin-prototype[data-theme=dark] .toggle-button.active{background:var(--gradient-accent);box-shadow:0 2px 8px #667eea4d;color:var(--text-primary)}.mobile-menu-button{background:none;border:none;border-radius:.5rem;color:var(--text-muted);cursor:pointer;display:none;left:1rem;padding:.5rem;position:absolute;top:1rem;z-index:1001}.mobile-menu-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-mode-toggle{background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:20px;box-shadow:var(--shadow-md);display:none;left:4rem;padding:2px;position:absolute;top:1rem;z-index:1001}.mobile-toggle-button{align-items:center;background:#0000;border:none;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-toggle-button:hover{color:#ffffffe6}.mobile-toggle-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:100}.sidebar.open{transform:translateX(0)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:80px 0 .75rem}.nav-section{margin-bottom:.25rem}.section-header{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;margin:0;padding:.5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.section-header:hover{background:var(--bg-secondary);color:var(--text-primary)}.section-header.direct-nav{margin-bottom:.5rem}.section-header.direct-nav.active,.section-header.direct-nav:hover{background:var(--accent-primary);color:#fff}.section-items{padding-left:1rem}.nav-item{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;margin:0;padding:.5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary);color:#fff}.item-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.item-title{color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:400;line-height:1.4;max-width:200px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover .item-title{color:var(--text-primary)}.item-subtitle{color:var(--text-muted);font-size:.7rem;line-height:1.2;margin-top:.125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-avatar{border:1px solid var(--border-primary);border-radius:50%;flex-shrink:0;object-fit:cover}.conversations-subsection{margin-top:.5rem}.subsection-header{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.375rem 1rem;text-align:left;transition:all .2s ease;width:100%}.subsection-header:hover{background:var(--bg-secondary);color:var(--text-primary)}.conversations-list{padding-left:1rem}.show-more-conversations{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;font-style:italic;gap:.5rem;margin-left:.5rem;padding:.375rem 1rem;width:100%}.main-content{background:var(--bg-primary);flex:1 1;margin-left:280px;overflow-y:auto;padding-top:60px}.content-body{margin:0 auto;max-width:1200px;padding:2rem}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (min-width:769px){.sidebar{position:fixed;transform:translateX(0)}.sidebar-overlay{display:none}.main-content{margin-left:280px;padding-top:60px}}@media (max-width:768px){.mobile-menu-button{display:block;top:.75rem}.mobile-mode-toggle{display:flex;top:.75rem}.app-subtitle,.mode-toggle{display:none}.app-header{height:50px;padding:.25rem 0}.header-content{gap:.25rem;padding:0 1rem}.app-title{font-size:1.125rem;gap:.5rem}.title-icon{height:1.5rem;width:1.5rem}.user-section{gap:.5rem;right:.5rem;top:.25rem}.user-info{display:none!important}.user-avatar{height:32px;width:32px}.user-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.user-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s ease;width:100%}.user-dropdown-item:hover{background:var(--hover-bg)}.user-dropdown-item.logout{color:var(--accent-error)}.user-dropdown-item.logout:hover{background:#f565651a}.sidebar{transform:translateX(-100%);z-index:1001}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;margin-top:50px}.sidebar-overlay{display:block;z-index:1000}.react-admin-prototype .sidebar.open~.main-content{margin-left:280px}}@media (max-width:480px){.app-header{height:45px}.app-title{font-size:1rem}.title-icon{height:1.25rem;width:1.25rem}.app-subtitle{font-size:.7rem}.user-avatar{height:28px;width:28px}.main-content{margin-top:45px}}.pricing-container{margin:0 auto;max-width:1200px;padding:2rem}.pricing-header{margin-bottom:3rem}.pricing-header h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.pricing-header p,.pricing-loading{color:#666;font-size:1.2rem}.pricing-loading{padding:2rem;text-align:center}.configuration-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:left}.configuration-notice h3,.configuration-notice ol,.configuration-notice p{color:#856404;margin-bottom:1rem}.configuration-notice ol{padding-left:1.5rem}.configuration-notice code{background:#f8f9fa;border-radius:3px;color:#e83e8c;font-family:Courier New,monospace;padding:.2rem .4rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.pricing-card{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.pricing-card.featured{border-color:#007bff;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-badge{background:#007bff;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header{margin-bottom:2rem;text-align:center}.pricing-header h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.price{align-items:baseline;display:flex;justify-content:center;margin-bottom:1rem}.currency{color:#666;font-size:1.2rem;margin-right:.2rem}.amount{color:#333;font-size:3rem;font-weight:700}.period{color:#666;font-size:1rem;margin-left:.2rem}.pricing-features{list-style:none;margin:0 0 2rem;padding:0}.pricing-features li{border-bottom:1px solid #f0f0f0;padding:.75rem 0 .75rem 1.5rem;position:relative}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.pricing-actions{text-align:center}.pricing-cta{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.pricing-cta:hover:not(.disabled){background:#0056b3;transform:translateY(-2px)}.pricing-cta.disabled{background:#6c757d;cursor:not-allowed}.current-plan{align-items:center;display:flex;flex-direction:column;gap:1rem}.current-plan-text{background:#28a745;border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem}.cancel-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .3s ease}.cancel-button:hover{background:#c82333}.current-subscription{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;text-align:center}.current-subscription h3{color:#333;margin-bottom:1rem}.current-subscription p{color:#666;margin:.5rem 0}@media (max-width:768px){.pricing-container{padding:1rem}.pricing-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}.pricing-header h1{font-size:2rem}.amount{font-size:2.5rem}}.payment-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-success-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.payment-success-content.error{border:2px solid #dc3545}.success-icon{color:#28a745}.error-icon,.success-icon{font-size:4rem;margin-bottom:1rem}.error-icon{color:#dc3545}.payment-success-content h2{color:#333;font-size:2rem;margin-bottom:1rem}.payment-success-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.success-details{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:left}.success-details h3{color:#333;margin-bottom:1rem;text-align:center}.success-details ul{list-style:none;margin:0;padding:0}.success-details li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.success-details li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.continue-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.continue-button:hover{background:#0056b3;transform:translateY(-2px)}.loading-spinner{border-top-color:#007bff}@media (max-width:768px){.payment-success-container{padding:1rem}.payment-success-content{padding:2rem}.payment-success-content h2{font-size:1.5rem}.error-icon,.success-icon{font-size:3rem}}.payment-cancel-container{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-cancel-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:3rem;text-align:center;width:100%}.cancel-icon{color:#dc3545;font-size:4rem;margin-bottom:1rem}.payment-cancel-content h2{color:#333;font-size:2rem;margin-bottom:1rem}.payment-cancel-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cancel-details{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:left}.cancel-details h3{color:#333;margin-bottom:1rem;text-align:center}.cancel-details ul{list-style:none;margin:0;padding:0}.cancel-details li{color:#666;padding:.5rem 0 .5rem 1.5rem;position:relative}.cancel-details li:before{color:#dc3545;content:"•";font-weight:700;left:0;position:absolute}.cancel-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.home-button,.try-again-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:150px;padding:1rem 2rem;transition:all .3s ease}.try-again-button{background:#007bff;color:#fff}.try-again-button:hover{background:#0056b3;transform:translateY(-2px)}.home-button{background:#6c757d;color:#fff}.home-button:hover{background:#545b62;transform:translateY(-2px)}@media (max-width:768px){.payment-cancel-container{padding:1rem}.payment-cancel-content{padding:2rem}.payment-cancel-content h2{font-size:1.5rem}.cancel-icon{font-size:3rem}.cancel-actions{flex-direction:column}.home-button,.try-again-button{width:100%}}.wallet-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px}.wallet-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.wallet-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.wallet-balance{align-items:flex-end;display:flex;flex-direction:column}.balance-label{color:#6c757d;font-size:.9rem;margin-bottom:5px}.balance-amount{color:#28a745;font-size:2.5rem;font-weight:700}.wallet-actions{margin-bottom:40px}.top-up-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.top-up-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.top-up-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.top-up-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.top-up-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.top-up-content h3{color:#2c3e50;font-size:1.5rem;margin:0 0 20px;text-align:center}.amount-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:20px}.amount-option{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 16px;transition:all .2s ease}.amount-option:hover{background:#f8f9ff;border-color:#667eea}.amount-option.selected{background:#667eea;border-color:#667eea;color:#fff}.custom-amount{margin-bottom:20px}.custom-amount label{color:#2c3e50;display:block;font-weight:500;margin-bottom:8px}.custom-amount input{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;margin-bottom:8px;padding:12px;width:100%}.custom-amount input:focus{border-color:#667eea;outline:none}.amount-display{color:#28a745;font-size:1.2rem;font-weight:600}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:12px}.top-up-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#5a6268}.confirm-btn{background:#28a745;color:#fff}.confirm-btn:hover:not(:disabled){background:#218838}.confirm-btn:disabled{cursor:not-allowed;opacity:.6}.transactions-section h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.no-transactions{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{align-items:flex-start;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.transaction-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-type{color:#2c3e50;font-weight:600}.transaction-date{color:#6c757d;font-size:.9rem}.transaction-amount{color:#28a745;font-size:1.1rem;font-weight:600}.transaction-amount.negative{color:#dc3545}.transaction-description{color:#6c757d;font-size:.9rem;grid-column:1/-1;margin-top:8px}.wallet-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;margin-bottom:20px}@media (max-width:768px){.wallet-container{padding:15px}.wallet-header{flex-direction:column;gap:15px}.wallet-balance,.wallet-header{align-items:flex-start}.balance-amount{font-size:2rem}.amount-options{grid-template-columns:repeat(2,1fr)}.top-up-buttons,.transaction-item{flex-direction:column}.transaction-item{gap:12px}.transaction-amount{align-self:flex-start}}.blog-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border-bottom:1px solid #ffffff1a;max-height:150px!important;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.blog-header .container{margin:0 auto;max-width:1200px;padding:0 2rem}.blog-header .header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.blog-header .logo{align-items:center;cursor:pointer;display:flex;gap:.75rem;transition:opacity .3s ease}.blog-header .logo:hover{opacity:.8}.blog-header .logo img{transition:transform .3s ease}.blog-header .logo:hover img{transform:scale(1.05)}.blog-header .logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.blog-header .nav-links{align-items:center;display:flex;gap:2rem}.blog-header .nav-links a{color:#e0e0e0;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.blog-header .nav-links a.active,.blog-header .nav-links a:hover{color:#667eea}.blog-header .nav-links a.active:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;bottom:-.5rem;content:"";height:2px;left:0;position:absolute;right:0}.blog-header .header-cta{align-items:center;display:flex;gap:1rem}.blog-header .btn-primary,.blog-header .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.blog-header .btn-secondary{background:#0000;border:1px solid #fff3;color:#e0e0e0}.blog-header .btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.blog-header .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.blog-header .btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.blog-header .container{padding:0 1rem}.blog-header .header-content{gap:1rem}.blog-header .nav-links{display:none}.blog-header .header-cta{gap:.5rem}.blog-header .btn-primary,.blog-header .btn-secondary{font-size:.8rem;padding:.6rem 1rem}.blog-header .logo span{font-size:1.2rem}}@media (max-width:480px){.blog-header .btn-secondary{display:none}.blog-header .btn-primary{font-size:.7rem;padding:.5rem .8rem}}.blog-list{background:#1a1a1a;color:#fff;min-height:100vh;padding:2rem 0}.blog-list .container{margin:0 auto;max-width:1200px;padding:0 2rem}.blog-page-header{margin-bottom:3rem;padding-top:2rem;text-align:center}.blog-page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.25rem}.blog-page-header p{color:#a0a0a0;font-size:1.2rem;margin:0 auto;max-width:600px}.blog-posts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.blog-post-card{background:#2a2a2a;border:1px solid #333;border-radius:12px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.blog-post-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.blog-post-card.featured{background:linear-gradient(135deg,#2a2a2a,#1e1e2e);border-color:#667eea}.featured-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.post-meta{gap:1.5rem}.post-meta,.post-title{margin-bottom:1rem}.post-title a{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .3s ease}.post-title a:hover{color:#667eea}.post-excerpt{margin-bottom:1.5rem}.post-excerpt p{color:silver;font-size:1rem;line-height:1.6}.read-more{align-items:center;color:#667eea;display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all .3s ease}.read-more:hover{color:#764ba2;transform:translateX(5px)}.blog-loading,.no-posts{padding:4rem 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-posts h3{color:#fff;margin-bottom:1rem}.no-posts p{color:#a0a0a0}@media (max-width:768px){.blog-list .container{padding:0 1rem}.blog-page-header h1{font-size:2rem}.blog-page-header p{font-size:1rem}.blog-posts{gap:1.5rem;grid-template-columns:1fr}.blog-post-card{padding:1.5rem}.post-meta{flex-direction:column;gap:.5rem}}.blog-post{background:#1a1a1a;color:#fff;min-height:100vh;padding:2rem 0}.blog-post .container{margin:0 auto;max-width:1200px;padding:0 2rem}.post-navigation{margin-bottom:2rem}.back-to-blog{align-items:center;border:1px solid #0000;border-radius:8px;color:#667eea;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.back-to-blog:hover{background:#667eea1a;border-color:#667eea;color:#764ba2}.post-content{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:3rem}.post-header{border-bottom:1px solid #333;margin-bottom:3rem;padding-bottom:2rem}.post-meta{color:#a0a0a0;display:flex;font-size:.9rem;gap:2rem;margin-bottom:1.5rem}.post-author,.post-date{align-items:center;display:flex;gap:.5rem}.post-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.post-excerpt{color:silver;font-size:1.2rem;font-style:italic;line-height:1.6}.post-body{line-height:1.7;margin-bottom:3rem}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:#fff;font-weight:600;margin-bottom:1rem;margin-top:2rem}.post-body h1{border-bottom:2px solid #667eea;font-size:2rem;padding-bottom:.5rem}.post-body h2{color:#667eea;font-size:1.5rem}.post-body h3{font-size:1.3rem}.post-body p{color:#e0e0e0;margin-bottom:1.5rem}.post-body ol,.post-body ul{margin-bottom:1.5rem;padding-left:2rem}.post-body li{color:#e0e0e0;margin-bottom:.5rem}.post-body strong{color:#fff;font-weight:600}.post-body em{color:silver;font-style:italic}.post-body a{color:#667eea;text-decoration:none;transition:color .3s ease}.post-body a:hover{color:#764ba2;text-decoration:underline}.post-body blockquote{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;color:silver;font-style:italic;margin:2rem 0;padding:1.5rem}.post-body code{background:#1a1a1a;border-radius:4px;color:#667eea;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:.2rem .5rem}.post-body pre{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.post-body pre code{background:none;color:#e0e0e0;padding:0}.post-body hr{background:#333;border:none;height:1px;margin:2rem 0}.post-footer{align-items:center;border-top:1px solid #333;gap:1rem;justify-content:space-between;padding-top:2rem}.post-footer,.post-tags{display:flex;flex-wrap:wrap}.post-tags{gap:.5rem}.tag{background:#667eea33;border:1px solid #667eea4d;border-radius:20px;color:#667eea;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.post-actions{display:flex;gap:1rem}.read-more-posts{align-items:center;border:1px solid #0000;border-radius:8px;color:#667eea;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.read-more-posts:hover{background:#667eea1a;border-color:#667eea;color:#764ba2}.post-error,.post-loading{padding:4rem 0;text-align:center}.post-error h2{color:#fff;margin-bottom:1rem}.post-error p{color:#a0a0a0;margin-bottom:2rem}@media (max-width:768px){.blog-post .container{padding:0 1rem}.post-content{padding:2rem 1.5rem}.post-title{font-size:2rem}.post-meta{flex-direction:column;gap:.5rem}.post-footer{align-items:flex-start;flex-direction:column}.post-body h1{font-size:1.5rem}.post-body h2{font-size:1.3rem}.post-body h3{font-size:1.1rem}}
/*# sourceMappingURL=main.20ef4b57.css.map*/