@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.settings-container{margin:0 auto;max-width:1200px}.settings-header{margin-bottom:32px}.settings-header h1{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:4px}.settings-subtitle{color:#6b7280;font-size:16px}.settings-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e5e7eb;border-top:4px solid var(--brand-color,#10b981)}.settings-tabs{-ms-overflow-style:none;border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s;white-space:nowrap}.settings-tab:hover{background:#f9fafb;color:#374151}.settings-tab.active{background:#f9fafb;border-bottom-color:#10b981;border-bottom-color:var(--brand-color,#10b981);color:#10b981;color:var(--brand-color,#10b981)}.tab-icon{font-size:18px}.settings-content{min-height:400px}.tab-content{animation:fadeIn .3s ease-out}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.section-title{margin-bottom:4px}.section-description{color:#6b7280;font-size:14px;margin-bottom:24px}.form-group{margin-bottom:24px}.form-description{color:#6b7280;font-size:13px;margin-bottom:12px}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #10b9811a;box-shadow:0 0 0 3px var(--brand-light,#10b9811a);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.prefs-char-counter{color:#9ca3af;font-size:12px;margin-top:6px;text-align:right}.prefs-char-counter .char-warn{color:#ef4444;font-weight:600}.prefs-save-indicator{animation:prefsFadeIn .2s ease-out;font-size:12px;font-weight:500;margin-left:10px}.prefs-save-indicator.success{color:#10b981}.prefs-save-indicator.error{color:#ef4444}@keyframes prefsFadeIn{0%{opacity:0}to{opacity:1}}.form-help{color:#9ca3af;display:block;font-size:12px;margin-top:6px}.logo-upload-container,.photo-upload-container{align-items:center;display:flex;gap:20px;margin-bottom:8px}.logo-preview,.photo-preview{border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;width:100px}.logo-preview{border-radius:12px}.logo-image,.profile-photo{height:100%;object-fit:cover;width:100%}.logo-placeholder,.photo-placeholder{align-items:center;background:#f9fafb;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.logo-icon,.photo-icon{font-size:32px;margin-bottom:4px}.logo-text,.photo-text{font-size:11px}.logo-upload-actions,.photo-upload-actions{display:flex;gap:12px}.btn-remove,.btn-upload{border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-upload{background:#10b981;background:var(--brand-color,#10b981);border:none;color:#fff}.btn-upload:hover{background:#059669;background:var(--brand-dark,#059669)}.btn-remove{background:#fff;border:1px solid #fca5a5;color:#ef4444}.btn-remove:hover{background:#fef2f2}.color-picker-container{margin-bottom:16px}.color-input-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:8px}.color-input{border:1px solid #d1d5db;cursor:pointer;width:60px}.color-input,.color-preview{border-radius:6px;height:40px}.color-preview{border:2px solid #e5e7eb;width:40px}.color-hex-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-family:monospace;max-width:120px;padding:10px 12px;text-transform:uppercase}.color-info{color:#6b7280;font-size:13px}.preset-colors{margin-top:16px}.preset-label{color:#6b7280;display:block;font-size:13px;margin-bottom:8px}.preset-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);max-width:400px}.preset-color-btn{align-items:center;border:2px solid #0000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s;width:40px}.preset-color-btn:hover{box-shadow:0 4px 6px #0000001a;transform:scale(1.1)}.preset-color-btn.active{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}.color-preview-section{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:20px}.preview-item{display:flex;flex-direction:column;gap:8px}.preview-label{color:#374151;font-size:13px;font-weight:500}.preview-button{border-radius:8px;cursor:pointer;font-weight:600;max-width:150px;padding:10px 20px}.preview-background{color:#4b5563;font-size:14px}.technical-info{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.technical-info details{cursor:pointer}.technical-info summary{color:#6b7280;font-size:14px;font-weight:500;padding:8px 0}.technical-info summary:hover{color:#374151}.technical-content{background:#f9fafb;border-radius:8px;margin-top:8px;padding:16px}.technical-content p{color:#4b5563;font-size:13px;line-height:1.6;margin-bottom:12px}.technical-content ul{color:#4b5563;font-size:13px;margin-left:20px}.technical-content li{margin-bottom:4px}.password-change-form{max-width:500px}.password-actions{display:flex;gap:12px;margin-top:16px}.password-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-top:12px;padding:12px}.password-note small{color:#92400e;font-size:12px}.current-plan-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.current-plan-badge{background:#ffffff4d;border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 12px}.current-plan-info h4{font-size:20px;margin-bottom:4px}.current-plan-info p{opacity:.9}.btn-upgrade{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 24px}.btn-upgrade:disabled{cursor:not-allowed;opacity:.6}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;position:relative;transition:all .2s}.plan-card:hover{box-shadow:0 8px 16px #0000001a}.plan-card.popular,.plan-card:hover{border-color:#10b981;border-color:var(--brand-color,#10b981)}.plan-card.popular{box-shadow:0 4px 12px #10b98133}.plan-card.current{background:#f9fafb}.popular-badge{background:#10b981;background:var(--brand-color,#10b981);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:24px;top:-12px}.plan-header{margin-bottom:24px}.plan-name{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:4px}.plan-subtitle{color:#6b7280;font-size:13px;margin-bottom:12px}.plan-price{align-items:baseline;display:flex;gap:4px}.price{color:#1f2937;font-size:36px;font-weight:700}.period{color:#6b7280;font-size:14px}.plan-features{list-style:none;margin-bottom:24px}.plan-feature{align-items:flex-start;color:#4b5563;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.feature-icon{flex-shrink:0;font-weight:700}.feature-icon.included{color:#10b981;color:var(--brand-color,#10b981)}.feature-icon.excluded{color:#d1d5db}.plan-feature.excluded{color:#9ca3af}.plan-btn{background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .2s;width:100%}.plan-btn:hover:not(:disabled){background:#059669;background:var(--brand-dark,#059669)}.plan-btn.current{background:#e5e7eb;color:#6b7280;cursor:default}.plan-btn:disabled{cursor:not-allowed;opacity:.6}.usage-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-bottom:32px}.usage-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.usage-label{color:#4b5563;font-size:14px;font-weight:500}.usage-value{color:#1f2937;font-size:14px;font-weight:700}.usage-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.usage-bar-fill{background:#10b981;background:var(--brand-color,#10b981);border-radius:4px;height:100%;transition:width .3s ease}.usage-bar-fill.warning{background:#f59e0b}.usage-bar-fill.danger{background:#ef4444}.usage-hint{color:#9ca3af;font-size:12px}.subscription-faq{margin-top:40px}.subscription-faq h4{font-size:20px;font-weight:600;margin-bottom:20px}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px}.faq-item summary{color:#374151;font-weight:500}.faq-item p{color:#6b7280;line-height:1.6;margin-top:12px}.subscription-contact{background:#f9fafb;border-radius:12px;margin-top:40px;padding:32px;text-align:center}.subscription-contact h4{font-size:20px;margin-bottom:8px}.subscription-contact p{color:#6b7280;margin-bottom:16px}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;position:relative}.toggle-info{flex:1 1;padding-right:16px}.toggle-label{color:#374151;display:block;font-weight:500;margin-bottom:4px}.toggle-description{color:#6b7280;font-size:13px;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#10b981;background-color:var(--brand-color,#10b981)}input:checked+.toggle-slider:before{transform:translateX(20px)}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.coming-soon-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:11px;font-weight:600;padding:2px 8px;position:absolute;right:60px;top:8px}.action-items{display:flex;flex-direction:column;gap:16px}.action-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:20px}.action-item.danger{background:#fef2f2;border-color:#fca5a5}.action-info{flex:1 1;padding-right:20px}.action-description{margin:0}.integrations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.integration-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;text-align:center}.integration-card.disabled{opacity:.6}.integration-icon{font-size:40px;margin-bottom:12px}.integration-name{font-size:16px;font-weight:600;margin-bottom:8px}.integration-description{color:#6b7280;font-size:13px;margin-bottom:16px}.integration-field{margin-top:4px;text-align:left}.integration-field-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.integration-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:13px;padding:8px 12px;transition:border-color .2s;width:100%}.integration-input:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);outline:none}.integration-input::placeholder{color:#9ca3af}.help-items{display:flex;flex-direction:column;gap:8px}.help-link{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:inherit;display:flex;gap:16px;padding:16px;text-decoration:none;transition:all .2s}.help-link:hover{background:#fff;border-color:#10b981;border-color:var(--brand-color,#10b981);transform:translateX(4px)}.help-icon{flex-shrink:0;font-size:24px}.help-content{flex:1 1}.help-content h4{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px}.help-content p{color:#6b7280;font-size:12px;margin:0}.help-arrow{color:#9ca3af;font-size:18px}.app-info{background:#f9fafb;border-radius:8px;padding:16px}.info-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:13px}.info-value{color:#374151;font-size:13px;font-weight:500}.settings-footer{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:20px;display:flex;justify-content:space-between;margin-top:24px;padding:24px;position:-webkit-sticky;position:sticky}.save-message{border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px}.save-message.success{background:#d1fae5;color:#065f46}.save-message.error{background:#fee2e2;color:#991b1b}.btn-save-settings{background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-save-settings:hover:not(:disabled){background:#059669;background:var(--brand-dark,#059669);box-shadow:0 4px 6px #10b98133;transform:translateY(-1px)}.btn-save-settings:disabled{cursor:not-allowed;opacity:.6}.btn-primary{padding:10px 20px}.btn-primary:hover:not(:disabled){background:#059669;background:var(--brand-dark,#059669)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6}.btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-danger:hover{background:#dc2626}@media (max-width:768px){.settings-tabs{overflow-x:auto}.logo-upload-container,.photo-upload-container{align-items:flex-start;flex-direction:column}.integrations-grid,.plans-grid{grid-template-columns:1fr}.current-plan-banner{align-items:flex-start;flex-direction:column;gap:16px}.settings-footer{align-items:stretch;flex-direction:column;gap:16px}.btn-save-settings{width:100%}}.sidebar-new{background:#f7f7f8;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:260px;z-index:100}.sidebar-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px}.sidebar-logo{align-items:center;display:flex;justify-content:space-between}.logo-text{color:#1f2937;font-size:18px;font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logo-img{max-height:36px;max-width:170px;object-fit:contain}.sidebar-collapse-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;padding:4px 8px;transition:background .2s}.sidebar-collapse-btn:hover{background:#f3f4f6}.new-chat-btn-sidebar{align-items:center;background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin:16px;padding:12px;transition:all .2s}.new-chat-btn-sidebar:hover{background:#059669;background:var(--brand-dark,#059669);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.new-chat-btn-sidebar:active{transform:translateY(0)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .15s;width:100%}.nav-item.active,.nav-item:hover{background:#e5e7eb;color:#1f2937}.nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;width:20px}.nav-label{flex:1 1}.sidebar-recents{border-top:1px solid #e5e7eb;flex:1 1;margin-top:8px;overflow-y:auto;padding:16px 12px}.recents-header{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:0 12px;text-transform:uppercase}.recents-list{display:flex;flex-direction:column;gap:2px}.recent-item{border-radius:8px;cursor:pointer;padding:10px 12px;transition:background .15s}.recent-item:hover{background:#e5e7eb}.recent-title{color:#374151;font-size:13px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-agent{color:#9ca3af;font-size:11px}.sidebar-footer{background:#fff;border-top:1px solid #e5e7eb;padding:16px}.user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:8px;transition:background .15s}.user-profile:hover{background:#f3f4f6}.user-avatar{font-size:14px;height:36px;overflow:hidden;width:36px}.user-avatar-img{height:100%;object-fit:cover;width:100%}.user-info{flex:1 1;min-width:0}.user-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#6b7280;font-size:12px;text-transform:capitalize}.logout-btn{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;padding:8px;transition:all .15s;width:100%}.logout-btn:hover{background:#fef2f2;border-color:#fca5a5}.sidebar-recents::-webkit-scrollbar{width:6px}.sidebar-recents::-webkit-scrollbar-track{background:#0000}.sidebar-recents::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-recents::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-new.collapsed{width:70px}.sidebar-new.collapsed .logo-text,.sidebar-new.collapsed .logout-btn,.sidebar-new.collapsed .nav-label,.sidebar-new.collapsed .sidebar-recents,.sidebar-new.collapsed .user-info{display:none}.sidebar-new.collapsed .new-chat-btn-sidebar{font-size:20px;padding:12px}.sidebar-new.collapsed .new-chat-btn-sidebar:before{content:"+"}.sidebar-new.collapsed .nav-item{justify-content:center}@media (max-width:768px){.sidebar-new{transform:translateX(-100%);transition:transform .3s ease;width:100%}.sidebar-new.mobile-open{transform:translateX(0)}.sidebar-new:before{background:#00000080;bottom:0;content:"";display:none;left:0;position:fixed;right:0;top:0;z-index:-1}.sidebar-new.mobile-open:before{display:block}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.nav-item,.recent-item{animation:slideIn .2s ease-out}.sidebar-divider{background:#e5e7eb;height:1px;margin:8px 0}.sidebar-section-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.agents-container{margin:0 auto;max-width:1200px}.agents-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.agents-title-section h1{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:4px}.agent-create-header{margin-bottom:24px}.agent-create-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 4px}.create-subtitle{color:#6b7280;font-size:14px;margin:0}.create-step h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.step-description{color:#6b7280;font-size:14px;margin:0 0 24px}.agent-edit-header{margin-bottom:24px}.agent-edit-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 4px}.edit-section{margin-bottom:24px}.edit-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px}.agents-subtitle{color:#6b7280}.btn-create-agent{align-items:center;background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px}.btn-create-agent .btn-icon{background:#0000;border-radius:0;color:#fff;font-size:inherit;height:auto;width:auto}.agents-loading{color:#6b7280;padding:60px 20px;text-align:center}.agents-empty{padding:80px 20px;text-align:center}.agents-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:#fff}.agents-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.agent-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;position:relative;transition:all .2s}.agent-card:hover{box-shadow:0 4px 12px #00000014}.agent-card.inactive{opacity:.6}.agent-status-badge{align-items:center;background:#f9fafb;border-radius:12px;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;position:absolute;right:16px;top:16px}.status-dot.active{background:#10b981;background:var(--brand-color,#10b981)}.status-dot.inactive{background:#9ca3af}.agent-card-header{display:flex;gap:16px;margin-bottom:16px}.agent-avatar{border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.agent-avatar-placeholder{align-items:center;background:#374151;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.agent-info{flex:1 1}.agent-name{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:6px}.agent-provider{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.provider-icon{font-size:14px}.agent-description{color:#4b5563;font-size:14px;line-height:1.6;margin-bottom:16px}.agent-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.agent-stat{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.agent-stat-icon{border:none;font-size:1rem;height:auto;width:auto}.agent-starters-preview{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.starters-label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px}.starter-tag{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:13px;margin-bottom:8px;padding:8px 12px}.starter-more{color:#9ca3af;font-size:12px}.agent-actions{display:flex;gap:8px;margin-bottom:12px}.btn-agent-action{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s}.btn-agent-action:hover{background:#f9fafb;border-color:#d1d5db}.btn-agent-action .action-icon{font-size:18px}.agent-action-icon{border:none;font-size:1rem;height:auto;width:auto}.btn-agent-action.delete{border-color:#fca5a5;color:#ef4444}.btn-agent-action.delete:hover{background:#fef2f2}.agent-footer{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px;padding-top:12px;text-align:center}.agent-avatar-upload{align-items:center;display:flex;gap:20px;margin-bottom:8px}.agent-avatar-upload-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.agent-avatar-upload-preview img{display:block;height:100%;object-fit:cover;width:100%}.agent-avatar-upload-placeholder{background:#374151;font-size:28px;font-weight:700;height:100%;width:100%}.agent-avatar-upload-placeholder,.agent-avatar-uploading{align-items:center;color:#fff;display:flex;justify-content:center}.agent-avatar-uploading{background:#0006;font-size:20px;inset:0;position:absolute}.spin{animation:spin 1s linear infinite;display:inline-block}.agent-avatar-upload-actions{display:flex;flex-direction:column;gap:8px}.step-indicator{display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.step:after{background:#e5e7eb;content:"";height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:-1}.step:last-child:after{display:none}.step.active:after{background:#10b981;background:var(--brand-color,#10b981)}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;position:relative;width:40px;z-index:1}.step.active .step-number{background:#10b981;background:var(--brand-color,#10b981);color:#fff}.step.current .step-number{box-shadow:0 0 0 4px #10b98133}.step-label{color:#9ca3af;font-size:12px;text-align:center}.step.active .step-label{color:#10b981;color:var(--brand-color,#10b981);font-weight:600}.btn-back{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:16px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#f9fafb;border-color:#9ca3af}.form-range{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;height:6px;margin:12px 0;outline:none;width:100%}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#10b981;background:var(--brand-color,#10b981);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;margin-top:-6px;width:18px}.form-range::-moz-range-thumb{background:#10b981;background:var(--brand-color,#10b981);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.form-range::-webkit-slider-runnable-track{background:#0000;border-radius:3px;height:6px;width:100%}.form-range::-moz-range-track{background:#0000;border-radius:3px;height:6px;width:100%}.form-range:focus{outline:none}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #10b98133,0 2px 4px #0003}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 3px #10b98133,0 2px 4px #0003}.create-footer,.edit-footer{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:0;display:flex;justify-content:space-between;margin-top:24px;padding:20px 24px;position:-webkit-sticky;position:sticky}.footer-actions{display:flex;gap:12px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.range-labels{color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.file-upload-area{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:32px 24px;text-align:center;transition:all .2s}.file-upload-area:hover{background:#f0fdf4;background:var(--brand-light,#f0fdf4)}.file-upload-area.drag-over,.file-upload-area:hover{border-color:#10b981;border-color:var(--brand-color,#10b981)}.file-upload-area.drag-over{background:#ecfdf5;border-style:solid}.upload-icon{color:#9ca3af;font-size:36px;margin-bottom:8px}.file-upload-area:hover .upload-icon{color:#10b981;color:var(--brand-color,#10b981)}.file-upload-area p{color:#4b5563;font-size:14px;margin:4px 0}.upload-note{color:#9ca3af!important;font-size:12px!important}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.file-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;padding:10px 14px}.file-info,.file-item{align-items:center;display:flex}.file-info{gap:8px;min-width:0}.file-icon{color:#6b7280;flex-shrink:0;font-size:20px}.file-name{color:#1f2937;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#9ca3af;flex-shrink:0;font-size:12px}.file-remove-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:all .2s}.file-remove-btn:hover{background:#fef2f2;color:#ef4444}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-loading{color:#6b7280;padding:80px 20px;text-align:center}.dashboard-welcome{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.welcome-content h1{color:#1f2937;font-size:36px;font-weight:700;margin-bottom:4px}.welcome-right{gap:12px}.welcome-badge,.welcome-right{align-items:center;display:flex}.welcome-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;gap:8px;padding:8px 16px}.badge-icon{color:#6b7280;font-size:20px}.badge-text{color:#4b5563;font-weight:600;text-transform:capitalize}.system-status{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.status-dot{background:#9ca3af;border-radius:50%;height:8px;width:8px}.status-dot--green{background:#22c55e;box-shadow:0 0 6px #22c55e66}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{background:#fff!important;border:1px solid #e5e7eb;gap:16px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;font-size:28px;height:60px;justify-content:center;width:60px}.stat-info{flex:1 1}.stat-value{font-size:32px}.stat-label,.stat-trend{margin-top:4px}.stat-trend{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;font-weight:600;gap:2px}.stat-trend--up{color:#16a34a}.stat-trend--down{color:#dc2626}.stat-trend--neutral{color:#6b7280}.dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.section-title{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header .section-title{margin-bottom:0}.section-link{background:none;border:none;color:#10b981;color:var(--brand-color,#10b981);cursor:pointer;font-size:14px;font-weight:600;padding:0;transition:opacity .2s}.section-link:hover{opacity:.7}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:20px;position:relative}.action-card--disabled{cursor:default;opacity:.6;pointer-events:none}.action-card--disabled:hover{border-color:#e5e7eb;box-shadow:none;transform:none}.action-badge{background:#f3f4f6;font-size:11px;font-weight:600;padding:2px 8px;position:absolute;right:8px;top:8px}.action-badge,.action-icon{border:1px solid #e5e7eb;border-radius:12px;color:#6b7280}.action-icon{align-items:center;background:#f9fafb;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.action-content{flex:1 1}.action-title{font-size:16px;margin-bottom:4px}.action-description{font-size:13px}.action-arrow{color:#9ca3af;font-size:20px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:24px}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .15s}.activity-item-clickable{cursor:pointer}.activity-item-clickable:hover{background:#f0fdf4;background:var(--brand-light,#f0fdf4)}.activity-icon-wrap{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.activity-icon--agent_created{background:#f5f3ff;border-color:#ddd6fe;color:#7c3aed}.activity-icon--user_added{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.activity-icon--conversation_started{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.activity-content{flex:1 1;min-width:0}.activity-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-subtitle{color:#6b7280;font-size:12px}.activity-preview{overflow:hidden;text-overflow:ellipsis}.activity-preview,.activity-time{color:#9ca3af;font-size:12px;white-space:nowrap}.activity-time{flex-shrink:0}.activity-empty{color:#9ca3af;padding:40px;text-align:center}.overview-item{margin-bottom:20px}.overview-item:last-child{margin-bottom:0}.overview-item-label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:8px}.overview-item-value{color:#6b7280;font-size:13px}.progress-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:#10b981;background:var(--brand-color,#10b981);border-radius:4px;height:100%;transition:width .5s ease}.progress-bar-fill--warning{background:#f59e0b}.progress-bar-fill--danger{background:#ef4444}.health-indicators{display:flex;flex-direction:column;gap:10px}.health-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.health-item-label{align-items:center;color:#374151;display:flex;font-weight:500;gap:8px}.health-item-value{color:#16a34a;font-size:12px;font-weight:600;text-transform:capitalize}.overview-table{display:flex;flex-direction:column;gap:12px}.overview-row{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:16px;padding:16px;transition:background .15s}.overview-row:hover{background:#f3f4f6}.avatar-img{border:1px solid #e5e7eb;border-radius:50%;object-fit:cover}.avatar-img,.avatar-placeholder{flex-shrink:0;height:42px;width:42px}.avatar-placeholder{align-items:center;background:#6b7280;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.overview-row-info{flex:1 1;min-width:0}.overview-row-name{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:8px}.overview-row-detail{color:#6b7280;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-stat{flex-shrink:0;padding:0 12px;text-align:center}.mini-stat-value{color:#1f2937;font-size:16px;font-weight:700}.mini-stat-label{color:#9ca3af;font-size:11px;margin-top:2px}.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px}.status-badge--active{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.status-badge--inactive{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.overview-row-actions{display:flex;flex-shrink:0;gap:8px}.btn-small{background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.btn-small:hover{opacity:.85}.btn-small--outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-small--outline:hover{background:#f9fafb;border-color:#9ca3af}.btn-small--danger{background:#fff;border:1px solid #fecaca;color:#dc2626}.btn-small--danger:hover{background:#fef2f2}.btn-add{align-items:center;background:#0000;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .15s;width:100%}.btn-add:hover{background:#f0fdf4;border-color:#10b981;border-color:var(--brand-color,#10b981);color:#10b981;color:var(--brand-color,#10b981)}.cost-header{align-items:center;display:flex;gap:10px}.cost-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:12px;color:#92400e;font-size:11px;font-weight:600;padding:2px 10px}.cost-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cost-item{background:#f9fafb;border-radius:10px;padding:16px;text-align:center}.cost-item--total{background:#f0fdf4;border:1px solid #bbf7d0}.cost-label{color:#6b7280;font-size:12px;margin-bottom:6px}.cost-value{color:#1f2937;font-size:24px;font-weight:700}.cost-item--total .cost-value{color:#10b981;color:var(--brand-color,#10b981)}.dashboard-footer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.footer-card{background:#fff!important;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.footer-card h3{align-items:center;color:#1f2937;display:flex;font-size:18px;gap:8px;margin-bottom:8px}.footer-icon{color:#6b7280;font-size:20px}.footer-card p{color:#6b7280;font-size:14px;margin-bottom:16px}.btn-link{background:#0000;border:none;color:#10b981;color:var(--brand-color,#10b981);cursor:pointer;font-size:14px;font-weight:600;padding:0;transition:opacity .2s}.btn-link:hover{opacity:.8}@media (max-width:768px){.dashboard-welcome{flex-direction:column;gap:16px}.welcome-right{align-items:flex-start;flex-direction:column}.dashboard-grid,.quick-actions-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.overview-row{flex-wrap:wrap;gap:12px}.overview-row-actions{justify-content:flex-end;width:100%}.cost-grid{grid-template-columns:repeat(2,1fr)}.mini-stat{padding:0 8px}}@media (max-width:480px){.dashboard-stats{grid-template-columns:1fr}.welcome-content h1{font-size:28px}.cost-grid{grid-template-columns:1fr}}.sub-dashboard{display:flex;flex-direction:column;margin:0 auto;max-width:1200px}.sub-loading{color:#6b7280;padding:80px 20px;text-align:center}.sub-welcome{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.sub-welcome h1{color:#1f2937;font-size:36px;font-weight:700;margin:0 0 4px}.sub-welcome-sub{color:#6b7280;font-size:16px;margin:0}.sub-plan-badge{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.sub-usage-banner{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px}.sub-usage-label{color:#6b7280;font-size:14px;margin-bottom:8px}.sub-usage-numbers{font-size:32px;font-weight:700;margin-bottom:12px}.sub-usage-used{color:#10b981;color:var(--brand-color,#10b981)}.sub-usage-sep{color:#d1d5db}.sub-usage-limit{color:#9ca3af}.sub-usage-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.sub-usage-fill{background:#10b981;background:var(--brand-color,#10b981);border-radius:4px;height:100%;transition:width .5s ease}.sub-usage-fill.warning{background:#f59e0b}.sub-usage-fill.danger{background:#ef4444}.sub-usage-meta{color:#9ca3af;display:flex;font-size:13px;justify-content:space-between}.sub-stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.sub-stat-card{background:#fff;border:1px solid #e5e7eb;gap:16px;padding:20px}.sub-stat-card,.sub-stat-icon{align-items:center;border-radius:12px;display:flex}.sub-stat-icon{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.sub-stat-value{color:#10b981;color:var(--brand-color,#10b981);font-size:32px;font-weight:700;line-height:1.2}.sub-stat-label{color:#6b7280;font-size:14px;margin-top:4px}.sub-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.sub-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sub-section-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.sub-btn-text{align-items:center;background:none;border:none;border-radius:8px;color:#10b981;color:var(--brand-color,#10b981);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;padding:4px 8px;transition:opacity .2s}.sub-btn-text:hover{opacity:.8}.sub-btn-primary{background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .15s}.sub-btn-primary:hover{opacity:.9}.sub-empty{color:#9ca3af;padding:40px 20px;text-align:center}.sub-empty-sm{padding:24px 16px}.sub-empty-icon{color:#d1d5db;font-size:40px;margin-bottom:8px}.sub-empty h3{color:#374151;font-size:16px;margin:8px 0 4px}.sub-empty p{font-size:14px;margin:0 0 16px}.sub-agents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sub-agent-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.sub-agent-card:hover{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.sub-agent-avatar{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;overflow:hidden;width:48px}.sub-agent-avatar img{height:100%;object-fit:cover;width:100%}.sub-agent-info{flex:1 1;min-width:0}.sub-agent-name{color:#1f2937;font-size:16px;font-weight:600}.sub-agent-desc,.sub-agent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-agent-desc{color:#6b7280;font-size:13px;margin-top:4px}.sub-agent-chat-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.sub-agent-chat-btn:hover{background:#10b981;background:var(--brand-color,#10b981);border-color:#10b981;border-color:var(--brand-color,#10b981);color:#fff}.sub-grid-2col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:24px}.sub-grid-2col>.sub-section{margin-bottom:0}.sub-conv-list{display:flex;flex-direction:column;gap:12px}.sub-conv-item{align-items:flex-start;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .15s}.sub-conv-item:hover{background:#f0fdf4;background:var(--brand-light,#f0fdf4)}.sub-conv-avatar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.sub-conv-avatar img{height:100%;object-fit:cover;width:100%}.sub-conv-info{flex:1 1;min-width:0}.sub-conv-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.sub-conv-title{color:#1f2937;font-size:14px;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-conv-time{color:#9ca3af;flex-shrink:0;font-size:12px}.sub-conv-agent{color:#10b981;color:var(--brand-color,#10b981);font-size:12px;margin-bottom:4px}.sub-conv-preview{color:#9ca3af;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-right-col{display:flex;flex-direction:column;gap:24px}.sub-right-col>.sub-section{margin-bottom:0}.sub-actions{display:flex;flex-direction:column;gap:12px}.sub-action-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.sub-action-item:hover{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.sub-action-icon{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.sub-action-text{flex:1 1}.sub-action-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.sub-action-desc{color:#6b7280;font-size:13px}.sub-action-arrow{color:#9ca3af;font-size:20px}.sub-plan-card{background:#fff}.sub-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sub-plan-name-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:13px;font-weight:600;padding:4px 12px}.sub-plan-usage{display:flex;flex-direction:column;gap:14px}.sub-plan-row{align-items:center;color:#6b7280;display:flex;font-size:14px;justify-content:space-between}.sub-plan-row-val{color:#374151;font-weight:600}@media (max-width:768px){.sub-welcome{flex-direction:column;gap:16px}.sub-stats-row{grid-template-columns:repeat(2,1fr)}.sub-agents-grid,.sub-grid-2col{grid-template-columns:1fr}}@media (max-width:480px){.sub-stats-row{grid-template-columns:1fr}.sub-welcome h1{font-size:28px}}.chat-container{background:#fff;display:flex;flex-direction:column;height:calc(100vh - 72px)}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;min-height:72px;padding:16px 24px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.agent-avatar-small{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;font-size:20px;height:40px;justify-content:center;overflow:hidden;width:40px}.agent-avatar-small img{height:100%;object-fit:cover;width:100%}.chat-header-text h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.chat-subtitle{color:#6b7280;font-size:13px;margin:2px 0 0}.chat-header-actions{display:flex;gap:8px;position:relative}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-icon:hover{background:#f3f4f6;color:#374151}.chat-messages{background:#fafafa;flex:1 1;min-height:0;overflow-y:auto;padding:24px}.chat-loading,.chat-messages{align-items:center;display:flex;flex-direction:column}.chat-loading{color:#6b7280;height:100%;justify-content:center}.loading-spinner{margin-bottom:16px}.chat-empty,.chat-empty-messages{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-icon{color:#d1d5db;font-size:64px;margin-bottom:16px}.chat-empty h2,.chat-empty-messages h3{color:#374151;font-size:20px;margin-bottom:12px}.chat-empty p,.chat-empty-messages p{color:#6b7280;margin-bottom:24px}.conversation-starters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:600px}.starter-chip{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;font-size:14px;line-height:1.4;padding:10px 18px;text-align:left;transition:all .2s ease}.starter-chip:hover{background:#f0fdf4;background:var(--brand-light,#f0fdf4);border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 2px 8px #10b9811f;color:#065f46;color:var(--brand-dark,#065f46);transform:translateY(-1px)}.message{display:flex;gap:12px;margin-bottom:24px;max-width:800px;width:100%}.message-avatar{flex-shrink:0}.user-avatar-chat{background:#6b7280;color:#fff;font-size:14px;font-weight:600}.agent-avatar-chat,.user-avatar-chat{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.agent-avatar-chat{background:#f3f4f6;color:#6b7280;font-size:20px}.message-content{flex:1 1;max-width:70%;min-width:0}.message-assistant .message-content{max-width:85%}.message-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.message-sender{color:#374151;font-size:14px;font-weight:600}.message-time{color:#9ca3af;font-size:12px}.message-text{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#1f2937;font-size:14px;line-height:1.6;overflow-wrap:break-word;padding:12px 16px;word-break:break-word}.message-user .message-text{background:#10b981;background:var(--brand-color,#10b981);border-color:#10b981;border-color:var(--brand-color,#10b981);color:#fff;white-space:pre-wrap}.message-text p{margin:0 0 12px}.message-text p:last-child{margin-bottom:0}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text code{background:#0000000f;border-radius:4px;font-family:Courier New,Consolas,monospace;font-size:13px;padding:2px 6px}.message-user .message-text code{background:#fff3}.message-text pre{background:#1f2937;border-radius:8px;color:#e5e7eb;font-size:13px;line-height:1.5;margin:12px 0;overflow-x:auto;padding:16px}.message-text pre code{background:none;border-radius:0;color:inherit;font-size:inherit;padding:0}.message-text h1,.message-text h2,.message-text h3,.message-text h4{color:#1f2937;line-height:1.3;margin:16px 0 8px}.message-text h1{font-size:20px}.message-text h2{font-size:18px}.message-text h3{font-size:16px}.message-text h4{font-size:15px}.message-text h1:first-child,.message-text h2:first-child,.message-text h3:first-child,.message-text h4:first-child{margin-top:0}.message-text ol,.message-text ul{margin:8px 0;padding-left:24px}.message-text li{margin-bottom:4px}.message-text li>ol,.message-text li>ul{margin:4px 0}.message-text .table-wrapper{border:1px solid #d1d5db;border-radius:8px;margin:12px 0;overflow-x:auto}.message-text table{border-collapse:collapse;font-size:13px;min-width:100%;width:-webkit-max-content;width:max-content}.message-text td,.message-text th{border:1px solid #d1d5db;padding:8px 12px;text-align:left}.message-text td{min-width:100px}.message-text td,.message-text th{overflow-wrap:normal;white-space:normal;word-break:normal}.message-text th{background:#f3f4f6;color:#374151;font-weight:600}.message-text tr:nth-child(2n){background:#f9fafb}.message-text blockquote{background:#f9fafb;border-left:3px solid #10b981;border-left:3px solid var(--brand-color,#10b981);color:#4b5563;margin:12px 0;padding:8px 16px}.message-text blockquote p{margin:0}.message-text hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.message-text a{color:#10b981;color:var(--brand-color,#10b981);text-decoration:underline}.message-text a:hover{opacity:.8}.typing-indicator{align-items:center;display:flex;gap:4px;padding:16px}.typing-indicator span{animation:bounce 1.4s infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-input-container{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:16px 24px}.chat-input-form{align-items:flex-end;display:flex;gap:12px;margin:0 auto;max-width:800px;position:relative}.chat-input{border:1px solid #d1d5db;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;max-height:450px;min-height:44px;overflow-y:hidden;padding:12px 16px;resize:none;transition:border-color .2s}.chat-input:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #10b9811a;outline:none}.chat-input:disabled{background:#f9fafb;cursor:not-allowed}.btn-send{align-items:center;background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .2s;width:44px}.btn-send:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.chat-input-hint{color:#9ca3af;font-size:12px;margin-left:auto;margin-right:auto;margin-top:8px;max-width:800px;text-align:center}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.chat-menu{animation:menuFadeIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #0000001a;margin-top:4px;min-width:200px;padding:4px;position:absolute;right:0;top:100%;z-index:100}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;padding:10px 14px;transition:background .15s;width:100%}.chat-menu-item:hover{background:#f3f4f6}.chat-menu-item svg{color:#6b7280;font-size:18px}.message-actions{display:flex;gap:4px;margin-top:6px;opacity:0;transition:opacity .2s}.message-actions .msg-action-btn.copied,.message-actions:focus-within,.message:hover .message-actions{opacity:1}.msg-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;gap:4px;padding:4px 10px;transition:all .15s}.msg-action-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.msg-action-btn:disabled{cursor:not-allowed;opacity:.5}.msg-action-btn.copied{color:#10b981;color:var(--brand-color,#10b981)}.msg-action-btn svg{font-size:15px}@media (max-width:768px){.chat-header{min-height:60px;padding:12px 16px}.chat-messages{padding:16px}.message-content{max-width:85%}.chat-input-container{padding:12px 16px}.chat-input-hint{display:none}.conversation-starters{max-width:100%}.message-actions{opacity:1}}.users-container{margin:0 auto;max-width:1200px}.users-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.users-title-section h1{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:4px}.users-subtitle{color:#6b7280}.btn-add-user{align-items:center;background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-add-user:hover{opacity:.9;transform:translateY(-1px)}.users-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.users-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:14px 20px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:16px 20px}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:#fafbfc}.user-info-cell{gap:12px}.user-avatar,.user-info-cell{align-items:center;display:flex}.user-avatar{background:#6b7280;border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name-email{min-width:0}.user-name{color:#1f2937;font-weight:600}.user-email{color:#6b7280;font-size:13px;margin-top:2px}.user-role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.user-role-badge.admin{background:#eff6ff;color:#1d4ed8}.user-role-badge.subscriber{background:#f0fdf4;background:var(--brand-light,#f0fdf4);color:#15803d;color:var(--brand-dark,#15803d)}.user-agent-count{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;gap:4px}.user-actions{display:flex;gap:6px}.btn-user-action{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;transition:all .2s;width:34px}.btn-user-action:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-user-action.delete:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.users-empty{color:#6b7280;padding:60px 20px;text-align:center}.users-empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.users-empty h3{color:#374151;font-size:18px;margin-bottom:8px}.users-empty p{margin-bottom:20px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:85vh;max-width:560px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h2{color:#1f2937;font-size:20px;font-weight:700}.modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal .form-group{margin-bottom:20px}.modal .form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.modal .form-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.modal .form-input:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #10b9811a;outline:none}.form-error{color:#ef4444;font-size:13px}.agent-access-section,.form-error{margin-top:4px}.agent-access-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:10px}.agent-access-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:4px 0}.agent-access-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s}.agent-access-item:hover{background:#f9fafb;border-color:#d1d5db}.agent-access-item.selected{background:#f0fdf4;background:var(--brand-light,#f0fdf4);border-color:#10b981;border-color:var(--brand-color,#10b981)}.agent-access-item input[type=checkbox]{accent-color:#10b981;accent-color:var(--brand-color,#10b981);cursor:pointer;height:16px;width:16px}.agent-access-item-info{flex:1 1}.agent-access-item-name{color:#1f2937;font-size:14px;font-weight:500}.agent-access-item-desc{color:#6b7280;font-size:12px;margin-top:2px}.agent-access-empty{color:#9ca3af;font-size:13px;padding:16px;text-align:center}.btn-modal-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-modal-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-modal-save{background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-modal-save:hover:not(:disabled){opacity:.9}.btn-modal-save:disabled{cursor:not-allowed;opacity:.5}.users-loading{color:#6b7280;padding:60px 20px;text-align:center}@media (max-width:768px){.users-header{flex-direction:column;gap:16px}.users-table-wrapper{overflow-x:auto}.users-table td:nth-child(4),.users-table th:nth-child(4){display:none}}.login-page{background:#fff;display:flex;min-height:100vh}.login-left{align-items:center;background:#0f2b46;display:flex;flex:0 0 45%;justify-content:center;overflow:hidden;padding:48px;position:relative}.login-left:before{background:radial-gradient(ellipse at 30% 50%,#ffffff0a 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-left-content{display:flex;flex-direction:column;gap:60px;max-width:420px;position:relative;width:100%;z-index:1}.login-logo{align-items:center;display:flex}.login-logo-img{max-height:48px;max-width:200px;object-fit:contain}.login-logo-placeholder{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:700;gap:12px;letter-spacing:-.02em}.login-testimonials{min-height:180px;position:relative}.login-testimonial{left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.login-testimonial.active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.login-testimonial-quote{color:#ffffffe6;font-size:18px;font-style:italic;line-height:1.6;margin-bottom:24px}.login-testimonial-author{display:flex;flex-direction:column;gap:4px}.login-testimonial-name{color:#fff;font-size:15px;font-weight:600}.login-testimonial-role{color:#ffffff80;font-size:13px}.login-testimonial-dots{display:flex;gap:8px;margin-top:32px}.login-dot{background:#ffffff40;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.login-dot.active{background:#10b981;background:var(--brand-color,#10b981);border-radius:4px;width:24px}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:48px}.login-form-container{max-width:400px;width:100%}.login-heading{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.login-subheading{color:#6b7280;font-size:15px;margin-bottom:32px}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.login-error,.login-reset-success{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:12px 16px}.login-reset-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.login-form{display:flex;flex-direction:column;gap:20px}.login-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.login-field input[type=email],.login-field input[type=password],.login-field input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.login-field input:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #0000000d;outline:none}.login-field input::placeholder{color:#9ca3af}.login-password-wrapper{position:relative}.login-password-wrapper input{padding-right:44px}.login-password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.login-password-toggle:hover{color:#6b7280}.login-options{justify-content:space-between}.login-options,.login-remember{align-items:center;display:flex}.login-remember{color:#4b5563;cursor:pointer;font-size:14px;gap:8px}.login-remember input[type=checkbox]{accent-color:#10b981;accent-color:var(--brand-color,#10b981);cursor:pointer;height:16px;width:16px}.login-forgot{background:none;border:none;color:#10b981;color:var(--brand-color,#10b981);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:color .2s}.login-forgot:hover{color:#059669;color:var(--brand-dark,#059669)}.login-submit{background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px;transition:background .2s,transform .1s;width:100%}.login-submit:hover:not(:disabled){background:#059669;background:var(--brand-dark,#059669)}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{cursor:not-allowed;opacity:.7}.login-plan-select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-family:inherit;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.login-plan-select:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #0000000d;outline:none}.login-divider{align-items:center;display:flex;gap:16px;margin:24px 0}.login-divider:after,.login-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.login-divider span{color:#9ca3af;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.google-btn-container{display:flex;justify-content:center}.login-signup{color:#6b7280;font-size:14px;margin-top:32px;text-align:center}.login-signup-link{background:none;border:none;color:#10b981;color:var(--brand-color,#10b981);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;transition:color .2s}.login-signup-link:hover{color:#059669;color:var(--brand-dark,#059669)}.login-loading{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh}.login-loading-spinner{animation:loginSpin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top:3px solid var(--brand-color,#10b981);height:40px;width:40px}@keyframes loginSpin{to{transform:rotate(1turn)}}@media (max-width:900px){.login-page{flex-direction:column}.login-left{flex:none;min-height:auto;padding:32px 24px}.login-left-content{gap:24px;max-width:100%}.login-testimonials{min-height:140px}.login-testimonial-quote{font-size:16px}.login-right{padding:32px 24px}.login-form-container{max-width:100%}}@media (max-width:480px){.login-left,.login-right{padding:24px 20px}.login-heading{font-size:24px}}*,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,div,h1,h2,h3,h4,h5,h6,input,p,select,span,textarea{font-family:Inter,sans-serif}:root{--brand-color:#10b981;--brand-hue:160;--bg-primary:#fafafa;--bg-secondary:#f2f3f2;--brand-light:#bef4e2;--brand-dark:#22c38e}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-layout,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:260px;transition:margin-left .3s ease}.main-content.full-width{margin-left:0}.top-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:64px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.show-sidebar-btn-top{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:24px;margin-right:16px;padding:8px 12px;transition:background .2s}.show-sidebar-btn-top:hover{background:#f3f4f6}.page-title{color:#1f2937;font-size:24px;font-weight:600}.content-area{flex:1 1;margin:0 auto;max-width:1264px;padding:32px;width:100%}.content-area.chat-content{max-width:100%;overflow:hidden;padding:0}.view-container{margin:0 auto;max-width:1200px}.welcome-section{margin-bottom:32px}.welcome-section h2{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:4px}.welcome-subtitle{color:#6b7280;font-size:16px}.quick-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.action-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:24px;transition:all .2s}.action-card:hover{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.action-icon{font-size:32px;margin-bottom:12px}.action-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.action-description{color:#6b7280;font-size:14px;line-height:1.5}.overview-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.overview-section h3{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:20px}.overview-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#f9fafb;border-radius:8px;padding:20px;text-align:center}.stat-value{color:#1f2937;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:768px){.main-content{margin-left:0}.content-area{padding:20px}.welcome-section h2{font-size:24px}.overview-content,.quick-actions{grid-template-columns:1fr}}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.loading{align-items:center;color:#6b7280;display:flex;justify-content:center;min-height:200px}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{color:#374151;font-size:18px;font-weight:600;margin-bottom:12px}.empty-state-description{color:#9ca3af;font-size:14px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:#10b981;background:var(--brand-color,#10b981);color:#fff}.btn-primary:hover{background:#22c38e;background:var(--brand-dark,#059669);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.card-header{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px}.card-body{color:#4b5563;line-height:1.6}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #0000000d;outline:none}.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:10px 12px;resize:vertical;width:100%}.form-textarea:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #0000000d;outline:none}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.form-select:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.agent-select-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.agent-select-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:24px;transition:all .2s ease}.agent-select-card:hover{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.agent-select-card h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.agent-select-card p{color:#6b7280;font-size:14px;line-height:1.5}.agent-card-starters{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px}.agent-card-starter-item{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:13px;line-height:1.4;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.agent-card-starter-more{color:#9ca3af;font-size:12px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top:3px solid var(--brand-color,#10b981);height:40px;margin:20px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.chats-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.chats-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.chats-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.btn-new-chat{background:#10b981;background:var(--brand-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .2s;white-space:nowrap}.btn-new-chat:hover{opacity:.9}.chats-search{margin-bottom:20px}.chats-search-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.chats-search-input:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #10b9811a;outline:none}.chats-empty{color:#6b7280;padding:60px 20px;text-align:center}.chats-empty p{margin-bottom:16px}.chats-list{display:flex;flex-direction:column;gap:8px}.chat-history-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:all .15s ease}.chat-history-card:hover{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 2px 8px #10b9811a}.chat-history-avatar{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:42px;justify-content:center;overflow:hidden;width:42px}.chat-history-avatar img{height:100%;object-fit:cover;width:100%}.chat-history-info{flex:1 1;min-width:0}.chat-history-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-history-title{color:#1f2937;font-size:15px;font-weight:600;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-date{color:#9ca3af;flex-shrink:0;font-size:12px;white-space:nowrap}.chat-history-bottom{align-items:center;display:flex;gap:6px;margin-bottom:6px}.chat-history-agent{color:#10b981;color:var(--brand-color,#10b981);font-size:13px;font-weight:500}.chat-history-dot{background:#d1d5db;border-radius:50%;height:3px;width:3px}.chat-history-count{color:#9ca3af;font-size:12px}.chat-history-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden}.chat-history-delete{background:none;border:none;border-radius:6px;color:#d1d5db;cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:4px 8px;transition:all .15s}.chat-history-delete:hover{background:#fef2f2;color:#ef4444}@media (max-width:768px){.chats-header{flex-direction:column;gap:12px}.chat-history-card{padding:12px 14px}.chat-history-avatar{font-size:14px;height:36px;width:36px}}.search-page-header{margin-bottom:24px}.search-page-header h2{margin:0 0 4px}.search-subtitle{color:#6b7280;font-size:14px;margin:0}.search-input-wrapper{margin-bottom:24px;position:relative}.search-input-icon{color:#9ca3af;font-size:22px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-page-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:16px;padding:14px 44px;transition:border-color .2s;width:100%}.search-page-input:focus{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 0 0 3px #10b9811a;outline:none}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-clear-btn:hover{color:#374151}.search-loading{color:#6b7280;padding:40px 20px;text-align:center}.search-results-count{color:#6b7280;font-size:14px;margin-bottom:20px}.search-section{margin-bottom:28px}.search-section-title{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.search-result-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;margin-bottom:10px;padding:14px 18px;transition:all .15s}.search-result-card:hover{border-color:#10b981;border-color:var(--brand-color,#10b981);box-shadow:0 2px 8px #0000000f}.search-result-title{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.search-result-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px;margin-bottom:6px}.search-result-agent{color:#10b981;color:var(--brand-color,#10b981);font-weight:500}.search-result-role{color:#6b7280;font-weight:500}.search-result-dot{background:#d1d5db;border-radius:50%;height:3px;width:3px}.search-result-preview{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.search-highlight{background:#fef3c7;border-radius:2px;color:#92400e;padding:1px 2px}.search-empty{color:#6b7280;padding:60px 20px;text-align:center}.search-empty p{margin:8px 0}.search-empty-hint{color:#9ca3af;font-size:13px}.load-more-container{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:8px 0 16px}.btn-load-more{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 28px;transition:all .2s}.btn-load-more:hover{background:#f9fafb;border-color:#10b981;border-color:var(--brand-color,#10b981);color:#10b981;color:var(--brand-color,#10b981)}.btn-load-more:disabled{cursor:not-allowed;opacity:.6}.load-more-count{color:#9ca3af;font-size:13px}
/*# sourceMappingURL=main.d25b99e3.css.map*/