@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:.3px}p{font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:inherit}.App{min-height:100vh}body,html{background:#f5f5f5;font-family:Poppins,Inter,Arial,sans-serif;margin:0;padding:0}.login-split-container{background:#f5f5f5;display:flex;min-height:100vh;width:100vw}.login-left{background:#e0e0e0;min-width:350px;overflow:hidden;position:relative;width:40vw}.login-image-placeholder,.login-left{align-items:center;display:flex;justify-content:center}.login-image-placeholder{height:100%;width:100%}.login-logo-img{max-height:80%;max-width:80%;object-fit:contain}.login-left-accent-top{background:#4caf50;border-bottom-right-radius:120px;height:180px;left:0;position:absolute;top:-50px;width:180px;z-index:1}.login-left-accent-bottom{background:#4caf50;border-top-left-radius:120px;bottom:0;height:120px;position:absolute;right:0;width:220px;z-index:1}.login-right{justify-content:center;min-width:400px;width:60vw}.login-card,.login-right{align-items:center;display:flex}.login-card{background:#fff;border-radius:24px;box-shadow:0 8px 32px #2c3e5014;flex-direction:column;max-width:420px;padding:3rem 2.5rem 2.5rem;width:100%}.login-title{color:#222;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.login-subtitle{color:#888;font-size:1rem;font-weight:400;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.2rem;width:100%}.input-group{align-items:center;display:flex;position:relative}.login-input{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:32px;color:#222;font-family:inherit;font-size:1rem;outline:none;padding:.9rem 2.8rem .9rem 1.1rem;transition:border .2s;width:100%}.login-input:focus{background:#fff;border:1.5px solid #4caf50}.input-icon{color:#bdbdbd;font-size:1.2rem;pointer-events:none;position:absolute;right:1.1rem}.forgot-password-row{display:flex;justify-content:flex-end;margin-bottom:.2rem}.forgot-password-link{color:#888;font-size:.97rem;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#4caf50}.login-btn-primary{background:#4caf50;border:none;border-radius:32px;box-shadow:0 4px 16px #4caf501a;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;margin-bottom:.2rem;margin-top:.5rem;padding:.95rem;transition:background .2s,box-shadow .2s;width:100%}.login-btn-primary:disabled{background:#a5d6a7;cursor:not-allowed}.login-btn-primary:hover:not(:disabled){background:#388e3c}.login-btn-secondary{background:#fff;border:2px solid #4caf50;border-radius:32px;color:#4caf50;cursor:pointer;font-size:1.08rem;font-weight:600;margin-top:.5rem;padding:.95rem;transition:background .2s,color .2s;width:100%}.login-btn-secondary:hover{background:#e8f5e9;color:#388e3c}.error-message{background:#ffebee;font-size:.98rem;margin-bottom:.5rem;padding:.7rem 1rem;text-align:center}@media (max-width:900px){.login-split-container{flex-direction:column}.login-left,.login-right{min-height:220px;min-width:0;min-width:auto;width:100vw}.login-card{margin:2rem 0}}:root{--text-color-primary:#212529;--text-color-secondary:#6c757d;--shadow-color:#0000000a;--info-color:#0dcaf0;--success-color:#198754;--warning-color:#ffc107}.dashboard-page{animation:fadeIn .5s ease-in-out;background-color:#f8f9fa;background-color:var(--bg-color);font-family:Poppins,sans-serif;padding:2rem}.dashboard-welcome{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.welcome-message h1{color:#212529;color:var(--text-color-primary);font-size:2rem;font-weight:700;margin:0 0 .25rem}.welcome-message p{font-size:1rem;margin:0}.date-info,.welcome-message p{color:#6c757d;color:var(--text-color-secondary)}.date-info{background-color:#fff;background-color:var(--card-bg-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-weight:500;padding:.5rem 1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{animation:fadeInUp .5s ease-out forwards;background-color:#fff;background-color:var(--card-bg-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000a;box-shadow:0 4px 12px var(--shadow-color);display:flex;flex-direction:column;opacity:0;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:hover{box-shadow:0 8px 20px #00000012;transform:translateY(-5px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-header h3{font-size:1rem;font-weight:600;margin:0}.stat-header h3,.stat-value{color:#212529;color:var(--text-color-primary)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:1rem}.stat-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);color:#6c757d;color:var(--text-color-secondary);font-size:.9rem;margin-top:1rem;padding-top:1rem}.badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.35rem .75rem}.badge.success{background-color:#e6f7ea;color:#34a853}.badge.info{background-color:#e7f8fc;color:#0dcaf0;color:var(--info-color)}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{animation:progressAnimation 1s ease-out;background-color:#4caf50;background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .5s ease-in-out}@keyframes progressAnimation{0%{width:0}}.stat-chart.placeholder{align-items:flex-end;display:flex;gap:4px;height:60px;margin-bottom:1rem}.chart-line{border-top:2px solid #0dcaf0;border-top:2px solid var(--info-color);flex-grow:1;opacity:.5}.chart-line:nth-child(2){margin-top:-20px}.chart-line:nth-child(3){margin-top:10px}.chart-bar-container{align-items:flex-end;display:flex;gap:8px;height:100%;width:100%}.chart-bar{animation:barGrow .7s ease-out;background-color:#4caf50;background-color:var(--primary-color);flex-grow:1;opacity:.6;transform-origin:bottom}@keyframes barGrow{0%{transform:scaleY(0)}}.stat-chart-placeholder{align-items:flex-end;display:flex;flex-grow:1;margin-top:1rem}.api-usage-chart-bar{animation:barGrow .7s ease-out;background:linear-gradient(180deg,#6dd5ed,#28b485);background-color:#28b485;border-radius:8px;height:100%;min-height:120px;width:100%}.dashboard-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.section{animation:fadeInUp .5s ease-out forwards;animation-delay:.4s;background-color:#fff;background-color:var(--card-bg-color);border:1px solid #dee2e6;border:1px solid var(--border-color);opacity:0}.section-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.section-header h2{font-size:1.3rem}.btn-outline{background-color:initial;border:1.5px solid #4caf50;border:1.5px solid var(--primary-color);border-radius:8px;color:#4caf50;color:var(--primary-color);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-outline:hover{background-color:#4caf50;background-color:var(--primary-color);color:#fff}.subscription-info-card{display:flex;justify-content:space-between}.plan-name{color:#4caf50;color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.plan-features .feature{align-items:center;color:#6c757d;color:var(--text-color-secondary);display:flex;gap:.5rem;margin-bottom:.5rem}.plan-features .feature:before{color:#4caf50;color:var(--primary-color);content:"✓";font-weight:700}.billing-cycle{text-align:right}.billing-label{color:#6c757d;color:var(--text-color-secondary);font-size:.9rem;margin-bottom:.25rem}.billing-value{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.next-billing{color:#6c757d;color:var(--text-color-secondary);font-size:.9rem}.dashboard-container{background-color:#f5f5f5;min-height:100vh}.dashboard-header{align-items:center;background-color:#4caf50;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.dashboard-header h1{font-size:1.5rem;margin:0}.logout-button{background-color:#fff;border:none;border-radius:4px;color:#4caf50;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease}.logout-button:hover{background-color:#f0f0f0}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem}.user-profile{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.user-profile h2{color:#333;margin-bottom:1rem;margin-top:0}.user-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-details p{color:#555;margin:.5rem 0}.subscription-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.subscription-info h3{color:#333;margin-bottom:1rem;margin-top:0}.upgrade-options{margin-top:1.5rem}.upgrade-options h4{color:#555;margin-bottom:1rem}.plan-buttons{display:flex;gap:1rem}.plan-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.plan-button.basic{background-color:#4caf50;color:#fff}.plan-button.basic:hover{background-color:#3e8e41}.plan-button.premium{background-color:#9c27b0;color:#fff}.plan-button.premium:hover{background-color:#7b1fa2}.loading-container{color:#555;font-size:1.2rem;min-height:100vh}@media (max-width:768px){.dashboard-welcome{flex-direction:column;gap:1rem}.subscription-info-card{flex-direction:column;gap:1.5rem}.billing-cycle{width:100%}}.refresh-btn{font-size:1.1rem}.refresh-btn.spin svg{animation:spin 1s linear infinite}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#f9f9f9;border-radius:8px;padding:1rem;transition:transform .3s ease,box-shadow .2s ease}.activity-item:hover{box-shadow:0 2px 8px #00000014;transform:translateX(5px)}.activity-icon{color:#4caf50;font-size:1rem;margin-right:1rem;min-width:36px}.activity-icon,.activity-icon.success{background:#4caf501a}.activity-icon.warning{background:#ff98001a}.activity-icon.error{background:#f443361a}.activity-icon.info{background:#2196f31a;color:#2196f3}.activity-details{min-width:0}.activity-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-word}.activity-time{color:#999;font-size:.8rem;margin-left:1rem;white-space:nowrap}.no-data-message{background:#f9f9f9;color:#666;padding:1.5rem}.no-data-message p{font-size:.95rem}.loading-indicator{padding:1rem}.error-message{background-color:#f443361a;border-radius:8px;color:#f44336;padding:1rem}.expand-activities-btn{align-items:center;background:none;border:1px dashed #ddd;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem;transition:all .2s ease}.expand-activities-btn:hover{background-color:#00000008;border-color:#ccc;color:#333}@media (max-width:768px){.section{padding:1rem}.activity-item{flex-direction:row;flex-wrap:wrap;padding:.75rem}.activity-icon{height:32px;margin-right:.75rem;min-width:32px}.activity-time{font-size:.75rem;margin-left:auto}.activity-details{flex:1 1;min-width:0}.activity-title{font-size:.9rem}.activity-description{font-size:.8rem}}.expand-activities-btn:focus-visible,.refresh-btn:focus-visible{outline:2px solid #2196f3;outline-offset:2px}@media (prefers-reduced-motion:reduce){.activity-item:hover{transform:none}.refresh-btn.spin svg{animation:none}}:root{--border-color:#e0e0e0;--shadow-color:#2c3e5026}.modal-overlay{animation:fadeIn .3s ease;background-color:#0a141e80;inset:0;z-index:2000}.modal-container{animation:slideInUp .4s ease;background-color:var(--card-bg-color);box-shadow:0 10px 30px #2c3e5026;box-shadow:0 10px 30px var(--shadow-color);max-width:680px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header #modal-title{align-items:center;color:#2c3e50;color:var(--text-color-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.back-button,.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;color:var(--text-color-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.back-button:hover,.modal-close-btn:hover{background-color:#f1f3f5}.modal-content{padding:1.5rem 2rem}.step-indicator{margin-bottom:2rem}.step-dot{background-color:#e9ecef;border:2px solid #e9ecef;color:#7f8c8d;color:var(--text-color-secondary);height:24px;transition:all .3s ease;width:24px}.step-dot.active{background-color:#e8f5e9;background-color:var(--primary-color-light);border-color:#4caf50;border-color:var(--primary-color);color:#4caf50;color:var(--primary-color)}.step-line{background-color:#e9ecef;width:80px}.step-container{animation:fadeIn .5s}.step-title{color:#2c3e50;color:var(--text-color-primary);font-size:1.5rem;margin-bottom:2rem;text-align:center}.step-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);gap:1rem;justify-content:flex-end;margin-top:5rem;padding-top:1.5rem}.agent-type-selection,.template-selection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.agent-type-option,.template-option{border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .2s ease}.agent-type-option:hover,.template-option:hover{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 6px 16px #2c3e5026;box-shadow:0 6px 16px var(--shadow-color);transform:translateY(-4px)}.agent-type-option.selected,.template-option.selected{background-color:#e8f5e9;background-color:var(--primary-color-light);border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 3px #e8f5e9;box-shadow:0 0 0 3px var(--primary-color-light)}.agent-type-option input,.template-option input{display:none}.agent-type-content,.template-content{align-items:flex-start;display:flex;gap:1rem}.agent-type-icon,.template-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.agent-type-icon.pathway,.template-icon.service{background-color:#3498db}.agent-type-icon.single,.template-icon.sales{background-color:#9b59b6}.agent-type-info h4,.template-info h4{color:#2c3e50;color:var(--text-color-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.agent-type-info p,.template-info p{color:#7f8c8d;color:var(--text-color-secondary);font-size:.95rem;margin:0}.tabs-container{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);gap:1rem;justify-content:center}.tab-button{color:#7f8c8d;color:var(--text-color-secondary);font-weight:600;padding:.75rem 1rem;transform:translateY(2px);transition:all .2s}.tab-button:hover{color:#2c3e50;color:var(--text-color-primary)}.tab-button.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.form-fields{gap:1.5rem}.form-group label{color:#2c3e50;font-weight:600}.form-group input,.form-group textarea{background-color:#f8f9fa;background-color:var(--bg-color);border:1px solid var(--border-color);padding:.75rem 1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #e8f5e9;box-shadow:0 0 0 3px var(--primary-color-light)}.form-group.error input,.form-group.error textarea{border-color:#e74c3c;border-color:var(--error-color)}textarea{min-height:80px;resize:vertical}.character-count{color:#7f8c8d;color:var(--text-color-secondary);font-size:.8rem;right:10px}.character-count.warning{color:#f39c12}.back-btn,.create-btn,.next-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn{background-color:#f1f3f5;border:1px solid var(--border-color);color:#2c3e50;color:var(--text-color-primary)}.back-btn:hover{background-color:#e9ecef}.create-btn,.next-btn{background-color:#4caf50;background-color:var(--primary-color);color:#fff}.create-btn:hover,.next-btn:hover{background-color:#388e3c;background-color:var(--primary-color-dark)}.create-btn:disabled,.next-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.create-btn.loading,.form-error,.input-error{align-items:center;display:flex;gap:.5rem}.form-error,.input-error{color:#e74c3c;color:var(--error-color);font-size:.9rem;margin-top:.5rem}.form-error{background-color:#fbecec;background-color:var(--error-bg-color);margin-bottom:1.5rem;padding:1rem}.upgrade-link{color:#e74c3c;color:var(--error-color);text-decoration:underline}@media (max-width:768px){.agent-type-selection{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.modal-container{animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275);background-color:#fff;border-radius:12px;box-shadow:0 15px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;transform-origin:center;width:90%}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background-color:#fff;border-bottom:1px solid #f0f0f0;padding:1.5rem 2rem;position:sticky;top:0;z-index:20}.header-with-back{align-items:center;display:flex;gap:.75rem}.back-button{margin-left:-.5rem}.modal-header h2{font-weight:600}.modal-close-btn{align-items:center;border-radius:50%;color:#999;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .2s ease}.modal-close-btn:hover{background-color:#0000000d;color:#666}.modal-content{flex-grow:1;max-height:calc(90vh - 5.5rem);max-width:100%;overflow-y:auto;padding:2rem}.modal-steps{border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem}.modal-steps,.step{align-items:center;display:flex}.step{flex-direction:column}.step-number{background-color:#f0f0f0;color:#999;font-size:.9rem;height:28px;margin-bottom:.5rem;transition:all .3s ease;width:28px}.step.active .step-number,.step.completed .step-number{background-color:#4caf50;color:#fff}.step.completed .step-number{box-shadow:0 0 0 4px #4caf5033;transform:scale(1.05)}.step-label{color:#666;font-size:.85rem;font-weight:500}.step.active .step-label{color:#4caf50;font-weight:600}.step-connector{background-color:#f0f0f0;flex-grow:1;height:2px;margin:0 1rem 1rem}.tabs-container{background-color:#fff;border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding-top:1rem;position:sticky;top:0;z-index:10}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease}.tab-button svg{font-size:1.2rem}.tab-button.active{border-bottom-color:#4caf50;color:#4caf50}.tab-button:hover:not(.active){background-color:#00000005;color:#333}.section-title{font-size:1.2rem}.section-description{margin-bottom:1.5rem}.agent-type-selection{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.agent-type-card{align-items:center;background-color:#fff;border:2px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease}.agent-type-card:focus,.agent-type-card:hover{border-color:#4caf50;box-shadow:0 8px 20px #4caf5026;outline:none;transform:translateY(-8px) scale(1.01)}.agent-type-card:before{border-radius:10px;bottom:0;box-shadow:0 0 0 0 #4caf504d;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease}.agent-type-card:focus:before,.agent-type-card:hover:before{box-shadow:0 0 0 8px #4caf504d;opacity:1}.agent-type-icon{border-radius:50%;color:#fff;height:70px;margin-bottom:1.5rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);width:70px}.agent-type-card:focus .agent-type-icon,.agent-type-card:hover .agent-type-icon{transform:scale(1.15) rotate(5deg)}.agent-type-icon.pathway{background:linear-gradient(45deg,#4caf50,#81c784)}.agent-type-icon.single{background:linear-gradient(45deg,#5c6bc0,#8e99f3)}.agent-type-icon.service{background:linear-gradient(45deg,#26a69a,#80cbc4)}.agent-type-icon.sales{background:linear-gradient(45deg,#ef5350,#e57373)}.agent-type-icon.security{background:linear-gradient(45deg,#ffa000,#ffd54f)}.agent-type-card h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.agent-type-card p{color:#666;line-height:1.5;margin-bottom:1.5rem}.agent-type-card ul{margin-bottom:1.5rem;padding-left:1.5rem;text-align:left}.agent-type-card li{color:#666;margin-bottom:.5rem}.select-type-btn{background:none;border:1px solid #4caf50;border-radius:8px;color:#4caf50;cursor:pointer;font-weight:500;margin-top:auto;overflow:hidden;padding:.6rem 1.5rem;position:relative;transition:all .3s ease}.select-type-btn:focus,.select-type-btn:hover{background-color:#4caf501a}.template-agents-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.template-agent-card{background-color:#fff;border:2px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,border-color .3s ease}.template-agent-card:focus,.template-agent-card:hover{border-color:#4caf50;box-shadow:0 8px 20px #4caf5026;outline:none;transform:translateY(-8px) scale(1.01)}.template-agent-card:before{border-radius:10px;bottom:0;box-shadow:0 0 0 0 #4caf504d;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease}.template-agent-card:focus:before,.template-agent-card:hover:before{box-shadow:0 0 0 8px #4caf504d;opacity:1}.template-agent-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin-bottom:1rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);width:50px}.template-agent-card:focus .template-agent-icon,.template-agent-card:hover .template-agent-icon{transform:scale(1.15) rotate(5deg)}.template-agent-icon.pathway{background:linear-gradient(45deg,#4caf50,#81c784)}.template-agent-card h3{font-size:1.25rem;margin-bottom:1rem}.template-agent-card p{line-height:1.5;margin-bottom:1.5rem}.template-agent-card ul{margin-bottom:1.5rem;padding-left:1.5rem;text-align:left}.template-agent-card li{color:#666;margin-bottom:.5rem}.select-template-btn{background:none;border:1px solid #4caf50;border-radius:8px;color:#4caf50;cursor:pointer;font-weight:500;margin-top:auto;overflow:hidden;padding:.6rem 1.5rem;position:relative;transition:all .3s ease}.hover-effect{position:relative;z-index:1}.hover-effect:after{background:#4caf501a;border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%;z-index:-1}.hover-effect:focus:after,.hover-effect:hover:after{transform:scaleX(1);transform-origin:left}.select-template-btn:focus,.select-template-btn:hover{background-color:#4caf501a}@media (max-width:768px){.agent-type-selection,.template-agents-grid{grid-template-columns:1fr}}.template-agent-icon.service{background:linear-gradient(45deg,#26a69a,#80cbc4)}.template-agent-icon.sales{background:linear-gradient(45deg,#ef5350,#e57373)}.template-agent-icon.single{background:linear-gradient(45deg,#5c6bc0,#8e99f3)}.template-agent-icon.security{background:linear-gradient(45deg,#ffa000,#ffd54f)}.template-agent-card h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.template-agent-card p{color:#666;flex-grow:1;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.template-agent-type{margin-bottom:1rem}.agent-tag{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.type-tag.pathway{background-color:#4caf5026;color:#2e7d32}.type-tag.single{background-color:#5c6bc026;color:#3949ab}.use-template-btn{background:none;border:1px solid #4caf50;border-radius:8px;color:#4caf50;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:auto;padding:.5rem 0;transition:all .3s ease;width:100%}.use-template-btn:focus,.use-template-btn:hover{background-color:#4caf501a}.agent-form{display:flex;flex-direction:column;gap:1.5rem}.form-error{background-color:#d32f2f1a;border-radius:8px;color:#d32f2f;font-weight:500}.global-error{margin-top:1rem}.selected-type{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;margin-bottom:1rem;padding:1rem}.selected-type .agent-type-icon{height:36px;margin-bottom:0;margin-right:1rem;width:36px}.selected-type span{color:#333;flex-grow:1;font-weight:500}.change-type-btn{background:none;border:none;border-radius:4px;color:#4caf50;cursor:pointer;font-size:.9rem;font-weight:500;padding:.4rem .75rem}.change-type-btn:hover{background-color:#4caf501a}.form-group{border-radius:8px;display:flex;flex-direction:column;padding:.25rem;transition:all .3s ease}.form-group.focused{background-color:#4caf500d}.form-group.error{background-color:#d32f2f0d}.form-group label{font-size:.95rem;margin-left:.25rem}.form-group input,.form-group textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;padding:.8rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #4caf5040}.input-error{animation:slideInError .3s forwards;color:#d32f2f;font-size:.85rem;font-weight:500;gap:.5rem;padding:0 .25rem;transform-origin:left}@keyframes slideInError{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-info{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:0 .25rem}.character-count{background-color:#fffc;border-radius:4px;bottom:8px;color:#999;padding:.1rem .5rem;position:absolute;right:12px}.cancel-btn{border:1px solid #e0e0e0}.cancel-btn,.create-btn{border-radius:8px;font-size:.95rem;font-weight:600;transition:all .3s ease}.create-btn{justify-content:center;min-width:180px}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 0}}.loading-spinner{animation:loadingSpin .8s ease-in-out infinite;display:inline-block;height:1.2rem;width:1.2rem}@keyframes loadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-left{font-size:1.1rem}@media (max-width:768px){.modal-container{max-height:95vh;width:95%}.modal-header{padding:1rem 1.5rem}.modal-content{max-height:calc(95vh - 4.5rem);padding:1.5rem}.agent-type-selection,.template-agents-grid{grid-template-columns:1fr}.agent-type-card,.template-agent-card{box-shadow:0 5px 15px #0000001a!important;padding:1.5rem;transform:none!important}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{width:100%}.tabs-container{justify-content:flex-start;overflow-x:auto;padding-top:.5rem}.tab-button{padding:.75rem 1rem;white-space:nowrap}.modal-steps{margin-bottom:1.5rem}.form-group.focused input,.form-group.focused textarea{box-shadow:0 0 0 2px #4caf5040}.cancel-btn,.create-btn{font-size:1rem;padding:.85rem 1.5rem}}.form-error.limit-error{background-color:#f443361a;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1rem}.form-error.limit-error svg{font-size:1.2rem;margin-right:.5rem}.upgrade-prompt{margin-top:1rem;text-align:center}.upgrade-link{background-color:#4caf50;border-radius:6px;color:#fff;font-weight:600;padding:.5rem 1.5rem;transition:background-color .3s ease}.upgrade-link:hover{background-color:#43a047;text-decoration:none}.agent-type-card.disabled,.template-agent-card.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.tab-button:disabled,button:disabled{cursor:not-allowed;opacity:.6}.tab-button:disabled{color:#999}.form-group.focused input,.form-group.focused textarea{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5040;transition:border-color .2s ease,box-shadow .3s ease}@keyframes errorPulse{0%{box-shadow:0 0 0 0 #d32f2f66}70%{box-shadow:0 0 0 6px #d32f2f00}to{box-shadow:0 0 0 0 #d32f2f00}}.form-group.error input,.form-group.error textarea{animation:errorPulse 1.5s infinite;border-color:#d32f2f}.create-btn:before,.select-type-btn:before,.use-template-btn:before{background-color:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.create-btn:hover:before,.select-type-btn:hover:before,.use-template-btn:hover:before{height:300px;width:300px}.step{position:relative}.step.active .step-number{animation:pulseStep 1.5s infinite}@keyframes pulseStep{0%{box-shadow:0 0 0 0 #4caf5066}70%{box-shadow:0 0 0 8px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.step-connector{overflow:hidden;position:relative}.step-connector.completed:after{animation:connectLine .6s ease-out forwards;background-color:#4caf50;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}@keyframes connectLine{to{transform:translateX(0)}}.create-btn.loading{animation:moveStripes 1s linear infinite;background-image:linear-gradient(45deg,#43a047 25%,#388e3c 0,#388e3c 50%,#43a047 0,#43a047 75%,#388e3c 0,#388e3c);background-size:20px 20px}button:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.form-error.limit-error{animation:slideInErrorMessage .5s forwards}@keyframes slideInErrorMessage{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upgrade-link{overflow:hidden;position:relative;transform:translateZ(0)}.upgrade-link:before{background:#ffffff4d;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%) skewX(-15deg);transition:transform .6s;width:100%}.upgrade-link:hover:before{transform:translateX(100%) skewX(-15deg)}.agent-form,.agent-type-selection,.template-agents-grid{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.agent-form.visible,.agent-type-selection.visible,.template-agents-grid.visible{opacity:1;transform:translateY(0)}.modal-content.fade{opacity:.6;transition:opacity .3s ease}.modal-container.success{border-color:#4caf50;box-shadow:0 10px 30px #4caf504d}.modal-container.error{border-color:#d32f2f;box-shadow:0 10px 30px #d32f2f4d}.modal-overlay.transition{background-color:#0009}.modal-container.fade-out{opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.success-toast{align-items:center;animation:slideDown .5s ease forwards;background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;color:#2e7d32;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.success-icon{background-color:#4caf50;border-radius:50%;color:#fff;font-size:1.5rem;padding:4px}@keyframes shakeForm{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.agent-form.shake{animation:shakeForm .5s cubic-bezier(.36,.07,.19,.97) both}.character-count.warning{font-weight:600}.create-btn.ready{background-color:#43a047;box-shadow:0 6px 12px #4caf5033;transform:translateY(-2px)}.create-btn.ready:hover{background-color:#388e3c}.form-error.global-error{align-items:center;animation:fadeInError .5s ease forwards;display:flex;gap:.75rem}@keyframes fadeInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group input:focus-visible,.form-group textarea:focus-visible{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5040;outline:none}@media (prefers-reduced-motion:reduce){.agent-form,.agent-type-selection,.template-agents-grid{opacity:1;transform:none;transition:none}.agent-type-card:hover,.agent-type-card:hover .agent-type-icon,.template-agent-card:hover,.template-agent-card:hover .template-agent-icon{transform:none}.create-btn.loading,.form-group.error input,.form-group.error textarea,.step-connector.completed:after,.step.active .step-number{animation:none}}.modal-container.simple{border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:90vh;max-width:500px;padding:0}.modal-container.simple .modal-header{border-bottom:1px solid #eee;padding:1rem 1.5rem}.modal-container.simple .modal-content{overflow-y:auto;padding:1.5rem}.agent-form.simple{display:flex;flex-direction:column;gap:1.5rem}.tabs-container{border-bottom:1px solid #eee;display:flex;margin-bottom:1.5rem}.tabs-container .tab-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem;position:relative}.tabs-container .tab-button.active{color:#4caf50;font-weight:600}.tabs-container .tab-button.active:after{background-color:#4caf50;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.agent-selection-section{margin-bottom:1.5rem}.section-title{color:#333;font-size:1rem;margin-bottom:1rem}.agent-type-selection.simple{display:flex;flex-direction:column;gap:1rem}.agent-type-option{align-items:center;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease}.agent-type-option.selected{background-color:#f1f8f1;border-color:#4caf50}.agent-type-option input[type=radio]{opacity:0;position:absolute}.agent-type-content{align-items:center;display:flex;gap:1rem;width:100%}.agent-type-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.agent-type-info{flex:1 1}.agent-type-info h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .25rem}.agent-type-info p{color:#666;font-size:.85rem;margin:0}.template-selection.simple{display:flex;flex-direction:column;gap:1rem}.template-option{align-items:flex-start;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease}.template-option.selected{background-color:#f1f8f1;border-color:#4caf50}.template-option input[type=radio]{opacity:0;position:absolute}.template-content{display:flex;gap:1rem;width:100%}.template-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.template-info{flex:1 1}.template-info h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .25rem}.template-info p{color:#666;font-size:.85rem;margin:0 0 .5rem}.template-info .agent-tag{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.form-fields{display:flex;flex-direction:column;gap:1.25rem}.form-group{position:relative}.form-group label{color:#333;font-size:.9rem}.form-group input,.form-group textarea{border-radius:6px;font-size:.95rem;transition:border-color .2s ease}.form-group.error input,.form-group.error textarea{border-color:#e53935}.character-count{color:#757575;font-size:.75rem;margin-top:.25rem;text-align:right}.character-count.warning{color:#ff9800}.input-error{align-items:center;color:#e53935;display:flex;font-size:.8rem;gap:.25rem;margin-top:.5rem}.cancel-btn{background:none;color:#666;font-size:.9rem;padding:.75rem 1.25rem;transition:background-color .2s ease}.cancel-btn:hover{background-color:#f5f5f5}.create-btn{align-items:center;background-color:#4caf50;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.25rem;transition:background-color .2s ease}.create-btn:hover{background-color:#43a047}.create-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.create-btn.loading{background-color:#66bb6a;pointer-events:none}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.form-error{align-items:center;background-color:#ffebee;border-radius:6px;color:#c62828;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.form-error.limit-error{background-color:#fff8e1;border-left:4px solid #ffc107;color:#f57f17}.upgrade-prompt{margin-top:.5rem}.upgrade-link{background-color:#ffc107;border-radius:4px;color:#212121;display:inline-block;font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease}.upgrade-link:hover{background-color:#ffb300}@media (max-width:576px){.modal-container.simple{max-width:none;width:90%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.step-indicator{margin-bottom:1.5rem;padding:.5rem 0}.step-dot,.step-indicator{align-items:center;display:flex;justify-content:center}.step-dot{background-color:#e0e0e0;border-radius:50%;color:#666;font-size:.9rem;font-weight:600;height:30px;width:30px}.step-dot.active{background-color:#4caf50;color:#fff}.step-line{background-color:#e0e0e0;height:2px;margin:0 .5rem;width:60px}.step-content{min-height:300px}.step-container{display:flex;flex-direction:column}.step-title{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.step-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.back-btn{border-radius:6px;padding:.75rem 1.25rem}.back-btn,.next-btn{font-size:.9rem;transition:all .2s ease}.next-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.next-btn:hover{background-color:#43a047}.next-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.step-error{margin:.75rem 0}.method-description{color:#666;font-size:.95rem;line-height:1.5;margin:1rem 0 1.5rem}.template-heading{color:#333;font-size:.95rem;font-weight:600;margin:1rem 0}.no-templates{background-color:#f5f5f5;border-radius:6px;color:#666;margin:1rem 0;padding:1.5rem;text-align:center}.back-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;justify-content:center;margin-right:.5rem;padding:.5rem;transition:all .2s ease}.back-button:hover{background-color:#0000000d;color:#333}@media (max-width:576px){.step-indicator{margin-bottom:1rem}.step-dot{font-size:.8rem;height:26px;width:26px}.step-line{width:40px}.step-actions{flex-direction:column;gap:.75rem}.step-actions button{width:100%}.back-btn{order:2}.create-btn,.next-btn{order:1}}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-wrapper{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:2rem;position:relative;width:auto}.modal-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.8rem;position:absolute;right:15px;top:10px}.modal-content h2{margin-top:0}.form-control{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.8rem;width:100%}.generated-url-container{background:#f4f4f4;border-radius:8px;margin-top:1.5rem;padding:1rem}.generated-url-container pre{word-wrap:break-word;background:#e9e9e9;border-radius:6px;padding:.8rem;white-space:pre-wrap}.step-actions .create-btn{background-color:#4caf50;background-color:var(--primary-color);color:#fff;min-width:150px;width:auto}.step-actions .create-btn:hover:not(:disabled){background-color:#388e3c;background-color:var(--primary-color-dark)}:root{--primary-color-light:#c8e6c9;--text-color-primary:#2c3e50;--text-color-secondary:#7f8c8d;--bg-color:#f8f9fa;--border-color:#dee2e6;--shadow-color:#2c3e5014;--error-color:#e74c3c;--error-bg-color:#fbecec;--info-color:#3498db;--info-bg-color:#eaf5fb;--warning-color:#f39c12;--warning-bg-color:#fef5e7}.my-agents-page{animation:fadeIn .5s ease-out;background-color:#f8f9fa;background-color:var(--bg-color);font-family:Poppins,sans-serif;padding:2rem 2.5rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title{color:#2c3e50;color:var(--text-color-primary);font-size:2.25rem;font-weight:700}.create-agent-btn{align-items:center;background-color:#34a853;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease-in-out;width:auto}.create-agent-btn:hover:not(:disabled){background-color:#2c8f47;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.create-agent-btn:disabled{cursor:not-allowed;opacity:.6}.ai-search-btn,.filter-btn{align-items:center;background-color:#fff;background-color:var(--card-bg-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;color:#2c3e50;color:var(--text-color-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.ai-search-btn:hover:not(:disabled),.filter-btn:hover:not(:disabled){background-color:#f1f3f5;border-color:#ced4da}.ai-search-btn.active,.filter-btn.active{background-color:#c8e6c9;background-color:var(--primary-color-light);border-color:#4caf50;border-color:var(--primary-color);color:#4caf50;color:var(--primary-color)}.error-message,.limit-warning{align-items:center;border-radius:8px;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-message{background-color:#fbecec;color:#e74c3c}.limit-warning{background-color:#fef5e7;background-color:var(--warning-bg-color);color:#f39c12;color:var(--warning-color)}.limit-warning .upgrade-btn{background-color:#f39c12;background-color:var(--warning-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.filter-controls{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-bar{background-color:#fff;background-color:var(--card-bg-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;flex-grow:1;padding:0 .75rem;transition:box-shadow .2s,border-color .2s}.search-bar:focus-within{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 3px #c8e6c9;box-shadow:0 0 0 3px var(--primary-color-light)}.search-icon{color:#7f8c8d;color:var(--text-color-secondary);margin-right:.5rem}.search-bar input{background:#0000;font-size:1rem;padding:.75rem 0}.filter-buttons{display:flex;gap:.75rem}.ai-search-panel{animation:slideDown .3s ease-out;background-color:#f8f9fa;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.ai-search-input-group{align-items:center;display:flex;gap:.5rem}.ai-search-panel .mic-icon{color:#7f8c8d;color:var(--text-color-secondary)}.ai-search-panel input{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;flex-grow:1;font-size:1rem;padding:.5rem 1rem}.ai-search-submit-btn{background-color:#4caf50;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.ai-search-submit-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.filter-panel{align-items:center;animation:slideDown .3s ease-out;background-color:#fff;background-color:var(--card-bg-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#2c3e50;color:var(--text-color-primary);font-weight:600}.filter-group select{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;padding:.5rem}.filter-actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.clear-filters-btn{background:none;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.5rem 1rem}.close-filters-btn{background:none;border:none;color:#7f8c8d;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem;padding:0}.agents-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.agent-card{background:#fff;border:1px solid #eef0f2;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.agent-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.agent-card.selected{border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.agent-card:hover .agent-actions{opacity:1;transform:translate(-50%,-50%) translateY(0)}.agent-card:hover:before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:5}.agent-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #eef0f2;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:.75rem;left:50%;opacity:0;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%) translateY(-10px);transition:all .3s ease;z-index:10}.agent-actions button{align-items:center;background:#0000;border:1px solid #000;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:all .2s ease}.agent-actions button:hover{background-color:#4caf50;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:scale(1.1)}.agent-card-header{align-items:flex-start;display:flex;gap:1rem;padding:1rem 1.5rem}.agent-icon{align-items:center;background-color:#e8f5e9;border-radius:8px;color:#4caf50;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.agent-title-group{flex-grow:1}.agent-name{color:#2c3e50;font-size:1.1rem;margin:0 0 .25rem}.agent-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem;text-transform:capitalize}.agent-card-body{flex-grow:1;padding:0 1.5rem 1.5rem}.agent-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#667085;display:-webkit-box;font-size:.9rem;height:44px;line-height:1.5;margin-bottom:1.25rem;overflow:hidden;text-overflow:ellipsis}.agent-details .detail-item{align-items:center;display:flex;font-size:.85rem;gap:.75rem;margin-bottom:.75rem}.agent-details .detail-item strong{color:#475467;font-weight:500}.connection-tag,.model-tag,.type-tag{background-color:#f2f4f7;border-radius:4px;color:#344054;font-weight:500;padding:.2rem .6rem;text-transform:capitalize}.connections-group{display:flex;flex-wrap:wrap;gap:.5rem}.agent-card-expanded{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:1.5rem}.status-active{background-color:#4caf5026;color:#388e3c}.status-inactive{background-color:#9e9e9e26;color:#616161}.status-paused{background-color:#ff980026;color:#ef6c00}.connection-tag.whatsapp{background-color:#e0f2f1;color:#00796b}.connection-tag.instagram{background-color:#fce4ec;color:#d81b60}.connection-tag.telegram{background-color:#e1f5fe;color:#0277bd}.connection-tag.web{background-color:#e3f2fd;color:#1565c0}.loading-state,.no-agents-found{align-items:center;background-color:#fff;background-color:var(--card-bg-color);border:2px dashed #dee2e6;border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state p,.no-agents-content h3{color:#2c3e50;color:var(--text-color-primary);font-size:1.5rem;margin:1.5rem 0 .5rem}.no-agents-content p{color:#7f8c8d;color:var(--text-color-secondary);font-size:1rem;margin:0 0 1.5rem}.clear-filters-link{background:none;border:none;color:#4caf50;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600}.loading-spinner{border:4px solid #c8e6c9;border-top-color:#4caf50;border:4px solid var(--primary-color-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.agents-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.my-agents-page{padding:1.5rem}.filter-controls,.page-header{align-items:stretch;flex-direction:column;gap:1.5rem}.header-actions{margin-left:0;width:100%}.create-agent-btn{justify-content:center;width:100%}.filter-controls{align-items:stretch}.search-bar{width:100%}.filter-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}}@media (max-width:480px){.page-title{font-size:1.8rem}.agents-grid{grid-template-columns:1fr}}.agent-editor-page{padding:.5rem 0}.editor-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.back-btn,.editor-header,.header-left{align-items:center;display:flex}.back-btn{background:none;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;gap:.5rem;margin-right:1.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-btn:hover{background-color:#f5f5f5}.agent-info h1{color:#333;font-size:1.6rem;font-weight:600;margin:0 0 .5rem}.agent-tags{display:flex;flex-wrap:wrap;gap:.75rem}.category-tag,.status-tag,.type-tag{border-radius:50px;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.status-tag.active{background-color:#4caf501a;color:#4caf50}.status-tag.inactive,.status-tag.paused{background-color:#9e9e9e1a;color:#9e9e9e}.type-tag{background-color:#5c6bc01a;color:#5c6bc0}.category-tag{background-color:#42a5f51a;color:#42a5f5}.header-actions{align-items:center;display:flex;gap:1rem}.status-toggle-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.status-toggle-btn.active{background-color:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.status-toggle-btn.inactive{background-color:#5c6bc01a;border:1px solid #5c6bc033;color:#5c6bc0}.status-toggle-btn:hover{box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.save-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#81c784);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.save-btn:hover{box-shadow:0 4px 10px #4caf504d;transform:translateY(-2px)}.delete-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.delete-btn:hover{background-color:#f443361a}.agent-editor-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.editor-tabs{background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.tab-btn.active{background-color:#fff;border-bottom-color:#4caf50;color:#4caf50}.tab-btn:hover:not(.active){background-color:#00000005;color:#333}.editor-tab-content{padding:2rem}.tab-description{line-height:1.6;margin-bottom:2rem;max-width:800px}.ai-system-tab h2,.analytics-tab h2,.knowledge-tab h2,.prompts-tab h2,.settings-tab h2{color:#333;font-size:1.4rem;margin-bottom:1rem;margin-top:0}.simple-prompt-editor{display:flex;flex-direction:column;gap:1.5rem}.prompt-section{margin-bottom:1.5rem}.prompt-section label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.input-help-text{color:#666;font-size:.85rem;margin-bottom:.5rem}.prompt-section textarea{border:1px solid #ddd;border-radius:4px;color:#333;font-family:inherit;font-size:.95rem;line-height:1.5;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.prompt-section textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.textarea-container{position:relative}.prompt-section textarea{padding-bottom:2.5rem}.enhance-prompt-btn{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border:1px solid #e0e0e0;border-radius:6px;bottom:.75rem;color:#555;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.3rem .6rem;position:absolute;right:.75rem;transition:all .2s;z-index:2}.enhance-prompt-btn:hover:not(:disabled){background-color:#fff;color:#333}.enhance-prompt-btn:disabled{cursor:not-allowed;opacity:.8}.enhance-prompt-btn:disabled svg{animation:spin 1s linear infinite}.enhance-error-message{background-color:#feeceb;border:1px solid #f5c2c7;border-radius:6px;color:#d32f2f;font-size:.9rem;margin-top:.75rem;padding:.75rem}.enhancing-overlay{animation:gradient-animation 6s ease infinite;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:linear-gradient(-45deg,#94bbe94d,#98eb984d,#eeaeca4d,#94bbe94d);background-size:400% 400%;border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.prompt-templates{background-color:#f5f5f5;border-radius:4px;margin-bottom:1.5rem;padding:1.25rem}.templates-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.templates-header h3{color:#333;font-size:1.1rem;margin:0}.template-types{display:flex;flex-wrap:wrap;gap:.5rem}.template-type-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease}.template-type-btn.active,.template-type-btn:hover{background-color:#4caf50;border-color:#4caf50;color:#fff}.template-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.template-card{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:1rem;transition:all .2s ease}.template-card:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf5026;transform:translateY(-2px)}.template-card h4{color:#333;font-size:.95rem;margin:0 0 .5rem}.template-card p{color:#666;font-size:.85rem;line-height:1.4;margin:0}.additional-prompts{border-top:1px solid #ddd;margin-top:2rem;padding-top:2rem}.additional-prompts h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.simple-prompts-list{display:flex;flex-direction:column;gap:1rem}.simple-prompt-item{border:1px solid #ddd;border-radius:4px;overflow:hidden}.simple-prompt-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:.75rem 1rem}.simple-prompt-header span{color:#333;font-size:.95rem;font-weight:600}.edit-btn{background-color:initial;border:1px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .2s ease}.edit-btn:hover{background-color:#4caf501a}.simple-prompt-preview{background-color:#fff;color:#666;font-size:.9rem;line-height:1.5;padding:.75rem 1rem;white-space:pre-wrap}.add-prompt-btn{background:none;border:1px dashed #bbb;border-radius:4px;color:#4caf50;cursor:pointer;display:block;font-size:.95rem;margin-top:1rem;padding:.75rem;text-align:center;transition:all .2s ease;width:100%}.add-prompt-btn:hover{background-color:#4caf500d;border-color:#4caf50}@media (max-width:768px){.template-cards{grid-template-columns:1fr}.template-types{overflow-x:auto;padding-bottom:.5rem;white-space:nowrap}}.prompts-additional{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.prompts-additional h3{color:#333;font-size:1.2rem;margin-bottom:1.5rem;margin-top:0}.prompts-list{display:flex;flex-direction:column;gap:1.5rem}.prompt-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.prompt-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.prompt-header h3{color:#333;font-size:1.1rem;font-weight:600;margin:0}.edit-prompt-btn{background:none;border:1px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;font-size:.9rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.edit-prompt-btn:hover{background-color:#4caf501a}.prompt-preview{background-color:#fff;padding:1.5rem}.prompt-preview pre{color:#666;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.add-prompt-container{border:2px dashed #e0e0e0;border-radius:8px;display:flex;justify-content:center;padding:1.5rem;transition:all .3s ease}.add-prompt-container:hover{background-color:#4caf500d;border-color:#4caf50}.upload-section{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.upload-btn{background:linear-gradient(45deg,#4caf50,#81c784);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.upload-btn:hover{box-shadow:0 4px 10px #4caf504d;transform:translateY(-2px)}.upload-info{color:#777;font-size:.9rem;margin:0}.documents-list h3{color:#333;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.documents-table{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.table-header{background-color:#f9f9f9}.table-header,.table-row{border-bottom:1px solid #e0e0e0;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 1.5rem}.table-row{align-items:center}.table-row:last-child{border-bottom:none}.col-name{color:#333;font-weight:500}.col-date,.col-size{color:#666;font-size:.9rem}.col-actions{display:flex;gap:.5rem}.doc-action-btn{background:none;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:all .3s ease}.doc-action-btn:hover{background-color:#f5f5f5}.doc-action-btn.delete{border-color:#f44336;color:#f44336}.doc-action-btn.delete:hover{background-color:#f443361a}.ai-system-tab,.settings-tab{margin:0 auto;max-width:800px;padding:20px}.tab-description{color:#666;font-size:16px;margin-bottom:30px}.simple-settings{display:flex;flex-direction:column;gap:30px}.settings-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.settings-section:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-2px)}.settings-section h3{border-bottom:1px solid #e0e0e0;color:#333;font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-field label{color:#333;display:block;font-weight:500;margin-bottom:8px}.settings-field input[type=text],.settings-field select,.settings-field textarea{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.settings-field input[type=text]:hover,.settings-field select:hover,.settings-field textarea:hover{border-color:#bbb}.settings-field input[type=text]:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.field-hint{color:#777;font-size:12px;margin-top:6px}.checkbox-field{margin-bottom:15px}.checkbox-container{align-items:center;display:flex;transition:transform .1s}.checkbox-container:hover{transform:translateX(2px)}.checkbox-container input[type=checkbox]{cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-container label{cursor:pointer;margin-bottom:0}.settings-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#333;font-weight:500;padding:10px 16px;transition:background-color .2s}.cancel-btn:hover{background-color:#e9e9e9}.save-settings-btn{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.save-settings-btn:hover{background-color:#3a7bcb}.save-settings-btn:disabled{background-color:#a8c7ee;cursor:not-allowed}@media (max-width:768px){.settings-section,.settings-tab{padding:15px}.settings-actions{flex-direction:column;gap:10px}.cancel-btn,.save-settings-btn{width:100%}}.analytics-placeholder{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;height:300px;justify-content:center;margin-top:1rem}.placeholder-message{color:#777;text-align:center}.placeholder-message svg{color:#4caf50;margin-bottom:1rem}.placeholder-message p{font-size:1.1rem;margin:0}.not-found-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:4rem 2rem;text-align:center}.not-found-container h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.not-found-container p{color:#666;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.not-found-container .back-btn{display:inline-flex;margin-right:0}@media (max-width:768px){.editor-header{gap:1rem}.editor-header,.header-left{align-items:flex-start;flex-direction:column}.back-btn{margin-bottom:1rem}.header-actions{flex-direction:column;width:100%}.editor-tabs{overflow-x:auto;padding-bottom:5px;white-space:nowrap}.tab-btn{padding:.75rem 1rem}.editor-tab-content{padding:1.5rem 1rem}.upload-section{flex-direction:column}.upload-btn{width:100%}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr}.col-size{display:none}.prompt-card-content,.prompt-card-header,.prompt-card-info.expanded{padding:1rem}.example-chips{flex-wrap:wrap;gap:.5rem}.chat-preview{padding:1rem}.chat-message{max-width:90%;padding:.75rem}.message-content{font-size:.9rem}}.advanced-settings-toggle{align-items:center;background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:6px;color:#4a90e2;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin:15px 0;padding:10px 12px;transition:all .2s ease}.advanced-settings-toggle:hover{background-color:#e1f0ff;border-color:#b8d7ff}.toggle-icon{font-size:20px}.advanced-settings-panel{animation:slideDown .3s ease;background-color:#fafafa;border:1px solid #eee;border-radius:6px;margin-top:15px;padding:15px}.slider-field{margin-bottom:20px}.slider-field label{display:flex;justify-content:space-between;width:100%}.slider-field input[type=range]{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:5px;margin:10px 0;outline:none;width:100%}.slider-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a90e2;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:background .15s ease;transition:background .15s ease;width:18px}.slider-field input[type=range]::-moz-range-thumb{background:#4a90e2;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:background .15s ease;transition:background .15s ease;width:18px}.slider-field input[type=range]::-webkit-slider-thumb:hover{background:#3a7bcb}.slider-field input[type=range]::-moz-range-thumb:hover{background:#3a7bcb}.slider-field input[type=range]:focus{outline:none}.slider-field input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #4a90e233}.slider-field input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #4a90e233}@media (max-width:768px){.advanced-settings-panel{padding:12px}.slider-field{margin-bottom:15px}}.section-description{color:#666;font-size:14px;margin-bottom:20px;margin-top:-10px}.tools-container,.variables-container{margin-top:15px}.tools-list,.variables-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.tool-item,.variable-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:12px 15px;transition:transform .2s,box-shadow .2s}.tool-item:hover,.variable-item:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.tool-info,.variable-info{flex:1 1}.tool-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.tool-header h4{color:#333;font-size:15px;margin:0}.tool-toggle{align-items:center;display:flex}.tool-toggle input[type=checkbox]{margin-right:5px}.tool-info p{color:#666;font-size:13px;margin:0}.remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:background-color .2s;width:28px}.remove-btn:hover{background-color:#f443361a}.form-row{display:flex;flex-wrap:wrap;gap:10px}.input-group{flex:1 1;min-width:120px}.input-group.full-width{flex:2 1;min-width:200px}.input-group input,.input-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.add-btn{align-items:center;background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:background-color .2s}.add-btn:hover{background-color:#3a7bcb}.no-tools-message,.no-variables-message{align-items:center;background-color:#f9f9f9;border:1px dashed #ddd;border-radius:6px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:30px;text-align:center}.no-tools-message .icon{color:#999;font-size:32px;margin-bottom:10px}.no-tools-message p,.no-variables-message p{color:#666;font-size:14px;margin:0}.variables-container h4{color:#333;font-size:16px;margin:5px 0 15px}.variable-info{align-items:center;display:flex;gap:10px}.variable-name{color:#333;font-weight:500}.variable-type{background-color:#f0f7ff;color:#4a90e2}.variable-required,.variable-type{border-radius:30px;font-size:12px;padding:3px 8px}.variable-required{background-color:#fff0f0;color:#e25555}.checkbox-inline{align-items:center;display:flex;flex:0 0 auto;gap:5px}.checkbox-inline input[type=checkbox]{height:16px;margin:0;width:16px}.checkbox-inline label{font-size:14px;margin:0}@media (max-width:768px){.form-row{flex-direction:column}.input-group.full-width{flex:1 1}.input-group{min-width:100%}.add-btn{justify-content:center;width:100%}}.ai-system-tab .tab-description{color:#666;font-size:16px;margin-bottom:30px}.ai-system-tab.green-theme h2,.ai-system-tab.green-theme h3{color:#2e7d32}.ai-system-tab.green-theme .dropdown-icon,.ai-system-tab.green-theme .dropdown-section:hover .section-header-dropdown{color:#4caf50}.ai-system-tab.green-theme .slider-field input[type=range]::-webkit-slider-thumb{background:#4caf50}.ai-system-tab.green-theme .slider-field input[type=range]::-moz-range-thumb{background:#4caf50}.ai-system-tab.green-theme .slider-field input[type=range]::-webkit-slider-thumb:hover{background:#2e7d32}.ai-system-tab.green-theme .slider-field input[type=range]::-moz-range-thumb:hover{background:#2e7d32}.ai-system-tab.green-theme .slider-field input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #4caf5033}.ai-system-tab.green-theme .slider-field input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 3px #4caf5033}.ai-system-tab .settings-section{margin-bottom:25px}.ai-system-tab .settings-actions{display:flex;justify-content:flex-end;margin-top:15px}.ai-system-tab .save-settings-btn{align-items:center;background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:10px 20px;transition:background-color .2s,transform .2s}.ai-system-tab.green-theme .save-settings-btn{background-color:#4caf50}.ai-system-tab.green-theme .save-settings-btn:hover{background-color:#2e7d32}.ai-system-tab .save-settings-btn:hover{background-color:#3a7bcb;transform:translateY(-2px)}.dropdown-section .section-header-dropdown{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:15px;transition:all .2s ease}.dropdown-section .section-header-dropdown h3{border-bottom:none;margin:0;padding:0}.dropdown-section .dropdown-icon{align-items:center;color:#4a90e2;display:flex;font-size:24px}.dropdown-section .section-content{animation:fadeIn .3s ease}.dropdown-section:hover .section-header-dropdown{color:#4a90e2}.media-processing-options{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.media-processing-options h4{color:#444;font-size:16px;margin:0 0 15px}.media-icons-container{display:flex;flex-wrap:wrap;gap:15px}.media-icon-item{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;padding:12px;transition:all .2s ease;width:80px}.media-icon-item:hover{border-color:#bdbdbd;box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.media-icon-item .media-icon{color:#757575;font-size:28px;margin-bottom:8px}.media-icon-item span{color:#555;font-size:12px;font-weight:500}.media-icon-item.active{background-color:#e8f5e9;border-color:#a5d6a7}.media-icon-item.active .media-icon{color:#4caf50}.media-icon-item.active span{color:#2e7d32}.green-theme .media-icon-item.active{background-color:#e8f5e9;border-color:#a5d6a7}.green-theme .media-icon-item.active .media-icon{color:#4caf50}.green-theme .media-icon-item.active span{color:#2e7d32}@media (max-width:768px){.ai-system-tab,.ai-system-tab .settings-section{padding:15px}.dropdown-section .section-header-dropdown{padding-bottom:10px}.media-processing-options{margin-top:15px;padding-top:10px}}.saving-indicator{align-items:center;background-color:#4caf501a;border-radius:4px;color:#4caf50;display:flex;font-size:.9rem;gap:5px;margin-right:10px;padding:6px 12px}.saving-icon{font-size:1.2rem}.spin{animation:spin 1.5s linear infinite}.agents-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.section,.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.2rem;letter-spacing:.3px}.timeframe-selector{display:flex;gap:.5rem}.timeframe-btn{background:none;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.3rem .8rem;transition:all .2s ease}.timeframe-btn.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.btn-text{background:none;border:none;color:#4caf50;cursor:pointer;font-size:.9rem;font-weight:500}.btn-text:hover{text-decoration:underline}.activities-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:16px}.activity-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:16px;transition:background-color .2s ease}.activity-item:hover{background-color:#f9f9f9}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;font-size:16px;height:36px;justify-content:center;margin-right:12px;width:36px}.activity-icon.success{background-color:#4caf5026;color:#4caf50}.activity-icon.warning{background-color:#ff980026;color:#ff9800}.activity-icon.error{background-color:#f4433626;color:#f44336}.activity-details{flex:1 1}.activity-title{color:#333;font-weight:600;margin-bottom:.3rem}.activity-description{color:#666;font-size:.9rem}.activity-time{color:#888;flex-shrink:0;font-size:.85rem;margin-left:auto}.activity-placeholder{color:#888;font-size:.9rem}.activity-placeholder,.no-data-message{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;justify-content:center;min-height:100px;padding:1rem;text-align:center}.no-data-message p{color:#888;font-size:.9rem;margin:0}.performance-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.performance-card{background:#f9f9f9;border-radius:8px;padding:1rem;text-align:center}.performance-title{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.8rem}.performance-value{color:#333;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.performance-change{border-radius:4px;display:inline-block;font-size:.8rem;padding:.2rem .5rem}.performance-change.positive{background-color:#4caf501a;color:#4caf50}.performance-change.negative{background-color:#f443361a;color:#f44336}.chart-container{background:#f9f9f9;border-radius:8px;height:250px;margin-top:1rem;width:100%}@media (max-width:768px){.agents-sections,.performance-stats{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.timeframe-selector{justify-content:space-between;width:100%}}.tab-header{justify-content:space-between;margin-bottom:1rem}.refresh-btn,.tab-header{align-items:center;display:flex}.refresh-btn{background:#0000;border-radius:50%;color:#666;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.refresh-btn:hover{background-color:#0000000d;color:#333}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn .spin{animation:spin 1s linear infinite}.loading-indicator{background:#f9f9f9;border-radius:8px;font-size:.95rem;padding:1.5rem}.error-message{align-items:center;border-radius:4px;color:#d32f2f;display:flex;font-size:.95rem;gap:.5rem}.model-credit-info{margin-top:10px}.credit-cost-badge{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32;display:inline-block;font-size:.85rem;padding:5px 10px}.credit-cost-badge.high-cost{background-color:#fff8e1;border:1px solid #ffe0b2;color:#f57c00}.test-tab{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:1.5rem}.test-tab-header{margin-bottom:1.5rem}.test-tab-header h2{color:#2a5934;font-size:1.5rem;margin-bottom:.5rem}.test-tab-description{color:#666;font-size:.95rem;margin-bottom:1rem}.credit-info{align-items:flex-start;background-color:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;margin-top:1rem;padding:.75rem}.credit-label{color:#666;font-size:.9rem;margin-right:.5rem}.credit-value{color:#4caf50;font-size:1.1rem;font-weight:600}.model-costs{display:flex;gap:.5rem;margin-top:.5rem}.cost-badge{background-color:#e8f5e9;border-radius:4px;color:#2a5934;font-size:.75rem;padding:.2rem .5rem}.cost-badge.high-cost{background-color:#fdf2da;color:#b86e00}.test-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.test-container{grid-template-columns:1fr}}.test-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.25rem}.agent-settings-summary{background-color:#f8f9fa;border-left:3px solid #4caf50;border-radius:6px;margin:1.25rem 0;padding:1rem}.agent-settings-summary h3{color:#2a5934;font-size:1.1rem;margin-bottom:.75rem}.settings-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.setting-item{font-size:.9rem}.setting-label{color:#666;margin-right:.5rem}.setting-value{color:#333;font-weight:500}.model-hint{background-color:#fff3e0;border-left:3px solid #f57c00;border-radius:4px;color:#f57c00;font-size:.85rem;font-style:italic;margin-top:.75rem;padding:.5rem}.test-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .3s;width:100%}.test-btn:hover{background-color:#3d9140}.test-btn:disabled{background-color:#a5d6a7;cursor:not-allowed}.test-results{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.25rem}.test-results h3{border-bottom:1px solid #eee;color:#2a5934;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.loading-indicator{color:#666}.loading-indicator,.no-results{padding:2rem 0;text-align:center}.no-results{color:#888;font-style:italic}.result-container{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.result-header{background-color:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem}.model-info{align-items:center;display:flex}.model-label{color:#555;font-weight:500;margin-right:.5rem}.model-value{color:#2a5934;font-weight:600}.stats{display:flex;flex-wrap:wrap;gap:1rem}.stat-item{font-size:.85rem}.stat-label{color:#777;margin-right:.25rem}.stat-value{color:#333;font-weight:500}.result-content{padding:1rem}.result-content h4{color:#333;margin-bottom:.75rem}.response-text{background-color:#f8f9fa;border-radius:4px;color:#333;font-family:Roboto Mono,monospace;line-height:1.5;max-height:400px;overflow-y:auto;padding:1rem;white-space:pre-wrap}.success-message{animation:fadeIn .3s ease-in;border-radius:8px;color:#2a5934;font-weight:500;margin-bottom:1.5rem;padding:1rem}.test-mode-toggle{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.mode-btn{background-color:#f1f3f4;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.mode-btn:hover:not(:disabled){background-color:#e8eaed}.mode-btn.active{background-color:#4caf50;border-color:#43a047;color:#fff}.mode-btn:disabled{cursor:not-allowed;opacity:.5}.warning-message{background-color:#fff8e1;border-left:3px solid #f57c00;border-radius:4px;color:#f57c00;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.agent-api-note{background-color:#e8eaf6;border-left:3px solid #3f51b5;border-radius:4px;color:#3f51b5;font-size:.85rem;margin-top:.75rem;padding:.5rem}.setting-value.status{font-weight:600}.setting-value.status.active{color:#4caf50}.setting-value.status.inactive{color:#f44336}.tab-btn.test-tab-btn{align-items:center;color:#2e7d32;display:flex;font-weight:500;gap:5px;justify-content:center}.tab-btn.test-tab-btn:not(.active){background-color:#4caf5014;border-bottom:1px solid #4caf504d}.tab-btn.test-tab-btn .test-icon{font-size:1rem}.tab-btn.test-tab-btn.active .test-icon{color:#2e7d32}.success-test-prompt{align-items:center;animation:fadeIn .3s ease-in;background-color:#e8f5e9;border-radius:4px;color:#2e7d32;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.test-now-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.test-now-btn:hover{background-color:#3d9140}.chat-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;height:calc(70vh - 30px);margin-top:1.5rem;min-height:500px;overflow:hidden}.agent-settings-summary.compact{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-left:none;border-radius:0;margin:0;padding:.75rem}.agent-settings-summary.compact h3{font-size:.95rem;margin-bottom:.5rem}.model-hint.compact{font-size:.8rem;margin-top:.5rem;padding:.25rem .5rem}.chat-messages{background-color:#f5f7fa;max-height:550px}.chat-message{animation:fadeIn .3s ease-in;display:flex;margin-bottom:1rem}.user-message{background-color:initial;padding-left:20%}.assistant-message{justify-content:flex-start;padding-right:20%}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:.75rem;width:36px}.user-message .message-avatar{background-color:#e3f2fd;color:#1976d2;margin-left:.75rem;margin-right:0;order:1}.assistant-message .message-avatar{background-color:#e8f5e9;color:#2a5934}.message-content{background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;max-width:80%;padding:.75rem}.user-message .message-content{background-color:#e3f2fd;border-top-right-radius:2px}.assistant-message .message-content{background-color:#fff;border-top-left-radius:2px}.message-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.3rem}.message-sender{color:#555;font-weight:600}.user-message .message-sender{color:#1976d2}.assistant-message .message-sender{color:#2a5934}.message-time{color:#999;font-size:.75rem}.message-text{color:#333;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-metadata{border-top:1px solid #0000000d;color:#888;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.metadata-item{background-color:#f5f5f5;border-radius:4px;padding:.2rem .4rem}.chat-input-form{background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;padding:.75rem}.chat-input{border:1px solid #ddd;border-radius:24px;flex:1 1;font-size:.95rem;outline:none;padding:.75rem;transition:border-color .2s}.chat-input:focus{border-color:#4caf50}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-btn{align-items:center;background-color:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:.5rem;transition:background-color .2s;width:40px}.send-btn:hover:not(:disabled){background-color:#3d9140}.send-btn:disabled{background-color:#ccc;cursor:not-allowed}.chat-message.error-message{background-color:#fff1f1;border-left:4px solid #f44336}.chat-message.error-message .message-content{background-color:initial;padding:.75rem 1rem}.chat-message.error-message .message-text{color:#c62828;font-weight:500;line-height:1.5}.chat-message.error-message .error-title{font-weight:700;margin-right:.5rem}.chat-message.error-message .message-avatar{background-color:#f44336;color:#fff}.chat-message.loading-message .message-content{background:#0000;box-shadow:none}.typing-indicator{align-items:center;display:flex;gap:.25rem}.typing-indicator span{animation:typing 1.4s ease-in-out infinite both;background-color:#aaa;border-radius:50%;display:inline-block;height:7px;width:7px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.clear-chat-btn{align-items:center;background-color:#f1f3f4;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;font-weight:500;gap:.3rem;padding:.6rem 1.2rem;transition:all .2s ease}.clear-chat-btn:hover:not(:disabled){background-color:#e8eaed;color:#d32f2f}.clear-chat-btn:disabled{cursor:not-allowed;opacity:.5}.knowledge-tab{padding:1rem}.knowledge-actions{display:flex;justify-content:flex-start;margin:1.5rem 0}.add-knowledge-btn{align-items:center;background-color:#4caf50;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:background-color .2s}.add-knowledge-btn:hover{background-color:#388e3c}.add-knowledge-btn:disabled{background-color:#aed581;cursor:not-allowed}.knowledge-form{background-color:#f5f9ff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:2rem;padding:1.5rem}.knowledge-form h3{color:#333;font-size:1.2rem;margin-bottom:1.5rem;margin-top:0}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{margin-top:1rem}.form-actions .cancel-btn{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.2rem}.form-actions .cancel-btn:hover{background-color:#e0e0e0}.form-actions .save-btn{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.2rem}.form-actions .save-btn:hover{background-color:#388e3c}.form-actions .cancel-btn:disabled,.form-actions .save-btn:disabled{cursor:not-allowed;opacity:.7}.knowledge-entries{margin-top:2rem}.knowledge-entries h3{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.75rem}.loading-message,.no-entries-message{background-color:#f9f9f9;border:1px dashed #e0e0e0;border-radius:8px;color:#757575;padding:2rem;text-align:center}.entries-list{display:flex;flex-direction:column;gap:1rem}.knowledge-entry{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s,box-shadow .2s}.knowledge-entry:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.entry-header{align-items:center;background-color:#f5f9ff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.entry-header h4{color:#333;font-size:1.1rem;margin:0}.entry-actions{display:flex;gap:.5rem}.entry-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#757575;cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:background-color .2s,color .2s}.entry-action-btn:hover{background-color:#f0f0f0;color:#333}.entry-action-btn.edit:hover{color:#2196f3}.entry-action-btn.delete:hover{color:#f44336}.entry-content{color:#555;font-size:.95rem;line-height:1.5;padding:1rem}.entry-content p{margin:0;white-space:pre-wrap}.error-message,.success-message{border-radius:4px;font-size:.9rem;margin-bottom:1rem;padding:.8rem 1rem}.error-message{background-color:#ffebee;border-left:4px solid #f44336;color:#c62828}.success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}@media (max-width:768px){.knowledge-form{padding:1rem}.entry-header{align-items:flex-start;flex-direction:column;gap:.5rem}.entry-actions{align-self:flex-end}}.chat-container-with-actions{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.chat-and-actions-container{display:flex;height:calc(100% - 110px);overflow:hidden;width:100%}.chat-column{display:flex;flex:3 1;flex-direction:column;height:100%;position:relative}.actions-column{background-color:#f9f9fb;border-left:1px solid #e1e1e8;flex:1 1;height:100%;max-width:320px;min-width:280px;overflow:auto;padding:15px}.actions-panel{display:flex;flex-direction:column;height:100%}.actions-panel h3{border-bottom:1px solid #e1e1e8;color:#323338;font-size:16px;margin-bottom:15px;margin-top:0;padding-bottom:8px}.action-section{border-bottom:1px solid #f0f0f5;display:flex;flex-direction:column;margin-bottom:20px;padding-bottom:20px}.action-header{margin-bottom:12px}.action-header h4{color:#323338;font-size:14px;font-weight:600;margin:0 0 4px}.action-description{color:#6e6e6e;font-size:12px;margin-bottom:8px}.action-btn{align-items:center;background-color:#f5f5f7;border:1px solid #e1e1e8;border-radius:4px;color:#323338;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:8px 12px;transition:all .2s ease}.action-btn:hover:not(:disabled){background-color:#eaeaef;border-color:#d5d5e0}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn svg{font-size:16px;margin-right:6px}.extract-btn{background-color:#ebf6ff;border-color:#c9e3f7;color:#0a84ff}.extract-btn:hover:not(:disabled){background-color:#daeeff;border-color:#b4d5f1}.variables-result{background-color:#fff;border:1px solid #e1e1e8;border-radius:4px;margin-top:12px;overflow:hidden}.variables-header{align-items:center;background-color:#f5f5f7;border-bottom:1px solid #e1e1e8;display:flex;justify-content:space-between;padding:8px 12px}.variables-header h5{color:#323338;font-size:13px;margin:0}.copy-btn{background:none;color:#6e6e6e;font-size:18px;padding:2px}.copy-btn:hover{background-color:#0000000d;color:#323338}.variables-list{max-height:300px;overflow-y:auto;padding:8px 0}.variable-item{border-bottom:1px solid #f0f0f5;display:flex;padding:6px 12px}.variable-item:last-child{border-bottom:none}.variable-item.not-found{opacity:.7}.variable-name{color:#323338;flex:1 1;font-size:12px;font-weight:600}.variable-value{align-items:center;color:#6e6e6e;display:flex;flex:2 1;font-size:12px;justify-content:flex-end;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.required-badge{background-color:#ff5f5f;border-radius:2px;color:#fff;font-size:10px;margin-left:6px;padding:2px 4px}.variables-placeholder{background-color:#fafafa;border:1px dashed #e1e1e8;border-radius:4px;color:#8c8c8c;font-size:12px;margin-top:10px;padding:15px 10px;text-align:center}@media (max-width:768px){.chat-and-actions-container{flex-direction:column;height:auto}.actions-column{border-left:none;border-top:1px solid #e1e1e8;margin-top:15px;max-width:100%;padding-top:15px}.chat-column{height:50vh}}.settings-tab-new{margin:0 auto;max-width:1000px}.settings-header h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.settings-grid-new{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.settings-card-new{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;transition:box-shadow .3s ease,transform .3s ease}.settings-card-new:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-4px)}.settings-card-new.full-width{grid-column:1/-1}.settings-card-new .card-header{border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem}.settings-card-new .card-header h3{color:#333;font-size:1.2rem;margin:0 0 .25rem}.settings-card-new .card-header p{color:#666;font-size:.9rem;margin:0}.settings-card-new .card-content{flex-grow:1;padding:1.5rem}.settings-field-new{margin-bottom:1.5rem}.settings-field-new:last-child{margin-bottom:0}.settings-field-new label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.settings-field-new input,.settings-field-new select,.settings-field-new textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.settings-field-new input:focus,.settings-field-new select:focus,.settings-field-new textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026;outline:none}.field-hint-new{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.checkbox-field-new{margin-bottom:1rem}.checkbox-container-new{align-items:center;display:flex;gap:.75rem}.checkbox-container-new input[type=checkbox]{accent-color:#4caf50;height:18px;width:18px}.checkbox-container-new label{font-weight:500;margin-bottom:0}.danger-zone{background-color:#fff1f1;border:2px solid #f44336;border-radius:12px;margin-top:2rem}.danger-zone-header{align-items:center;border-bottom:2px solid #f44336;color:#f44336;display:flex;gap:.75rem;padding:1rem 1.5rem}.danger-zone-header svg{font-size:1.5rem}.danger-zone-header h3{font-size:1.2rem;font-weight:700;margin:0}.danger-zone-content{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.danger-zone-content p{color:#c62828;margin:0;max-width:60%}.danger-btn{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.danger-btn:hover{background-color:#d32f2f}@media (max-width:768px){.settings-grid-new{grid-template-columns:1fr}.danger-zone-content{align-items:flex-start;flex-direction:column;gap:1rem}.danger-zone-content p{max-width:100%}}.webhook-page{margin:0 auto;max-width:1200px;padding:2rem}.webhook-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.webhook-header h1{color:#333;font-size:2rem;margin:0}.create-token-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#81c784);border:none;border-radius:6px;box-shadow:0 2px 10px #4caf5033;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.create-token-btn:hover{background:linear-gradient(45deg,#2e7d32,#4caf50);box-shadow:0 4px 15px #4caf504d}.webhook-description{background:#f5f9f5;border-left:4px solid #4caf50;border-radius:0 6px 6px 0;margin-bottom:2rem;padding:1rem}.webhook-description p{color:#555;line-height:1.6;margin:0}.error-message{background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;color:#842029;margin-bottom:1.5rem}.loading{color:#666;font-style:italic;padding:2rem;text-align:center}.tokens-list{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000000d;padding:1.5rem}.tokens-list h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.no-tokens{color:#666;padding:2rem;text-align:center}.tokens-table{border-collapse:collapse;width:100%}.tokens-table th{background-color:#f5f9f5;border-bottom:2px solid #e0e0e0;color:#555;font-weight:600;padding:1rem;text-align:left}.tokens-table td{border-bottom:1px solid #eee;color:#444;padding:1rem}.tokens-table tr:hover{background-color:#f9f9f9}.tokens-table tr.expired{background-color:#fff8f8}.tokens-table tr.expired:hover{background-color:#fff0f0}.token-status{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.token-status.active{background-color:#e8f5e9;color:#2e7d32}.token-status.expired{background-color:#feeceb;color:#d32f2f}.revoke-btn{background-color:#f8d7da;border:none;border-radius:4px;color:#842029;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:all .2s}.revoke-btn:hover{background-color:#f5c2c7}.modal-overlay{background-color:#00000080}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;max-width:550px;width:100%}.modal-header{background-color:#f5f9f5;border-bottom:1px solid #e0e0e0;padding:1.5rem}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-modal{background:none;border:none;color:#666;cursor:pointer;font-size:1.75rem;line-height:1}.close-modal:hover{color:#333}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#555}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4caf50;outline:none}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn{background-color:#f0f0f0;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn:hover{background-color:#e0e0e0}.create-btn{background:linear-gradient(45deg,#4caf50,#81c784);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.create-btn:hover{background:linear-gradient(45deg,#2e7d32,#4caf50)}.token-success-view{padding:1.5rem}.token-creation-info{color:#555;line-height:1.6;margin-bottom:1.5rem;text-align:center}.token-display{align-items:center;background-color:#f0f0f0;border-radius:15px;display:flex;margin-bottom:2rem;padding:.5rem .5rem .5rem 1rem}.token-value{color:#333;flex-grow:1;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.5;padding-right:1rem;white-space:pre-wrap;word-break:break-all}.copy-btn{background-color:initial;border-radius:50%;justify-content:center;line-height:1;padding:.6rem;transition:background-color .2s}.copy-btn:hover{background-color:#e0e0e0}.copy-btn svg{color:#555;transition:color .2s}.copy-btn:hover svg{color:#000}.done-btn{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .2s}.done-btn:hover{background-color:#45a049}:root{--primary-green:#4caf50;--primary-green-dark:#388e3c;--accent-yellow:#facc15;--text-muted:#64748b}.billing-page{animation:fadeIn .5s ease-out;background-color:#f8fafc;background-color:var(--bg-light);font-family:Inter,Poppins,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:2rem 2.5rem}.billing-header{margin-bottom:2rem;text-align:center}.billing-header h1{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700}.billing-header p{color:#475569;color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem}.billing-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:2.5rem}.billing-tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-1px;padding:.75rem 1rem;transition:all .2s ease}.billing-tab.active{border-bottom-color:#4caf50;border-bottom-color:var(--primary-green);color:#4caf50;color:var(--primary-green)}.billing-content-grid{display:flex;gap:2rem}.content-left{flex:3 1}.content-right{flex:2 1}.current-plan-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.plan-card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1.5rem}.plan-card-header h2{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.plan-card-body{display:flex;gap:2rem;justify-content:space-between;padding:1.5rem}.plan-price-details{display:flex;flex-direction:column}.plan-price{color:#1e293b;color:var(--text-primary);font-size:2.5rem;font-weight:700}.plan-price span{color:#64748b;color:var(--text-muted);font-size:1rem;font-weight:500;margin-left:.5rem}.plan-badge{background-color:#e8f5e9;border-radius:999px;color:#388e3c;color:var(--primary-green-dark);display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.plan-meta-details{grid-gap:.5rem 1rem;color:#64748b;color:var(--text-muted);display:grid;font-size:.9rem;gap:.5rem 1rem;grid-template-columns:auto 1fr}.plan-meta-details dt{font-weight:500}.plan-features{padding:0 1.5rem 1.5rem}.plan-features h3{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.features-list{grid-gap:.75rem;display:grid;grid-template-columns:1fr 1fr}.feature-item{align-items:center;color:#475569;color:var(--text-secondary);display:flex;gap:.5rem}.feature-item svg{color:#4caf50;color:var(--primary-green);flex-shrink:0}.plan-card-footer{background-color:#f8fafc;background-color:var(--bg-light);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);padding:1rem 1.5rem}.coming-soon-badge{background-color:#fffbeb;border-radius:.5rem;color:#d97706;font-weight:600;padding:.5rem 1rem;text-align:center}.recent-activities-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:100%;padding:1.5rem}.activities-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.activities-card-header h2{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.refresh-btn{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:1.25rem;transition:transform .5s}.refresh-btn.loading{animation:spin 1s linear infinite}@media (max-width:992px){.billing-content-grid{flex-direction:column}}@media (max-width:768px){.billing-page{padding:1.5rem}.billing-header h1{font-size:1.75rem}.plan-card-body{flex-direction:column}.features-list{grid-template-columns:1fr}}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.plan-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.plan-card:hover{transform:translateY(-5px)}.plan-card.recommended,.plan-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.plan-card.recommended{border-color:#4caf50;border-color:var(--primary-green);overflow:visible;position:relative;transform:scale(1.03)}.recommended-badge{background-color:#4caf50;background-color:var(--primary-green);border-radius:999px;color:#fff;font-size:.85rem;font-weight:700;left:50%;padding:.4rem 1.25rem;position:absolute;top:-18px;transform:translateX(-50%);white-space:nowrap}.plan-name{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.plan-price .amount{font-size:2rem;font-weight:700}.plan-price .period{color:#64748b;color:var(--text-muted)}.plan-message-limit{color:#475569;color:var(--text-secondary);font-size:.95rem;margin:1rem 0}.plan-features-list{flex-grow:1;list-style:none;margin:1.5rem 0;padding:0;text-align:left}.plan-features-list .feature-item{margin-bottom:.75rem}.plan-note{color:#64748b;color:var(--text-muted);margin-top:2rem;text-align:center}.text-green{color:#4caf50;color:var(--primary-green);font-weight:600;text-decoration:none}.text-green:hover{text-decoration:underline}.coming-soon-badge-plan{color:#facc15;color:var(--accent-yellow);font-size:.9rem;font-weight:700;margin-bottom:1rem}.btn-primary{font-weight:600;margin-top:auto;padding:.75rem 1.5rem;width:100%}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{background-color:#e5e7eb;color:#6b7280}.analytics-page{padding:1rem}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-title h1{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:.3rem}.header-title p{color:#666;font-size:1rem}.timeframe-filter{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;padding:.5rem 1rem}.timeframe-filter svg{color:#666;font-size:1.2rem;margin-right:.5rem}.timeframe-filter select{background:#0000;border:none;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;outline:none;padding:.3rem .5rem}.analytics-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:2rem}.summary-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;padding:1.2rem;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-4px)}.summary-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-right:1rem;width:48px}.summary-icon.requests{background-color:#2196f31a;color:#2196f3}.summary-icon.agents{background-color:#9c27b01a;color:#9c27b0}.summary-icon.response{background-color:#ff98001a;color:#ff9800}.summary-icon.success{background-color:#4caf501a;color:#4caf50}.summary-content{flex:1 1}.summary-content h3{color:#666;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.summary-value{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.summary-change{align-items:center;display:flex;font-size:.85rem;font-weight:500}.summary-change.positive{color:#4caf50}.summary-change.negative{color:#f44336}.summary-change.neutral{color:#757575}.summary-change svg{font-size:1rem;margin-right:.3rem}.analytics-sections{display:flex;flex-direction:column;gap:1.5rem}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.section-header h2{color:#333;font-size:1.1rem;font-weight:600;margin:0}.section-info{align-items:center;color:#666;cursor:pointer;display:flex;position:relative}.section-info svg{font-size:1.2rem}.info-tooltip{background:#333;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;font-size:.85rem;opacity:0;padding:.75rem 1rem;position:absolute;right:0;top:100%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:220px;z-index:10}.section-info:hover .info-tooltip{opacity:1;visibility:visible}.agent-performance-table{border:1px solid #eee;border-radius:8px;overflow:hidden}.table-header{background:#f5f5f5;color:#333;font-size:.9rem;font-weight:600}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.75rem 1rem}.table-row{border-top:1px solid #eee;transition:background-color .2s ease}.table-row:hover{background-color:#00000005}.cell{align-items:center;color:#333;display:flex;font-size:.95rem}.agent-name{font-weight:500}.success-rate-wrapper{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;height:1.5rem;overflow:hidden;padding:0 .5rem;position:relative;width:100%}.success-rate-fill{background:linear-gradient(90deg,#4caf501a,#4caf5099);height:100%;left:0;position:absolute;top:0;z-index:1}.success-rate-wrapper span{font-size:.9rem;font-weight:600;position:relative;z-index:2}.accuracy-wrapper{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;height:1.5rem;overflow:hidden;padding:0 .5rem;position:relative;width:100%}.accuracy-fill{background:linear-gradient(90deg,#9c27b01a,#9c27b099);height:100%;left:0;position:absolute;top:0;z-index:1}.accuracy-wrapper span{font-size:.9rem;font-weight:600;position:relative;z-index:2}.chart-placeholder{height:240px;padding:0 1rem;position:relative}.chart-bars{align-items:flex-end;display:flex;gap:.5rem;height:200px;justify-content:space-between}.chart-bar{background:linear-gradient(180deg,#2196f3,#64b5f6);border-radius:4px 4px 0 0;flex:1 1;min-height:4px;transition:height .5s ease}.chart-labels{display:flex;justify-content:space-between;margin-top:.5rem}.chart-label{color:#666;flex:1 1;font-size:.8rem;text-align:center}.distribution-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.distribution-card{background:#f9f9f9;border-radius:8px;padding:1.5rem}.distribution-card h3{color:#333;font-size:1rem;margin:0 0 1rem;text-align:center}.distribution-chart{border-radius:4px;display:flex;height:32px;margin-bottom:1rem;overflow:hidden}.segment{align-items:center;display:flex;height:100%;justify-content:center;min-width:25px;position:relative;transition:width .5s ease}.segment-label{color:#fff;font-size:.85rem;font-weight:600;opacity:0;transition:opacity .3s ease}.segment:hover .segment-label{opacity:1}.segment.web{background-color:#2196f3}.segment.mobile{background-color:#9c27b0}.segment.api{background-color:#ff9800}.segment.chat{background-color:#4caf50}.segment.knowledge{background-color:#f44336}.segment.integration{background-color:#607d8b}.distribution-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{align-items:center;color:#666;display:flex;font-size:.9rem}.legend-color{border-radius:3px;height:12px;margin-right:.5rem;width:12px}.legend-color.web{background-color:#2196f3}.legend-color.mobile{background-color:#9c27b0}.legend-color.api{background-color:#ff9800}.legend-color.chat{background-color:#4caf50}.legend-color.knowledge{background-color:#f44336}.legend-color.integration{background-color:#607d8b}.legend-label{font-size:.85rem}.loading-container{align-items:center;background:#fffc;border-radius:12px;color:#666;display:flex;font-size:1rem;justify-content:center;min-height:300px}@media (max-width:1024px){.analytics-summary{grid-template-columns:repeat(2,1fr)}.distribution-cards{grid-template-columns:1fr}}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.table-header,.table-row{font-size:.8rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:.6rem .75rem}.summary-value{font-size:1.5rem}}@media (max-width:576px){.analytics-summary{grid-template-columns:1fr}.chart-placeholder{height:180px}.table-header,.table-row{font-size:.75rem;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;padding:.5rem}.chart-labels{margin-left:1rem;transform:rotate(-45deg);transform-origin:left}}.timeframe-filter select:focus-visible{outline:2px solid #2196f3;outline-offset:2px}@media (prefers-reduced-motion:reduce){.summary-card:hover{transform:none}.chart-bar,.segment{transition:none}}:root{--primary-color-dark:#388e3c;--shadow-color-hover:#0000001a;--link-color:#1e88e5;--code-bg-color:#f1f5f9;--font-sans:"Inter","Poppins","DM Sans",sans-serif;--error-color:#ef4444}.integrations-page{animation:fadeIn .5s ease-out;background-color:#f8fafc;background-color:var(--bg-color-light);font-family:Inter,Poppins,DM Sans,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:2rem 2.5rem}.integrations-header{margin-bottom:2.5rem}.integrations-header h1{color:#1e293b;color:var(--text-color-primary);font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.integrations-header p{color:#475569;color:var(--text-color-secondary);font-size:1.125rem}.section-title{color:#1e293b;color:var(--text-color-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.integration-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.integration-card{align-items:center;background-color:#fff;background-color:var(--card-bg-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;box-shadow:0 1px 3px var(--shadow-color-light);display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.integration-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:0 10px 15px -3px var(--shadow-color-hover),0 4px 6px -4px var(--shadow-color-hover);transform:translateY(-4px)}.integration-icon{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;font-size:2rem;height:56px;justify-content:center;width:56px}.icon-slack{background-color:#fdecc8;color:#e01e5a}.icon-whatsapp{background-color:#dcf8c6;color:#25d366}.icon-shopify{background-color:#dff7f3;color:#95bf47}.icon-website{background-color:#e0e7ff;color:#4f46e5}.integration-info{flex-grow:1}.integration-info h3{color:#1e293b;color:var(--text-color-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.integration-info p{color:#475569;color:var(--text-color-secondary);font-size:.95rem;margin:0}.btn-primary{background-color:#4caf50;text-align:center;white-space:nowrap}.btn-primary:hover:not(:disabled){background-color:#388e3c;background-color:var(--primary-color-dark)}.btn-primary:disabled{opacity:.6}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .4s cubic-bezier(.25,1,.5,1);background-color:#f8fafc;background-color:var(--bg-color-light);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:620px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:1rem}.modal-title h3{color:#1e293b;color:var(--text-color-primary);font-size:1.125rem;font-weight:600;margin:0}.modal-title .integration-icon{font-size:1.5rem;height:40px;width:40px}.modal-close{background:none;border:none;border-radius:9999px;color:#475569;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:all .2s ease}.modal-close:hover{background-color:#e2e8f0;color:#1e293b;color:var(--text-color-primary);transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.modal-description{margin-bottom:0}.modal-description p{color:#475569;color:var(--text-color-secondary);line-height:1.6;margin:0}.modal-link{align-items:center;color:#1e88e5;color:var(--link-color);display:inline-flex;font-weight:500;gap:.35rem;margin-left:.5rem;text-decoration:none;transition:color .2s ease}.modal-link:hover{color:#4caf50;color:var(--primary-color);text-decoration:none}.form-group{margin-bottom:0}.form-group label,.modal-step-title{color:#1e293b;color:var(--text-color-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.form-group p,.modal-step-description{color:#475569;color:var(--text-color-secondary);font-size:.9rem;margin-bottom:.75rem;margin-top:-.25rem}.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-color-primary);font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-select:focus{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf5033;outline:none}.error-message{background-color:#fef2f2;background-color:var(--error-bg-color);border-left:4px solid #ef4444;border-left:4px solid var(--error-color);border-radius:.5rem;color:#ef4444;color:var(--error-color);font-size:.9rem;margin-top:1rem;padding:.75rem 1rem}.modal-actions{display:flex;justify-content:flex-start;margin:0}.modal-step{background-color:#fff;background-color:var(--card-bg-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;transition:box-shadow .2s ease}.modal-step.is-active{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.webhook-result{background-color:initial;border:none;border-radius:0;margin-top:0;padding:0}.webhook-result h4,.webhook-result p{margin-left:.25rem}.webhook-result h4{color:#1e293b;color:var(--text-color-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.webhook-result p{color:#475569;color:var(--text-color-secondary);font-size:.9rem;margin:0 0 1rem}.webhook-url-wrapper{align-items:center;display:flex;position:relative}.webhook-url-input{background-color:#f1f5f9;background-color:var(--code-bg-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-color-primary);font-family:Fira Code,Courier New,monospace;font-size:.9rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%;word-break:break-all}.webhook-url-input:focus{border-color:#4caf50;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf5033;outline:none}.webhook-url-wrapper .copy-btn{align-items:center;background-color:initial;border:none;border-radius:.375rem;color:#475569;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.4rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.webhook-url-wrapper .copy-btn:hover{background-color:#e2e8f0;color:#1e293b;color:var(--text-color-primary)}.code-snippet-wrapper{margin-top:.5rem;position:relative}.code-snippet-box{background-color:#0f172a;border:1px solid #334155;border-radius:.5rem;color:#e2e8f0;font-family:Fira Code,Courier New,monospace;font-size:.875em;line-height:1.6;overflow-x:auto;padding:1.25rem;white-space:pre-wrap}.code-snippet-wrapper .copy-btn{align-items:center;background-color:#334155;border:1px solid #475569;border-radius:.375rem;color:#94a3b8;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.3rem .6rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease-in-out}.code-snippet-wrapper .copy-btn:hover{background-color:#475569;color:#e2e8f0}.copy-btn{align-items:center;background-color:#e2e8f0;border-radius:.375rem;color:#475569;color:var(--text-color-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.copy-btn:hover{background-color:#cbd5e1}.copy-btn.copied{background-color:#4caf50;background-color:var(--primary-color);color:#fff}.copy-btn.copied .copy-text{display:inline}.copy-btn .copy-icon{display:inline-block}.copy-btn .check-icon,.copy-btn.copied .copy-icon{display:none}.copy-btn.copied .check-icon{display:inline-block}.link-token{color:#1e88e5;color:var(--link-color);font-weight:500;text-decoration:none}.link-token:hover{text-decoration:underline}@media (max-width:992px){.integration-grid{grid-template-columns:1fr}.modal-content{margin:1rem}}@media (max-width:768px){.integrations-page{padding:1.5rem}.integrations-header h1{font-size:1.875rem}.integrations-header p{font-size:1rem}.integration-card{flex-direction:column;gap:1rem;text-align:center}.modal-header{align-items:flex-start;flex-direction:column;gap:1rem}.modal-title{justify-content:space-between;width:100%}.modal-close{align-self:flex-end}}:root{--primary-color:#3b82f6;--primary-color-dark:#2563eb;--text-color-primary:#1e293b;--text-color-secondary:#475569;--bg-color-light:#f8fafc;--card-bg-color:#fff;--border-color-focus:#3b82f6;--input-readonly-bg:#f3f4f6;--shadow-color-light:#0000000d;--shadow-color-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--success-color:#16a34a;--success-bg-color:#f0fdf4;--error-color:#dc2626;--error-bg-color:#fef2f2}.settings-page{animation:fadeIn .5s ease-out;background-color:#f8fafc;background-color:var(--bg-color-light);font-family:Inter,Poppins,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:2.5rem}.settings-header{margin-bottom:2rem;text-align:center}.settings-header h1{color:#1e293b;color:var(--text-color-primary);font-size:1.875rem;font-weight:600}.settings-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:2.5rem}.settings-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:-1px;padding:.75rem 1rem;transition:all .2s ease-in-out}.settings-tab:hover{color:#1e293b;color:var(--text-color-primary)}.settings-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--primary-color);color:#3b82f6;color:var(--primary-color)}.settings-card{background-color:#fff;background-color:var(--card-bg-color);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-color-md);margin:0 auto;max-width:800px;overflow:hidden}.settings-card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1.5rem}.settings-card-header h2{color:#1e293b;color:var(--text-color-primary);font-size:1.25rem;font-weight:600;margin:0}.settings-card-header p{color:#475569;color:var(--text-color-secondary);font-size:.95rem;margin:.25rem 0 0}.settings-card-content{padding:1.5rem}.settings-card-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);padding:1rem 1.5rem;text-align:right}.settings-form .form-group{margin-bottom:1.5rem}.form-group label{color:#1e293b;color:var(--text-color-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #3b82f633;outline:none}.form-group input:read-only{background-color:#f3f4f6;background-color:var(--input-readonly-bg);color:#475569;color:var(--text-color-secondary);cursor:not-allowed}.btn-primary{background-color:#3b82f6;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.6rem 1.25rem;transition:background-color .2s ease}.btn-primary:hover{background-color:#2563eb;background-color:var(--primary-color-dark)}.btn-primary:disabled{background-color:#93c5fd;cursor:not-allowed}.alert{align-items:center;border-radius:.5rem;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.btn-cancel:hover{color:#111827}.alert-success{background-color:#f0fdf4;background-color:var(--success-bg-color);color:#16a34a;color:var(--success-color)}.alert-error{background-color:#fef2f2;background-color:var(--error-bg-color);color:#dc2626;color:var(--error-color)}.alert svg{font-size:1.25rem}@media (max-width:768px){.settings-page{padding:1.5rem}.settings-header h1{font-size:1.5rem}.settings-tabs{margin-bottom:2rem}.settings-card-content,.settings-card-footer,.settings-card-header{padding:1rem}}.whatsapp-chat-sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:320px}.sidebar-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px}.sidebar-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.refresh-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.refresh-button:hover{background:#e5e7eb;color:#374151}.error-message,.loading-message,.no-agents{color:#6b7280;padding:20px;text-align:center}.error-message{color:#dc2626}.retry-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin:10px auto;padding:8px 16px}.retry-button:hover{background:#2563eb}.agents-list{flex:1 1;overflow-y:auto;padding:0}.agent-section{border-bottom:1px solid #f3f4f6}.agent-header{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.agent-header:hover{background:#f9fafb;border-left-color:#3b82f6}.agent-info{display:flex;flex-direction:column;gap:4px}.agent-name{color:#1f2937;font-size:14px;font-weight:600}.chat-count{background:#f3f4f6;border-radius:12px;color:#6b7280;display:inline-block;font-size:12px;padding:2px 8px;width:fit-content}.agent-actions{color:#9ca3af;transition:color .2s ease}.agent-header:hover .agent-actions{color:#6b7280}.chats-list{background:#fafafa;border-top:1px solid #e5e7eb}.chat-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 20px;transition:background-color .2s ease}.chat-item:hover{background:#f3f4f6}.chat-item.selected{background:#dbeafe;border-left:3px solid #3b82f6}.chat-info{flex:1 1;min-width:0}.phone-number{align-items:center;color:#1f2937;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:4px}.activation-status{border-radius:8px;font-size:10px;font-weight:500;margin-left:auto;padding:2px 6px}.activation-status.active{background:#dcfce7;color:#166534}.activation-status.inactive{background:#fee2e2;color:#dc2626}.last-message{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.message-preview{color:#6b7280;flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:#9ca3af;flex-shrink:0;font-size:11px}.message-count{background:#f3f4f6;border-radius:8px;color:#9ca3af;display:inline-block;font-size:11px;padding:2px 6px}.chat-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.chat-item:hover .chat-actions{opacity:1}.toggle-activation-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s ease}.toggle-activation-btn:hover{background:#f3f4f6;color:#374151}.delete-chat-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s ease}.chat-item:hover .delete-chat-btn{opacity:1}.delete-chat-btn:hover{background:#fee2e2;color:#dc2626}.no-chats{color:#9ca3af;padding:20px;text-align:center}.no-chats p{font-size:14px;margin:0 0 4px}.no-chats small{font-size:12px}.agents-list::-webkit-scrollbar{width:6px}.agents-list::-webkit-scrollbar-track{background:#f1f5f9}.agents-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.agents-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.whatsapp-chat-sidebar{height:100vh;width:100%}.sidebar-header{padding:16px}.agent-header,.chat-item{padding:12px 16px}}.chats-list{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.whatsapp-chat-history-page{background:#f8fafc;display:flex;height:100vh}.chat-main-content{background:#fff;display:flex;flex:1 1;flex-direction:column}.no-chat-selected{align-items:center;background:#f8fafc;display:flex;flex:1 1;justify-content:center}.no-chat-content{color:#6b7280;text-align:center}.no-chat-content h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 12px}.no-chat-content p{font-size:16px;line-height:1.5;margin:0}.chat-container{display:flex;flex:1 1;flex-direction:column;height:100%}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:20px}.chat-header-info{align-items:center;display:flex;gap:20px}.chat-user-info{align-items:center;display:flex;gap:12px}.chat-user-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.chat-user-info p{color:#6b7280;font-size:14px;margin:4px 0 0}.chat-stats{background:#f3f4f6;border-radius:16px;color:#6b7280;font-size:14px;padding:4px 12px}.chat-header-actions{display:flex;gap:8px}.delete-btn,.refresh-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.refresh-btn:hover{background:#f3f4f6;color:#374151}.delete-btn:hover{background:#fee2e2;color:#dc2626}.chat-messages{flex:1 1;overflow-y:auto;padding:20px}.error-messages,.loading-messages,.no-messages{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-messages button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px}.error-messages button:hover{background:#2563eb}.messages-list{display:flex;flex-direction:column;gap:16px}.message{display:flex;margin-bottom:16px}.user-message{justify-content:flex-end}.agent-message{justify-content:flex-start}.message-content{border-radius:18px;max-width:70%;padding:12px 16px;position:relative}.user-message .message-content{background:#3b82f6;border-bottom-right-radius:4px;color:#fff}.agent-message .message-content{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d;color:#1f2937}.message-text{word-wrap:break-word;font-size:14px;line-height:1.4;margin-bottom:8px}.message-meta{align-items:center;display:flex;font-size:11px;gap:12px;justify-content:space-between;opacity:.8}.user-message .message-meta{color:#fffc}.agent-message .message-meta{color:#6b7280}.message-time{align-items:center;display:flex;gap:4px}.message-type{background:#0000001a;border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.user-message .message-type{background:#fff3}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f9}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.whatsapp-chat-history-page{flex-direction:column}.chat-header{padding:16px}.chat-header-info{gap:12px}.chat-user-info h3{font-size:16px}.chat-messages{padding:16px}.message-content{max-width:85%}}.message{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--sidebar-bg-color:#fff;--sidebar-text-color:#555;--sidebar-collapsed-width:80px;--sidebar-expanded-width:250px;--primary-color:#4caf50;--primary-color-light:#e8f5e9;--hover-bg-color:#f7f7f7;--border-color:#e9e9e9;--shadow-color:#0000000d}.sidebar{background:#fff;background:var(--sidebar-bg-color);border-right:1px solid #e9e9e9;border-right:1px solid var(--border-color);display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease-in-out;width:250px;width:var(--sidebar-expanded-width);z-index:1000}.sidebar.collapsed{width:80px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;min-height:70px;padding:1.5rem}.logo-container{align-items:center;display:flex;gap:12px;height:60px;padding:0 10px}.sidebar-logo-img{height:40px;transition:all .3s ease;width:auto}.sidebar.collapsed .sidebar-logo-img{height:32px}.logo-text{color:#555;color:var(--sidebar-text-color);font-size:22px;font-weight:700;opacity:1;transition:opacity .3s ease;white-space:nowrap}.sidebar.collapsed .logo-text{display:none;opacity:0}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.toggle-btn:hover{background:#f7f7f7;background:var(--hover-bg-color);color:#333}.user-profile-mini{align-items:center;border-bottom:1px solid #e9e9e9;border-bottom:1px solid var(--border-color);border-top:1px solid #e9e9e9;border-top:1px solid var(--border-color);display:flex;gap:1rem;overflow:hidden;padding:1rem 1.5rem}.sidebar.collapsed .user-profile-mini{justify-content:center;padding:1rem 0}.avatar{align-items:center;background:#e8f5e9;background:var(--primary-color-light);border-radius:50%;color:#4caf50;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{line-height:1.3;overflow:hidden;white-space:nowrap}.username{color:#333;font-weight:600}.plan{color:#777;font-size:.85rem}.sidebar-menu{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:1rem 0}.menu-category-label{color:#aaa;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1.5rem;text-transform:uppercase;white-space:nowrap}.sidebar.collapsed .menu-category-label{text-align:center}.sidebar-menu ul{list-style:none;margin:.5rem 0;padding:0}.sidebar-menu li{padding:0 1.5rem}.sidebar.collapsed .sidebar-menu li{display:flex;justify-content:center;padding:0}.sidebar-menu li a,.sidebar-menu li button{align-items:center;background:none;border:none;border-radius:8px;color:#555;color:var(--sidebar-text-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:1rem;padding:.8rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar.collapsed .sidebar-menu li a,.sidebar.collapsed .sidebar-menu li button{border-radius:12px;justify-content:center;padding:.8rem;width:auto}.sidebar-menu li a:hover,.sidebar-menu li button:hover{background:#f7f7f7;background:var(--hover-bg-color);color:#333;transform:translateX(3px)}.sidebar.collapsed .sidebar-menu li a:hover,.sidebar.collapsed .sidebar-menu li button:hover{transform:scale(1.05)}.sidebar-menu li.active a{background:#e8f5e9;background:var(--primary-color-light);color:#4caf50;color:var(--primary-color);font-weight:600}.menu-icon{position:relative}.menu-icon,.notification-badge{align-items:center;display:flex}.notification-badge{background-color:#e53935;border:2px solid #fff;border:2px solid var(--sidebar-bg-color);border-radius:50%;color:#fff;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-6px;top:-4px;width:18px}.logout-item{margin-top:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#1a2e1e}.sidebar-menu::-webkit-scrollbar-thumb{background:#2d422d;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#4caf50}.credit-progress{border-bottom:1px solid #2d422d;padding:1rem;transition:all .3s ease}.credit-progress.collapsed{padding:1rem .5rem;position:relative}.credit-label{color:#b8d4b8;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.progress-container{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(45deg,#4caf50,#81c784);border-radius:3px;height:100%;transition:width .5s ease}.credit-tooltip{background:#4caf50;border-radius:2px;color:#fff;font-size:.7rem;opacity:0;padding:.1rem .3rem;position:absolute;right:.5rem;top:-.5rem;transition:opacity .3s}.credit-progress.collapsed:hover .credit-tooltip{opacity:1}.sidebar-cta{background:linear-gradient(45deg,#4caf50,#388e3c);border-radius:12px;color:#fff;margin:1.5rem 1rem;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.sidebar.collapsed .sidebar-cta{background:none;display:flex;justify-content:center;margin:1rem 0;padding:.5rem}.cta-icon-wrapper{color:#fff;margin-bottom:.5rem;transition:color .3s ease}.sidebar.collapsed .cta-icon-wrapper{color:#666}.sidebar.collapsed .cta-icon-wrapper:hover{color:#4caf50}.cta-content h4{font-size:1rem;font-weight:600;margin:0 0 .25rem}.cta-content p{font-size:.85rem;margin:0 0 1rem;opacity:.8}.cta-button{background:#ffffffe6;border-radius:6px;color:#4caf50;font-size:.9rem;padding:.5rem 1rem}.cta-button:hover{background:#fff;color:#388e3c;transform:scale(1.05)}.dashboard-layout{display:flex;font-family:Poppins,sans-serif}.dashboard-layout,.main-content{background-color:#f5f8fa;min-height:100vh}.main-content{flex:1 1;margin-left:280px;padding:2rem;transition:margin-left .3s ease}.main-content.expanded{margin-left:80px}.page-container{align-items:center;background-color:#f5f8fa;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 4rem);padding:2rem}.page-container h1{color:#333;font-size:1.8rem;font-weight:600;letter-spacing:.3px;margin-bottom:2rem}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.sidebar{transform:translateX(-100%)}.sidebar.visible{transform:translateX(0)}.page-container{padding:1rem}}:root{--doc-background:#fff;--doc-text:#1a1a1a;--doc-muted-text:#666;--doc-border:#e6e6e6;--doc-primary:#10b981;--doc-primary-light:#d1fae5;--doc-primary-dark:#059669;--doc-header-background:#fffc;--doc-sidebar-width:260px;--doc-on-this-page-width:240px}.documentation-layout{background-color:#fff;background-color:var(--doc-background);color:#1a1a1a;color:var(--doc-text);display:flex;flex-direction:column;min-height:100vh}.documentation-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;background-color:var(--doc-header-background);border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--doc-border);display:flex;justify-content:space-between;padding:.75rem 1.5rem;position:sticky;top:0;z-index:100}.header-left,.header-right{align-items:center;display:flex;gap:1.5rem}.header-logo{align-items:center;color:#1a1a1a;color:var(--doc-text);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;text-decoration:none}.header-nav{display:flex;gap:1rem}.nav-link{border-bottom:2px solid #0000;color:#666;color:var(--doc-muted-text);font-size:.9rem;padding:.5rem 0;text-decoration:none;transition:all .2s ease}.nav-link.active,.nav-link:hover{color:#1a1a1a;color:var(--doc-text)}.nav-link.active{border-bottom-color:#10b981;border-bottom-color:var(--doc-primary)}.search-bar{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;padding:.5rem .75rem;width:250px}.search-bar input{background:none;border:none;margin-left:.5rem;outline:none;width:100%}.search-shortcut{border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:4px;color:#666;color:var(--doc-muted-text);font-size:.75rem;padding:.1rem .3rem}.ask-ai-btn,.dashboard-btn{align-items:center;background-color:initial;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.dashboard-btn{background-color:#10b981;background-color:var(--doc-primary);border-color:#10b981;border-color:var(--doc-primary);color:#fff}.theme-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.25rem}.documentation-body{display:grid;flex-grow:1;grid-template-columns:260px 1fr 240px;grid-template-columns:var(--doc-sidebar-width) 1fr var(--doc-on-this-page-width)}.documentation-sidebar{border-right:1px solid #e6e6e6;border-right:1px solid var(--doc-border);height:calc(100vh - 65px);overflow-y:auto;padding:1.5rem 1rem;position:sticky;top:65px}.documentation-sidebar ul{list-style:none;margin:0 0 1.5rem;padding:0}.sidebar-link{align-items:center;border-radius:6px;color:#666;color:var(--doc-muted-text);display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{background-color:#f5f5f5;color:#1a1a1a;color:var(--doc-text)}.sidebar-link.active{background-color:#d1fae5;background-color:var(--doc-primary-light);color:#10b981;color:var(--doc-primary);font-weight:500}.sidebar-heading{color:#1a1a1a;color:var(--doc-text);font-size:.9rem;font-weight:600;margin:1.5rem 0 .75rem 1rem}.documentation-content{max-width:800px;padding:2rem 4rem}.documentation-content h1{font-size:2.5rem;margin-bottom:1rem}.introduction-subtitle{align-items:center;color:#666;color:var(--doc-muted-text);display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1.5rem}.documentation-content p{line-height:1.6;margin-bottom:1rem}.introduction-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #10b981;border-left:4px solid var(--doc-primary);border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:2.5rem 0;overflow:hidden;padding:2rem;position:relative}.introduction-section:before{background:radial-gradient(circle,#d1fae5 0,#0000 70%);background:radial-gradient(circle,var(--doc-primary-light) 0,#0000 70%);content:"";height:100px;opacity:.3;position:absolute;right:0;top:0;width:100px;z-index:0}.introduction-section>*{position:relative;z-index:1}.introduction-section h2{align-items:center;color:#1a1a1a;color:var(--doc-text);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.introduction-section h2 svg{color:#10b981;color:var(--doc-primary);font-size:1.5rem}.introduction-section h3{align-items:center;color:#1a1a1a;color:var(--doc-text);display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin:1.5rem 0 1rem}.introduction-section h3 svg{color:#10b981;color:var(--doc-primary);font-size:1.2rem}.introduction-section ol,.introduction-section ul{margin:1.5rem 0;padding-left:0}.introduction-section li{line-height:1.6;margin-bottom:.75rem;padding-left:0}.introduction-section strong{color:#1a1a1a;color:var(--doc-text);font-weight:700}.feature-list{list-style:none;padding:0}.feature-list li{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:transform .2s ease,box-shadow .2s ease}.feature-list li:hover{box-shadow:0 4px 8px #0000001a;transform:translateX(4px)}.feature-list li svg{color:#10b981;color:var(--doc-primary);flex-shrink:0;font-size:1.2rem;margin-top:.1rem}.workflow-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.workflow-list{counter-reset:workflow-counter;list-style:none;padding:0}.workflow-list li{background:linear-gradient(135deg,#d1fae5,#ecfdf5);background:linear-gradient(135deg,var(--doc-primary-light) 0,#ecfdf5 100%);border-left:4px solid #10b981;border-left:4px solid var(--doc-primary);border-radius:8px;counter-increment:workflow-counter;margin-bottom:.75rem;padding:1rem 1rem 1rem 3rem;position:relative}.workflow-list li:before{align-items:center;background:#10b981;background:var(--doc-primary);border-radius:50%;color:#fff;content:counter(workflow-counter);display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:24px}.data-flow-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.flow-list{list-style:none;padding:0}.flow-list li{margin-bottom:.5rem;padding:.75rem 0 .75rem 1.5rem;position:relative}.flow-list li:before{color:#10b981;color:var(--doc-primary);content:"→";font-size:1.1rem;font-weight:700;left:0;position:absolute}.architecture-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.architecture-item{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.architecture-item:before{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--doc-primary) 0,var(--doc-primary-dark) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.architecture-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.architecture-icon{align-items:center;background:linear-gradient(135deg,#d1fae5,#ecfdf5);background:linear-gradient(135deg,var(--doc-primary-light) 0,#ecfdf5 100%);border-radius:12px;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.architecture-icon svg{color:#10b981;color:var(--doc-primary);font-size:1.8rem}.architecture-item h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.architecture-item p{color:#666;color:var(--doc-muted-text);font-size:.95rem;line-height:1.6;margin:0}.getting-started-steps{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.step-item{align-items:flex-start;background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.step-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateX(4px)}.step-number{align-items:center;background:#10b981;background:var(--doc-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.step-content h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.step-content p{color:#666;color:var(--doc-muted-text);line-height:1.5;margin:0}.setup-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.setup-section h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.setup-section h3:first-child{margin-top:0}.setup-note{background:#d1fae5;background:var(--doc-primary-light);border-left:4px solid #10b981;border-left:4px solid var(--doc-primary);border-radius:8px;margin:1.5rem 0;padding:1rem}.setup-note h4{color:#059669;color:var(--doc-primary-dark);font-size:1rem;font-weight:600;margin:0 0 .75rem}.setup-note ul{margin:0;padding-left:1.5rem}.setup-note li{color:#1a1a1a;color:var(--doc-text);margin-bottom:.25rem}.code-block{background:#1e293b;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:1rem 0;overflow:hidden}.code-header{align-items:center;background:#334155;color:#fff;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem}.copy-btn{background:#10b981;background:var(--doc-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:background-color .2s ease}.copy-btn:hover{background:#059669;background:var(--doc-primary-dark)}.code-block pre{margin:0;overflow-x:auto;padding:1rem}.code-block code{color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5}.widget-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.widget-section h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.widget-section h3:first-child{margin-top:0}.config-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.config-item{background:#f8fafc;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;padding:1rem}.config-item h4{color:#10b981;color:var(--doc-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.config-item p{color:#666;color:var(--doc-muted-text);font-size:.9rem;line-height:1.4;margin:0}.testing-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.testing-section h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.testing-section h3:first-child{margin-top:0}.test-interface{margin:1.5rem 0}.chat-preview{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:400px;overflow:hidden}.chat-header{align-items:center;background:#10b981;background:var(--doc-primary);color:#fff;display:flex;font-weight:500;gap:.5rem;padding:1rem}.chat-header svg{font-size:1.2rem}.chat-messages{background:#f8fafc;display:flex;flex-direction:column;gap:.75rem;min-height:200px;padding:1rem}.message{border-radius:12px;font-size:.9rem;line-height:1.4;max-width:80%;padding:.75rem}.user-message{align-self:flex-end;background:#10b981;background:var(--doc-primary);border-bottom-right-radius:4px;color:#fff}.agent-message{align-self:flex-start;background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-bottom-left-radius:4px;color:#1a1a1a;color:var(--doc-text)}.chat-input{background:#fff;border-top:1px solid #e6e6e6;border-top:1px solid var(--doc-border);display:flex;gap:.5rem;padding:1rem}.chat-input input{border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem}.chat-input button{background:#10b981;background:var(--doc-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:background-color .2s ease}.chat-input button:hover{background:#059669;background:var(--doc-primary-dark)}.video-section{margin:1.5rem 0}.video-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #e6e6e6;border:2px dashed var(--doc-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;text-align:center}.video-placeholder svg{color:#10b981;color:var(--doc-primary);font-size:3rem}.video-placeholder p{color:#666;color:var(--doc-muted-text);font-size:1.1rem;margin:0}.play-btn{align-items:center;background:#10b981;background:var(--doc-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.play-btn:hover{background:#059669;background:var(--doc-primary-dark)}.documentation-layout:after{background:radial-gradient(circle at top right,#10b9811a,#0000 70%);content:"";height:60%;pointer-events:none;position:fixed;right:0;top:0;width:40%;z-index:-1}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.feature-item{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.feature-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#d1fae5,#ecfdf5);background:linear-gradient(135deg,var(--doc-primary-light) 0,#ecfdf5 100%);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon svg{color:#10b981;color:var(--doc-primary);font-size:2.5rem}.feature-item h3{color:#1a1a1a;color:var(--doc-text);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-item p{color:#666;color:var(--doc-muted-text);line-height:1.6;margin:0}.feature-details{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.feature-details h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.ai-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.ai-feature-card{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:transform .2s ease}.ai-feature-card:hover{transform:translateY(-2px)}.ai-feature-card h3{color:#10b981;color:var(--doc-primary);font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.ai-feature-card p{color:#666;color:var(--doc-muted-text);line-height:1.5;margin-bottom:1rem}.ai-feature-card ul{list-style:none;margin:0;padding:0}.ai-feature-card li{color:#1a1a1a;color:var(--doc-text);padding:.25rem 0 .25rem 1.5rem;position:relative}.ai-feature-card li:before{color:#10b981;color:var(--doc-primary);content:"✓";font-weight:700;left:0;position:absolute}.processing-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.processing-section h3{color:#1a1a1a;color:var(--doc-text);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.request-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.request-type{background:#f8fafc;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;padding:1.5rem}.request-type h4{color:#10b981;color:var(--doc-primary);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.request-type p{color:#666;color:var(--doc-muted-text);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.request-type ul{list-style:none;margin:0;padding:0}.request-type li{color:#1a1a1a;color:var(--doc-text);font-size:.9rem;padding:.25rem 0 .25rem 1.2rem;position:relative}.request-type li:before{color:#10b981;color:var(--doc-primary);content:"•";font-weight:700;left:0;position:absolute}.language-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.language-section h3{color:#1a1a1a;color:var(--doc-text);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.language-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.language-category{background:#f8fafc;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;padding:1.5rem}.language-category h4{color:#10b981;color:var(--doc-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.language-category ul{list-style:none;margin:0;padding:0}.language-category li{color:#1a1a1a;color:var(--doc-text);font-size:.9rem;padding:.25rem 0}.language-features{background:#d1fae5;background:var(--doc-primary-light);border-left:4px solid #10b981;border-left:4px solid var(--doc-primary);border-radius:8px;padding:1.5rem}.language-features h3{color:#059669;color:var(--doc-primary-dark);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.analytics-item{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.analytics-item h3{color:#10b981;color:var(--doc-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.analytics-item ul{list-style:none;margin:0;padding:0}.analytics-item li{color:#1a1a1a;color:var(--doc-text);font-size:.9rem;padding:.25rem 0 .25rem 1.2rem;position:relative}.analytics-item li:before{color:#10b981;color:var(--doc-primary);content:"→";font-weight:700;left:0;position:absolute}.integration-section{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.integration-section h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.pricing-section{margin:2rem 0}.pricing-list{display:flex;flex-direction:column;gap:1.5rem}.pricing-item{border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:16px;cursor:pointer;padding:2rem;transition:all .3s ease}.pricing-item.recommended{background:#f0fdf4;border-color:#10b981;border-color:var(--doc-primary)}.pricing-item:not(.recommended){background:#fff}.pricing-item:hover{border-color:#10b981;border-color:var(--doc-primary);box-shadow:0 4px 12px #10b9811a}.pricing-top-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.pricing-top-grid{gap:2rem;grid-template-columns:1fr 1.5fr}}.plan-identity .plan-title{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.plan-icon{color:#10b981;color:var(--doc-primary);font-size:1.5rem}.plan-name{font-size:1.75rem;font-weight:700;margin:0}.recommended-tag{background:#10b981;background:var(--doc-primary);border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.plan-price{align-items:baseline;display:flex;gap:.25rem}.plan-price .amount{font-size:2.5rem;font-weight:800}.plan-description-container .plan-description{color:#666;color:var(--doc-muted-text);font-size:1rem;line-height:1.6;margin:0 0 1rem}.plan-details{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.best-for,.message-limit{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;font-size:.9rem;padding:.4rem .8rem}.pricing-item.recommended .best-for,.pricing-item.recommended .message-limit{background:#d1fae5;border-color:#a7f3d0}.best-for{background:#0000;border:none;color:#059669;color:var(--doc-primary-dark);font-weight:500;padding-left:0}.pricing-features h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.features-list{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;margin:0;padding:0}.features-list .feature-item{align-items:center;background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:16px;display:flex;font-size:.95rem;gap:.5rem;padding:.6rem 1rem}.pricing-item.recommended .features-list .feature-item{background:#d1fae5;border-color:#a7f3d0}.features-list .feature-item svg{color:#10b981;color:var(--doc-primary)}.pricing-action{align-items:center;display:flex;gap:1rem;margin-top:2rem}.pricing-action .plan-button{align-items:center;background-color:#10b981;background-color:var(--doc-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.pricing-action .trial-note{color:#666;color:var(--doc-muted-text);font-size:.9rem}.faq-section{grid-gap:1.5rem;display:grid;gap:1.5rem;margin:1.5rem 0}.faq-item{background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:8px;padding:1.5rem}.faq-item h3{color:#1a1a1a;color:var(--doc-text);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.faq-item p{color:#666;color:var(--doc-muted-text);line-height:1.6;margin:0}.comparison-table{margin:1.5rem 0;overflow-x:auto}.comparison-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--doc-border);padding:1rem;text-align:left}.comparison-table th{background:#d1fae5;background:var(--doc-primary-light);color:#059669;color:var(--doc-primary-dark);font-size:.9rem;font-weight:600}.comparison-table td{color:#1a1a1a;color:var(--doc-text);font-size:.9rem}.comparison-table tr:last-child td{border-bottom:none}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.cta-button{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.cta-button.primary{background:#10b981;background:var(--doc-primary);color:#fff}.cta-button.primary:hover{background:#059669;background:var(--doc-primary-dark);transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #10b981;border:2px solid var(--doc-primary);color:#10b981;color:var(--doc-primary)}.cta-button.secondary:hover{background:#10b981;background:var(--doc-primary);color:#fff;transform:translateY(-2px)}.content-image-wrapper{border-radius:12px;box-shadow:0 8px 24px #0000001a;margin:2rem 0;overflow:hidden}.content-image-wrapper img{display:block;width:100%}.on-this-page-sidebar{height:calc(100vh - 65px);padding:1.5rem;position:sticky;top:65px}.on-this-page-container{border-left:1px solid #e6e6e6;border-left:1px solid var(--doc-border);padding-left:1.5rem}.on-this-page-container h3{font-size:.9rem;font-weight:600;margin-bottom:1rem}.on-this-page-container ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.on-this-page-container a{align-items:center;color:#666;color:var(--doc-muted-text);display:flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .2s ease}.on-this-page-container a:hover{color:#1a1a1a;color:var(--doc-text)}.why-choose-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.why-choose-item{align-items:flex-start;background:#fff;border:1px solid #e6e6e6;border:1px solid var(--doc-border);border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.why-choose-item:hover{border-color:#d1fae5;border-color:var(--doc-primary-light);box-shadow:0 8px 16px #0000000d;transform:translateY(-4px)}.why-choose-icon-wrapper{align-items:center;background:#d1fae5;background:var(--doc-primary-light);border-radius:16px;color:#10b981;color:var(--doc-primary);display:flex;flex-shrink:0;font-size:1.75rem;height:52px;justify-content:center;width:52px}.why-choose-item h3{color:#1a1a1a;color:var(--doc-text);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.why-choose-item p{color:#666;color:var(--doc-muted-text);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.pricing-item{padding:1.5rem}.pricing-header{gap:.75rem}.plan-info,.pricing-header{align-items:flex-start;flex-direction:column}.plan-info{gap:.5rem}.plan-details{flex-direction:column;gap:.5rem}.features-list{grid-template-columns:1fr}.pricing-action{align-items:stretch;flex-direction:column}.plan-button{justify-content:center}}:root{--text-primary:#1e293b;--text-secondary:#475569;--bg-light:#f8fafc;--card-bg:#fff;--border-color:#e5e7eb;--font-sans:"Inter","Poppins",sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--color-agent:#3b82f6;--color-billing:#16a34a;--color-security:#f59e0b;--color-feature:#8b5cf6}.notifications-page{animation:fadeIn .5s ease-out;background-color:#f8fafc;background-color:var(--bg-light);font-family:Inter,Poppins,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:2rem 2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto 2rem;max-width:800px}.notifications-header h1{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700}.mark-all-read-btn{background:none;border:none;border-radius:.375rem;color:#3b82f6;color:var(--color-agent);cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem;transition:all .2s}.mark-all-read-btn:hover{background-color:#eff6ff;color:#1d4ed8}.notifications-list{margin:0 auto;max-width:800px}.notification-item{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-left:4px solid #0000;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1.5rem;margin-bottom:1rem;padding:1.25rem 1.5rem;transition:all .3s ease}.notification-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.notification-item.unread{background-color:#f0f9ff;border-left-color:#3b82f6;border-left-color:var(--color-agent)}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.type-agent .notification-icon{background-color:#dbeafe;color:#3b82f6;color:var(--color-agent)}.type-billing .notification-icon{background-color:#dcfce7;color:#16a34a;color:var(--color-billing)}.type-security .notification-icon{background-color:#fefce8;color:#f59e0b;color:var(--color-security)}.type-feature .notification-icon{background-color:#ede9fe;color:#8b5cf6;color:var(--color-feature)}.notification-content h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.notification-content p{color:#475569;color:var(--text-secondary);font-size:.95rem;margin:0}.notification-time{color:#475569;color:var(--text-secondary);font-size:.85rem;margin-left:auto;white-space:nowrap}.empty-notifications{background-color:#fff;background-color:var(--card-bg);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:.75rem;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-notifications svg{color:#9ca3af;margin-bottom:1rem}.empty-notifications h2{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600}.empty-notifications p{color:#475569;color:var(--text-secondary);margin:.5rem auto 0;max-width:350px}
/*# sourceMappingURL=main.c2bbfe8a.css.map*/