@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--bg-secondary);box-shadow:0 1px 3px var(--shadow-color);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);position:sticky;top:0;z-index:100;transition:background-color .3s ease}.header-left{display:flex;align-items:center;gap:var(--spacing-4)}.logo{display:flex;align-items:center;gap:var(--spacing-3)}.logo-image-header{width:40px;height:auto;max-width:100%}.logo-text{display:flex;flex-direction:column}.area-cliente{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-md);transition:background-color var(--transition-fast) ease}.menu-toggle:hover{background-color:var(--bg-primary)}.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.user-info{font-size:1rem;color:var(--primary-700);font-weight:600;padding:var(--spacing-2) var(--spacing-3);background-color:var(--primary-50);border-radius:var(--border-radius-md);display:flex;align-items:center;gap:var(--spacing-2)}.user-info svg{color:var(--primary-500)}.logout-btn{display:flex;align-items:center;gap:var(--spacing-2)}.content-wrapper{display:flex;flex:1}.sidebar{width:240px;background-color:var(--bg-secondary);box-shadow:1px 0 3px var(--shadow-color);height:calc(100vh - 64px);position:sticky;top:64px;z-index:50;transition:transform var(--transition-normal) ease,background-color .3s ease}.sidebar-nav{padding:var(--spacing-4) 0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:var(--spacing-1)}.sidebar-nav a{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--text-secondary);text-decoration:none;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease;border-radius:0}.sidebar-nav a:hover{background-color:var(--bg-primary);color:var(--primary-600)}.sidebar-nav a.active{background-color:var(--primary-50);color:var(--primary-700);border-left:3px solid var(--primary-500)}.main-content{flex:1;padding:var(--spacing-6);overflow-y:auto;background-color:var(--bg-primary);transition:background-color .3s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-primary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--primary-100);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.error-container{max-width:500px;margin:100px auto;padding:var(--spacing-6);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);text-align:center}.error-container h2{color:var(--error-600);margin-bottom:var(--spacing-4)}.error-container pre{background-color:var(--bg-primary);padding:var(--spacing-4);border-radius:var(--border-radius-md);overflow-x:auto;margin-bottom:var(--spacing-4);text-align:left;color:var(--text-primary)}@media (max-width: 768px){.sidebar{position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-toggle{display:flex}.area-cliente{display:none}.user-info{font-size:.875rem;padding:var(--spacing-1) var(--spacing-2)}.logo-image-header{width:32px}}.login-page{height:100vh;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem;width:100%;max-width:400px}.login-form{display:flex;flex-direction:column;gap:0rem}.login-form input{border-radius:.375rem;border:1px solid #E5E7EB;padding:.75rem 1rem;width:100%;font-size:.875rem}.login-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.login-button{background-color:#2563eb;color:#fff;width:100%;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .2s;margin-top:0rem}.login-button:hover:not(:disabled){background-color:#1d4ed8}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-label{color:#374151;font-weight:500;margin-bottom:.5rem;display:block;font-size:.875rem}.login-version{color:#4b5563;font-size:.625rem;text-align:right;margin-top:.5rem}.text-gray-500{color:#6b7280}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--neutral-100);padding:var(--spacing-4)}.login-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.logo-image{width:210px;height:auto;max-width:100%}.login-header h2{margin:0;font-size:1.25rem;color:var(--neutral-900);font-weight:600}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-size:.875rem;font-weight:500;color:var(--neutral-700)}.form-group input{padding:var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--border-radius-md);font-size:.875rem;transition:all var(--transition-fast) ease}.form-group input:focus{border-color:var(--primary-400);outline:none;box-shadow:0 0 0 2px var(--primary-100)}.form-group input:disabled{background-color:var(--neutral-100);cursor:not-allowed}.error-message{background-color:var(--error-100);color:var(--error-700);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:.75rem;text-align:center}.space-y-4>*+*{margin-top:1.5rem!important}.login-signup{text-align:center;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--neutral-200)}.login-signup p{margin:0;font-size:.875rem;color:var(--neutral-600)}.signup-link{color:var(--primary-600);text-decoration:none;font-weight:500;transition:color var(--transition-fast) ease}.signup-link:hover{color:var(--primary-700);text-decoration:underline}.signup-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.signup-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:1200px;width:100%;overflow:hidden}.signup-header{text-align:center;padding:2rem 2rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.signup-logo{height:180px;width:auto;margin:0 auto 1rem;display:block}.signup-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.signup-subtitle{color:#64748b;font-size:1rem;margin:0}.signup-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2rem}.signup-form-section h2,.plans-section h2{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:1.5rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.signup-form{display:flex;flex-direction:column;gap:1rem}.form-group label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-group input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::-moz-placeholder{color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:800px;margin:0 auto}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;max-width:400px}}.plan-card{border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s;position:relative;background:#fff}.plan-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.plan-card.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 6px -1px #3b82f61a}.plan-card.popular{border-color:#10b981}.plan-card.popular.selected{border-color:#10b981;background:#ecfdf5}.popular-badge{position:absolute;top:-.25rem;right:.75rem;background:#10b981;color:#fff;padding:.125rem .5rem;border-radius:.75rem;font-size:.625rem;font-weight:600}.plan-name{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:.25rem;text-align:center}.plan-price{display:flex;align-items:baseline;margin-bottom:.5rem;justify-content:center}.plan-price .currency{font-size:1rem;color:#64748b;margin-right:.25rem}.plan-price .amount{font-size:1.5rem;font-weight:700;color:#1a202c}.plan-price .period{font-size:1rem;color:#64748b;margin-left:.25rem}.plan-onboarding{text-align:center;font-size:.75rem;color:#10b981;font-weight:500;margin-bottom:.75rem;font-style:italic}.plan-features{list-style:none;padding:0;text-align:left;max-width:240px;margin:0 auto}.plan-features li{color:#4b5563;font-size:.75rem;position:relative;padding:.25rem 0 .25rem 1.25rem;display:block;text-align:left}.plan-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}.signup-summary{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem}.summary-content{max-width:400px;margin:0 auto 2rem}.summary-content h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:1rem;text-align:center}.summary-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e2e8f0;color:#4b5563}.summary-total{display:flex;justify-content:space-between;padding:1rem 0 0;font-weight:600;font-size:1.125rem;color:#1a202c}.summary-note{margin-top:1rem;font-size:.75rem;color:#64748b;font-style:italic;text-align:center}.signup-button{width:100%;max-width:400px;margin:0 auto;display:block;background:#3b82f6;color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.signup-button:hover:not(:disabled){background:#2563eb}.signup-button:disabled{opacity:.7;cursor:not-allowed}.signup-terms{text-align:center;margin-top:1rem;font-size:.875rem;color:#64748b}.signup-terms a{color:#3b82f6;text-decoration:none}.signup-terms a:hover{text-decoration:underline}.signup-footer{text-align:center;padding:1rem 2rem 2rem;color:#64748b}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;text-decoration:none;font-weight:500}.link-button:hover{text-decoration:underline}@media (max-width: 768px){.signup-page{padding:1rem}.signup-content{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.signup-header{padding:1.5rem 1rem 1rem}.signup-title{font-size:1.5rem}.plans-grid{gap:.75rem}.plan-card{padding:1rem}.plan-name{font-size:1.125rem}.plan-price .amount{font-size:1.5rem}}@media (max-width: 480px){.signup-container{margin:0;border-radius:0;min-height:100vh}.signup-content{padding:1rem}.signup-summary{padding:1.5rem 1rem}}.welcome-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.welcome-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;overflow:hidden}.welcome-content{padding:3rem 2rem;text-align:center}.welcome-content h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.welcome-content p{font-size:1.125rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.success-icon,.error-icon{font-size:4rem;margin-bottom:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.welcome-features{text-align:left;margin:2rem 0;padding:2rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.welcome-features h2{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:1.5rem;text-align:center}.welcome-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.welcome-features li{display:flex;align-items:flex-start;gap:1rem}.feature-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.welcome-features li div{flex:1}.welcome-features li strong{display:block;font-weight:600;color:#1a202c;margin-bottom:.25rem}.welcome-features li p{color:#64748b;font-size:.875rem;margin:0;line-height:1.5}.welcome-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.continue-button{background:#3b82f6;color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;min-width:200px}.continue-button:hover{background:#2563eb}.retry-button{background:#10b981;color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#059669}.login-button{background:#6b7280;color:#fff;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.login-button:hover{background:#4b5563}.welcome-support{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.welcome-support p{font-size:.875rem;color:#64748b;margin:0}.welcome-support a{color:#3b82f6;text-decoration:none;font-weight:500}.welcome-support a:hover{text-decoration:underline}.welcome-content.error h1{color:#dc2626}.welcome-content.error p{color:#7f1d1d}@media (max-width: 768px){.welcome-page{padding:1rem}.welcome-content{padding:2rem 1.5rem}.welcome-content h1{font-size:2rem}.welcome-features{padding:1.5rem}.welcome-actions{flex-direction:column;align-items:center}.continue-button,.retry-button,.login-button{width:100%;max-width:300px}}@media (max-width: 480px){.welcome-container{margin:0;border-radius:0;min-height:100vh}.welcome-content{padding:1.5rem 1rem}.welcome-content h1{font-size:1.75rem}.welcome-features{padding:1rem}.welcome-features li{flex-direction:column;text-align:center;gap:.5rem}.feature-icon{margin-top:0}}.stat-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease,background-color .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px var(--shadow-color)}.stat-card-icon{width:48px;height:48px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-card-content{flex:1}.stat-card-content h3{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-1) 0;font-weight:500}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.stat-change{display:flex;align-items:center;gap:var(--spacing-1);font-size:.875rem;font-weight:500;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);width:-moz-fit-content;width:fit-content;margin-top:var(--spacing-2)}.stat-change.increase{background-color:var(--success-100);color:var(--success-700)}.stat-change.decrease{background-color:var(--error-100);color:var(--error-700)}.chart-container{width:100%;height:100%;position:relative}canvas{width:100%!important;height:100%!important}.active-conversations-list{display:flex;flex-direction:column;gap:var(--spacing-2);height:100%}.conversation-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);transition:all var(--transition-fast) ease-in-out;background-color:var(--neutral-50);text-decoration:none;color:var(--neutral-900);border-left:3px solid transparent;flex-shrink:0}.conversation-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--neutral-200);display:flex;align-items:center;justify-content:center;color:var(--neutral-600);flex-shrink:0}.conversation-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.conversation-header{display:flex;align-items:center;gap:var(--spacing-2)}.phone-number{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--neutral-900)}.phone-number-secondary{font-size:.75rem;color:var(--neutral-600);margin-top:var(--spacing-1)}.app-badge{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-weight:500;text-transform:uppercase}.conversation-meta{display:flex;align-items:center;font-size:.75rem;color:var(--neutral-600)}.aconv-status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:500}.aconv-status-badge.active{background-color:var(--success-100);color:var(--success-800)}.aconv-status-badge.inactive{background-color:var(--neutral-200);color:var(--neutral-700)}.last-message-time{display:flex;align-items:center;gap:var(--spacing-1)}.followup-stage{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:500}.followup-0{background-color:var(--neutral-100);color:var(--neutral-700)}.followup-1{background-color:var(--success-100);color:var(--success-700)}.followup-2{background-color:var(--primary-100);color:var(--primary-700)}.followup-3{background-color:var(--warning-100);color:var(--warning-700)}.followup-4,.followup-5,.followup-6,.followup-7{background-color:var(--error-100);color:var(--error-700)}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);gap:var(--spacing-3);color:var(--neutral-500);text-align:center}.view-all-link{margin-top:var(--spacing-3);padding:var(--spacing-3);text-align:center;background-color:var(--neutral-100);border-radius:var(--border-radius-md);transition:all var(--transition-fast) ease-in-out;font-weight:500}.view-all-link:hover{background-color:var(--primary-100);color:var(--primary-700)}@media (max-width: 768px){.conversation-item{padding:var(--spacing-2) var(--spacing-3);flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-3);width:100%;position:relative}.conversation-content{width:100%;gap:var(--spacing-2);align-items:center;display:flex;flex-direction:column}.conversation-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);width:100%}.conversation-meta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);width:100%}.conversation-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.view-conversation{display:flex;align-items:center;justify-content:center;width:100%}.app-badge{margin:var(--spacing-1) 0}.phone-number{font-size:.875rem;text-align:center;width:100%}.phone-number-secondary{font-size:.75rem;text-align:center;width:100%}.conversation-avatar{width:32px;height:32px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;left:0}.conversation-avatar svg{width:18px;height:18px}.view-all-link{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);text-align:center;width:100%}.last-message-time{justify-content:center;width:100%}.aconv-status-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-3);margin:0}}@media (max-width: 480px){.conversation-item{padding:var(--spacing-2);gap:var(--spacing-2)}.conversation-content,.conversation-header,.conversation-meta{gap:var(--spacing-1)}.last-message-time,.followup-stage{font-size:.7rem}.view-all-link{font-size:.875rem}.app-badge,.followup-stage{padding:var(--spacing-1) var(--spacing-2)}}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-6)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.dashboard-title{display:flex;align-items:center;gap:var(--spacing-3)}.dashboard-title h1{margin:0}.plan-badge{background-color:var(--primary-100);color:var(--primary-700);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-2)}.plan-badge svg{width:16px;height:16px}.dashboard-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-3)}.plan-usage{background-color:var(--bg-secondary);padding:var(--spacing-4);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);min-width:300px}.dash-usage-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.usage-bar-container{width:100%;height:8px;background-color:var(--neutral-100);border-radius:var(--border-radius-full);overflow:hidden;position:relative}.usage-bar-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--neutral-200),var(--neutral-200) 8px,var(--neutral-100) 8px,var(--neutral-100) 16px);border-radius:var(--border-radius-full);opacity:.5}.usage-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:var(--border-radius-full);position:relative;z-index:1;box-shadow:0 2px 4px #0000001a}.usage-warning{display:flex;align-items:center;gap:var(--spacing-2);color:var(--error-600);font-size:.75rem;margin-top:var(--spacing-2);margin-bottom:0}.usage-alert{display:flex;align-items:flex-start;gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-3);background-color:var(--error-50);border-radius:var(--border-radius-sm);color:var(--error-700);font-size:.875rem;line-height:1.4}.usage-alert svg{margin-top:2px;flex-shrink:0}.usage-alert span{flex:1}.extra-cost-card{background-color:var(--error-50);border:1px solid var(--error-200);border-radius:var(--border-radius-md);padding:var(--spacing-4);margin-top:var(--spacing-3)}.extra-cost-header{display:flex;align-items:center;gap:var(--spacing-2);color:var(--error-700);font-weight:500;margin-bottom:var(--spacing-3)}.extra-cost-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.extra-cost-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.extra-cost-total{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--error-200);font-weight:500;color:var(--error-700)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.dashboard-chart-container,.dashboard-conversations-container,.dashboard-stats-container{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);padding:var(--spacing-6);height:400px;display:flex;flex-direction:column;transition:background-color .3s ease}.dashboard-chart-container h2,.dashboard-conversations-container h2,.dashboard-stats-container h2{margin-top:0;margin-bottom:var(--spacing-4);font-size:1.25rem;color:var(--text-primary);flex-shrink:0}.dashboard-conversations-container{overflow:hidden;display:flex;flex-direction:column}.dashboard-conversations-container .active-conversations-list{flex:1;display:flex;flex-direction:column}.dashboard-chart-container .chart-container{flex:1;min-height:0;position:relative;width:100%}.conversion-stats{display:flex;flex-direction:column;gap:var(--spacing-3)}.conversion-stat{display:flex;flex-direction:column;gap:var(--spacing-2)}.conversion-stat-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:400;color:var(--text-primary)}.conversion-value{font-weight:600;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.conversion-value.good{background-color:var(--success-100);color:var(--success-700)}.conversion-value.bad{background-color:var(--error-100);color:var(--error-700)}.conversion-value.medium{background-color:var(--warning-100);color:var(--warning-600)}.progress-bar{height:8px;width:100%;background-color:var(--neutral-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:all .5s ease-in-out}.progress-fill.low{background-color:var(--error-500)}.progress-fill.medium{background-color:var(--warning-500)}.progress-fill.high{background-color:var(--success-500)}.system-info-content{display:flex;flex-direction:column;gap:var(--spacing-4);flex:1}.system-info-item{padding:var(--spacing-4);background-color:var(--neutral-50);border-radius:var(--border-radius-sm);border-left:4px solid var(--primary-500);transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-4)}.system-info-item:hover{background-color:var(--neutral-100);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color)}.system-info-header{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.system-info-icon{color:var(--primary-600);flex-shrink:0}.system-info-title{font-weight:600;color:var(--text-primary);font-size:.875rem}.system-info-value{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;text-align:center}.system-info-count{font-size:1.5rem;font-weight:700;line-height:1;min-width:3rem;text-align:center;order:-1}.system-info-count.success{color:var(--success-600)}.system-info-count.warning{color:var(--warning-600)}.system-info-count.neutral{color:var(--neutral-500)}.system-info-count.error{color:var(--error-600)}.system-info-date{font-size:.75rem;color:var(--text-secondary);font-weight:400}.system-status{font-size:.875rem}.billing-alert-card{margin-top:var(--spacing-4);padding:var(--spacing-5);background:linear-gradient(135deg,var(--error-50) 0%,var(--error-100) 100%);border:1px solid var(--error-200);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #ef44441a;animation:slideInUp .3s ease-out}.billing-alert-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.billing-alert-icon{color:var(--error-600);flex-shrink:0}.billing-alert-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--error-700)}.billing-alert-content{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4);margin:var(--spacing-4) 0;border-radius:var(--border-radius-md);animation:slideInUp .3s ease-out;max-width:100%;box-sizing:border-box}.billing-alert-content.error{background-color:var(--error-50);border:1px solid var(--error-200)}.billing-alert-content.warning{background-color:var(--warning-50);border:1px solid var(--warning-200)}.billing-alert-message{margin:0;font-size:.875rem;line-height:1.5}.billing-alert-content.error .billing-alert-message{color:var(--error-700)}.billing-alert-content.warning .billing-alert-message{color:var(--warning-700)}.billing-alert-message strong{font-weight:600}.billing-alert-content.error .billing-alert-message strong{color:var(--error-800)}.billing-alert-content.warning .billing-alert-message strong{color:var(--warning-800)}.billing-alert-actions{display:flex;justify-content:flex-start}.billing-alert-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--error-600);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.billing-alert-button:hover{background-color:var(--error-700);transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.billing-alert-button:active{transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.system-status.success{background-color:var(--success-100);color:var(--success-700)}.system-status.warning{background-color:var(--warning-100);color:var(--warning-700)}.system-status.neutral{background-color:var(--neutral-100);color:var(--neutral-600)}.system-status.error{background-color:var(--error-100);color:var(--error-700)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-chart-container,.dashboard-conversations-container,.dashboard-stats-container{height:350px}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-4)}.dashboard-actions{width:100%;align-items:stretch}.plan-usage{min-width:auto}.stat-cards{grid-template-columns:1fr}.dashboard-chart-container,.dashboard-conversations-container,.dashboard-stats-container{height:auto;min-height:-moz-fit-content;min-height:fit-content;padding:var(--spacing-4)}.billing-alert-content{margin:var(--spacing-2) 0;padding:var(--spacing-2);gap:var(--spacing-2)}.billing-alert-message{font-size:.75rem;line-height:1.4}.dashboard-conversations-container{height:auto;min-height:-moz-fit-content;min-height:fit-content}.dashboard-conversations-container .active-conversations-list,.system-info-content{gap:var(--spacing-3)}.system-info-item{padding:var(--spacing-3);gap:var(--spacing-3)}.system-info-count{font-size:1.25rem;min-width:2.5rem}.billing-alert-content{margin:var(--spacing-3) 0;padding:var(--spacing-3);gap:var(--spacing-3)}.billing-alert-message{font-size:.8125rem}}@media (max-width: 480px){.dashboard-chart-container,.dashboard-conversations-container,.dashboard-stats-container{padding:var(--spacing-3)}.dashboard-chart-container h2,.dashboard-conversations-container h2,.dashboard-stats-container h2{font-size:1rem;margin-bottom:var(--spacing-3)}.dashboard-conversations-container{height:auto;min-height:-moz-fit-content;min-height:fit-content}.system-info-content{gap:var(--spacing-2)}.system-info-item{padding:var(--spacing-2);gap:var(--spacing-2)}.system-info-count{font-size:1.125rem;min-width:2rem}.system-info-title{font-size:.8125rem}.system-info-date{font-size:.6875rem}}.conversations-page{display:flex;flex-direction:column;gap:var(--spacing-6)}.conversations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.conversations-header h1{margin:0}.conversations-actions{display:flex;gap:var(--spacing-3);align-items:center}.conversations-list{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.conversations-table{width:100%;border-collapse:collapse}.conversation-header-row{display:flex;width:100%;background-color:var(--neutral-100);border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-primary)}.conversation-row{display:flex;width:100%;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast) ease;color:var(--text-primary)}.conversation-row:hover{background:#dfdfdf}.conversation-row.unread{background-color:var(--bg-secondary);font-weight:500}.conversation-row.read{background-color:#f2f6fc;opacity:.8}.conversation-row.read:hover{background-color:#e9ecef}.conversation-row.unread:hover{background-color:#f2f6fc}.conversation-cell{font-size:.8rem;padding:var(--spacing-3);display:flex;align-items:center}.conversation-header-row .conversation-cell:nth-child(1),.conversation-row .conversation-cell:nth-child(1){flex:2}.conversation-header-row .conversation-cell:nth-child(2),.conversation-row .conversation-cell:nth-child(2){flex:1}.conversation-header-row .conversation-cell:nth-child(3),.conversation-row .conversation-cell:nth-child(3){flex:1.5}.conversation-header-row .conversation-cell:nth-child(4),.conversation-row .conversation-cell:nth-child(4){flex:1.5}.conversation-header-row .conversation-cell:nth-child(5),.conversation-row .conversation-cell:nth-child(5){flex:1;justify-content:flex-end}.customer-phone{font-size:.625rem;color:var(--text-secondary)}.last-contact{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:.8rem}.followup-stage{display:flex;flex-direction:column;gap:var(--spacing-1);color:var(--text-secondary);font-size:.75rem}.empty-state h3{margin-top:var(--spacing-4);color:var(--neutral-700)}@media (max-width: 1024px){.conversation-header-row .conversation-cell:nth-child(4),.conversation-row .conversation-cell:nth-child(4){display:none}.conversation-header-row .conversation-cell,.conversation-row .conversation-cell{flex:1}.conversation-header-row .conversation-cell:nth-child(1),.conversation-row .conversation-cell:nth-child(1){flex:2}}@media (max-width: 768px){.conversations-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.conversations-actions{width:100%;flex-direction:column;gap:var(--spacing-3)}.search-filter-container{width:100%;flex-direction:column}.search-box{width:100%}.search-box input{width:100%;min-width:auto}.filter-controls{width:100%}.filter-control{flex:1}.filter-control select{width:100%}.refresh-btn,.export-btn{width:100%;justify-content:center}}@media (max-width: 640px){.conversations-table{display:block}.conversation-header-row{display:none}.conversation-row{display:flex;flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-2)}.conversation-cell{padding:var(--spacing-1) 0;width:100%;display:flex;justify-content:center;align-items:center}.conversation-cell:nth-child(3){justify-content:center}.conversation-cell:nth-child(5){justify-content:center;flex-direction:column;gap:var(--spacing-2)}.conversation-cell:nth-child(5) .view-btn{margin:0 auto}.conversation-cell:nth-child(5):before{display:none}.conversation-cell:before{content:attr(data-label);font-weight:600;margin-right:var(--spacing-2)}}.customers-page{display:flex;flex-direction:column;gap:var(--spacing-6)}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.customers-header h1{margin:0}.customers-actions{display:flex;gap:var(--spacing-3);align-items:center}.search-filter-container{display:flex;gap:var(--spacing-3)}.search-box{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--bg-secondary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.search-box input{border:none;outline:none;background:none;font-size:.875rem;min-width:250px;color:var(--text-primary)}.search-box .search-btn{white-space:nowrap;padding:var(--spacing-1) var(--spacing-3);font-size:.875rem}.filter-box{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--bg-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.filter-box select{border:none;outline:none;background:none;font-size:.875rem;color:var(--text-primary);cursor:pointer}.filter-controls{display:flex;gap:var(--spacing-4)}.filter-control{display:flex;align-items:center;gap:var(--spacing-2)}.filter-control label{font-size:.875rem;color:var(--text-primary);white-space:nowrap}.filter-control select{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem;color:var(--text-primary);cursor:pointer;outline:none}.refresh-btn,.export-btn{display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap}.customers-list{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customer-header-row{display:flex;width:100%;background-color:var(--neutral-100);border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-primary)}.customer-row{display:flex;width:100%;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast) ease;background-color:var(--bg-secondary);color:var(--text-primary)}.customer-row:hover{background-color:#f2f6fc}.customer-cell{font-size:.8rem;padding:var(--spacing-3);display:flex;align-items:center}.customer-header-row .customer-cell:nth-child(1),.customer-row .customer-cell:nth-child(1){flex:2}.customer-header-row .customer-cell:nth-child(2),.customer-row .customer-cell:nth-child(2){flex:2}.customer-header-row .customer-cell:nth-child(3),.customer-row .customer-cell:nth-child(3){flex:1}.customer-header-row .customer-cell:nth-child(4),.customer-row .customer-cell:nth-child(4){flex:1}.customer-header-row .customer-cell:nth-child(5),.customer-row .customer-cell:nth-child(5){flex:1;justify-content:flex-end}.customer-info{display:flex;align-items:center;gap:8px}.customer-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-secondary);border-radius:100%;color:var(--text-secondary)}.customer-name-container{display:flex;flex-direction:column;gap:2px}.customer-company{font-size:.625rem;color:var(--text-secondary)}.customer-details{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.customer-phone{color:var(--text-secondary);font-size:.75rem}.app-badge{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-weight:600;text-transform:uppercase;display:inline-block}.app-badge.imo{background-color:var(--accent-100);color:var(--accent-800)}.customer-date{color:var(--text-secondary);font-size:.8rem}.lead-badge{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-weight:500;display:inline-block}.view-btn{padding:var(--spacing-1) var(--spacing-3);font-size:.75rem;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast) ease}.view-btn:hover{background-color:var(--primary-600);color:#fff}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-6)}.pagination-btn{padding:var(--spacing-2) var(--spacing-4);background-color:#fff;border:1px solid var(--neutral-300);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease}.pagination-btn:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--neutral-600)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);text-align:center;color:var(--neutral-500)}.empty-state h3{margin-top:var(--spacing-4);color:var(--neutral-700);font-size:1.125rem}.customer-contact{display:flex;flex-direction:column;gap:var(--spacing-1)}.customer-contact a{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-2)}.customer-contact a:hover{color:var(--primary-400)}.customer-contact svg{width:16px;height:16px;color:var(--text-secondary)}.contact-item{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-primary);font-size:.8rem}.contact-item svg{width:13px;height:13px;color:var(--text-secondary)}.contact-item a{color:var(--text-primary);text-decoration:none;font-size:.875rem}.contact-item a:hover{color:var(--primary-400)}@media (max-width: 1024px){.customer-header-row .customer-cell,.customer-row .customer-cell{flex:1}.customer-header-row .customer-cell:nth-child(4),.customer-row .customer-cell:nth-child(4){display:none}.customer-header-row .customer-cell:nth-child(1),.customer-row .customer-cell:nth-child(1){flex:2}}@media (max-width: 768px){.customers-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.customer-company{font-size:.75rem;color:var(--text-secondary)}.customers-actions{width:100%;flex-direction:column;gap:var(--spacing-3)}.search-filter-container{width:100%;flex-direction:column}.search-box{width:100%}.search-box input{width:100%;min-width:auto}.filter-controls{width:100%}.filter-control{flex:1}.filter-control select{width:100%}.refresh-btn,.export-btn{width:100%;justify-content:center}}@media (max-width: 640px){.customers-table{display:block}.customer-header-row{display:none}.customer-row{display:flex;flex-direction:column;padding:var(--spacing-4);gap:var(--spacing-2);align-items:center;text-align:center}.customer-cell{padding:var(--spacing-1) 0;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--spacing-1)}.customer-info{flex-direction:column;align-items:center;gap:var(--spacing-2)}.customer-avatar{width:48px;height:48px}.customer-avatar svg{width:20px;height:20px}.customer-name{font-size:1rem;margin-bottom:var(--spacing-1)}.customer-contact{align-items:center}.contact-item{justify-content:center}.customer-date{margin-top:var(--spacing-1)}.view-btn{margin-top:var(--spacing-2)}.customer-cell:before{display:none}}.analytics-page{display:flex;flex-direction:column;gap:var(--spacing-6)}.analytics-header{display:flex;justify-content:space-between;align-items:center}.analytics-header h1{margin:0}.analytics-controls{display:flex;gap:var(--spacing-3)}.date-range-selector{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);transition:background-color .3s ease}.date-range-selector select{border:none;background:none;font-size:.875rem;padding-right:var(--spacing-2);color:var(--text-secondary);outline:none;min-width:140px}.date-range-selector svg{flex-shrink:0;margin-right:var(--spacing-2)}.custom-date-inputs{display:flex;align-items:center;gap:var(--spacing-2)}.custom-date-inputs input[type=date]{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:.875rem;color:var(--text-primary);background-color:var(--bg-primary);outline:none;transition:border-color .3s ease}.custom-date-inputs input[type=date]:focus{border-color:var(--primary-500)}.custom-date-inputs span{color:var(--text-secondary);font-size:.875rem}.export-btn{display:flex;align-items:center;gap:var(--spacing-2)}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-4)}.analytics-card{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease,background-color .3s ease}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px var(--shadow-color)}.analytics-card-icon{width:48px;height:48px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--primary-600)}.analytics-card-content{flex:1}.analytics-card-content h3{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--spacing-1) 0;font-weight:500}.analytics-card-content p{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.analytics-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.analytics-chart{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);padding:var(--spacing-6);height:400px;display:flex;flex-direction:column;transition:background-color .3s ease}.analytics-chart h2{margin-top:0;margin-bottom:var(--spacing-4);font-size:1.25rem;color:var(--text-primary)}.chart-container{flex:1;min-height:0;position:relative;width:100%}.analytics-lead-section{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);padding:var(--spacing-6);transition:background-color .3s ease}.analytics-lead-section h2{margin-top:0;margin-bottom:var(--spacing-6);font-size:1.25rem;color:var(--text-primary)}.lead-chart-container{display:flex;gap:var(--spacing-6)}.lead-chart{flex:1;max-width:400px;height:300px}.lead-stats{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-6)}.lead-stat{display:flex;flex-direction:column;gap:var(--spacing-2);position:relative;background-color:var(--bg-primary);padding:var(--spacing-4);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);transition:background-color .3s ease}.lead-stat h3{margin:0;font-size:1rem;color:var(--text-primary)}.lead-stat p{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.lead-indicator{position:absolute;top:0;bottom:0;left:0;width:4px;border-radius:2px 0 0 2px}.lead-indicator.hot{background-color:var(--success-500)}.lead-indicator.warm{background-color:var(--warning-500)}.lead-indicator.cold{background-color:var(--error-500)}@media (max-width: 1024px){.analytics-charts{grid-template-columns:1fr}.lead-chart-container{flex-direction:column;align-items:center}.lead-chart{max-width:100%;width:100%}.lead-stats{width:100%;flex-direction:row;flex-wrap:wrap}.lead-stat{flex:1;min-width:200px}}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.analytics-controls{width:100%;justify-content:space-between}.lead-stats{flex-direction:column}.date-range-selector{flex-direction:row;flex-wrap:wrap;width:100%}.date-range-selector select{flex:1;min-width:0}.custom-date-inputs{flex-direction:column;margin-top:var(--spacing-2);width:100%}.custom-date-inputs input[type=date]{width:100%}.custom-date-inputs span{text-align:center;margin:var(--spacing-1) 0}}@media (max-width: 640px){.date-range-selector,.export-btn{width:100%;justify-content:center}.analytics-controls{flex-direction:column}}.billing-container{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.billing-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-8)}.header-actions{display:flex;gap:var(--spacing-3);align-items:center}.header-content h1{display:flex;align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-2) 0;font-size:2rem;font-weight:600;color:var(--text-primary)}.header-content p{margin:0;color:var(--text-secondary);font-size:1.1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center}.loading-state p{margin-top:var(--spacing-4);color:var(--text-secondary);font-size:1rem}.plan-info-section{margin-bottom:var(--spacing-8)}.plan-info-section h2{margin:0 0 var(--spacing-4) 0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.plan-name{display:flex;flex-direction:column;gap:var(--spacing-1)}.plan-name h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.current-invoices-section{margin-bottom:var(--spacing-8)}.current-invoices-section h2{color:var(--text-primary);margin-bottom:var(--spacing-2);font-size:1.5rem;font-weight:600}.current-invoices-section .section-description{color:var(--text-secondary);margin-bottom:var(--spacing-6);font-size:.95rem}.pending-invoices-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.pending-invoice-item{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);transition:all .2s ease;display:grid;grid-template-columns:1fr auto;grid-template-areas:"info status-actions";gap:var(--spacing-6);align-items:start}.pending-invoice-item:hover{border-color:var(--warning-500);box-shadow:0 4px 12px #fb923c1a}.pending-invoice-item.paid{border-color:var(--success-300)}.pending-invoice-item.paid:hover{border-color:var(--success-500);box-shadow:0 4px 12px #22c55e1a}.pending-invoice-item.paid .invoice-amount{color:var(--success-600)}.pending-invoice-item.paid .invoice-meta svg{color:var(--success-500)}.pending-invoice-item.pending{border-color:var(--warning-300)}.pending-invoice-item.pending:hover{border-color:var(--warning-500);box-shadow:0 4px 12px #fb923c1a}.pending-invoice-item.pending .invoice-amount{color:var(--warning-600)}.pending-invoice-item.pending .invoice-meta svg{color:var(--warning-500)}.pending-invoice-item .invoice-info{grid-area:info;display:flex;flex-direction:column;gap:var(--spacing-3)}.pending-invoice-item .invoice-title{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.pending-invoice-item .invoice-title h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;line-height:1.4}.pending-invoice-item .invoice-amount{font-size:1.25rem;font-weight:700;white-space:nowrap}.pending-invoice-item .invoice-meta{display:flex;flex-direction:column;gap:var(--spacing-2)}.pending-invoice-item .invoice-meta span{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:.9rem}.pending-invoice-item .invoice-meta svg{flex-shrink:0}.pending-invoice-item .invoice-status-actions{grid-area:status-actions;display:flex;flex-direction:column;gap:var(--spacing-3);align-items:flex-end}.pending-invoice-item .invoice-status{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);font-size:.85rem;font-weight:500;white-space:nowrap}.pending-invoice-item .invoice-status.paid{background:#22c55e1a;color:var(--success-700);border:1px solid rgba(34,197,94,.2)}.pending-invoice-item .invoice-status.pending{background:#fb923c1a;color:var(--warning-700);border:1px solid rgba(251,146,60,.2)}.pending-invoice-item .invoice-status.overdue{background:#ef44441a;color:var(--error-700);border:1px solid rgba(239,68,68,.2)}.pending-invoice-item .invoice-actions{display:flex;gap:var(--spacing-2)}.no-pending-invoices{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--text-secondary);background:var(--surface-primary);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg)}.no-pending-invoices svg{color:var(--warning-400);margin-bottom:var(--spacing-4)}.no-pending-invoices h3{color:var(--text-primary);margin-bottom:var(--spacing-2);font-size:1.25rem;font-weight:600}.no-pending-invoices p{font-size:.95rem;margin:0}.invoice-history-section{margin-bottom:var(--spacing-8)}.invoice-history-section h2{margin:0 0 var(--spacing-6) 0;font-size:1.5rem;font-weight:600;color:var(--text-primary);position:relative;padding-bottom:var(--spacing-3)}.invoice-history-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:2px}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8);background:linear-gradient(135deg,var(--surface-primary) 0%,rgba(248,250,252,.8) 100%);border:2px dashed var(--border-color);border-radius:16px;color:var(--text-secondary);min-height:200px;transition:all .3s ease}.empty-history:hover{border-color:var(--primary-300);background:linear-gradient(135deg,var(--surface-primary) 0%,rgba(239,246,255,.8) 100%)}.empty-history svg{color:var(--primary-400);margin-bottom:var(--spacing-4);display:block;opacity:.7;transition:all .3s ease}.empty-history:hover svg{color:var(--primary-500);opacity:1;transform:scale(1.05)}.empty-history h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.empty-history p{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:300px}.invoice-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.invoice-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"info status-actions";align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:linear-gradient(135deg,var(--surface-primary) 0%,rgba(255,255,255,.8) 100%);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.invoice-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));opacity:0;transition:opacity .3s ease}.invoice-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px);border-color:var(--primary-200)}.invoice-item:hover:before{opacity:1}.invoice-info{grid-area:info;display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0}.invoice-status-actions{grid-area:status-actions;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-3)}.invoice-title{margin:0}.invoice-title h4{margin:0 0 var(--spacing-1) 0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.invoice-amount{font-size:1.25rem;font-weight:700;color:var(--primary-600);margin-top:var(--spacing-1)}.invoice-meta span{display:flex;align-items:center;gap:var(--spacing-1)}.invoice-status{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:20px;font-size:.875rem;font-weight:500;white-space:nowrap;border:1px solid transparent}.invoice-status.paid{background:linear-gradient(135deg,var(--success-100),var(--success-50));color:var(--success-700);border-color:var(--success-200)}.invoice-status.pending{background:linear-gradient(135deg,var(--warning-100),var(--warning-50));color:var(--warning-700);border-color:var(--warning-200)}.invoice-status.overdue{background:linear-gradient(135deg,var(--error-100),var(--error-50));color:var(--error-700);border-color:var(--error-200)}.invoice-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.invoice-actions .btn{padding:var(--spacing-2) var(--spacing-3);font-size:.875rem;border-radius:8px;transition:all .2s ease;white-space:nowrap}.invoice-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.status-text{font-size:.875rem;font-weight:500;text-transform:capitalize}@media (max-width: 768px){.invoice-item{grid-template-columns:1fr;grid-template-areas:"info" "status-actions";gap:var(--spacing-3);padding:var(--spacing-4);text-align:center}.invoice-info{text-align:center;align-items:center}.invoice-title h4,.invoice-amount{text-align:center}.invoice-meta{align-items:center}.invoice-meta span{justify-content:center}.invoice-status-actions{align-items:center;gap:var(--spacing-2)}.invoice-status{align-self:center;justify-self:center}.invoice-actions{justify-self:center;justify-content:center;flex-wrap:wrap;width:100%}.invoice-actions .btn{flex:1;min-width:120px}.pending-invoice-item{grid-template-columns:1fr;grid-template-areas:"info" "status-actions";gap:var(--spacing-3);padding:var(--spacing-4);text-align:center}.pending-invoice-item .invoice-info{text-align:center;align-items:center}.pending-invoice-item .invoice-title{flex-direction:column;align-items:center;gap:var(--spacing-2)}.pending-invoice-item .invoice-title h4,.pending-invoice-item .invoice-amount{text-align:center}.pending-invoice-item .invoice-meta{align-items:center}.pending-invoice-item .invoice-meta span{justify-content:center}.pending-invoice-item .invoice-status-actions{align-items:center;gap:var(--spacing-2)}.pending-invoice-item .invoice-status{align-self:center;justify-self:center}.pending-invoice-item .invoice-actions{justify-self:center;justify-content:center}.invoice-history-section h2{text-align:center}.invoice-history-section h2:after{left:50%;transform:translate(-50%)}}.billing-section{margin-bottom:var(--spacing-8)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.section-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.plan-status{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);font-size:.875rem;font-weight:500}.plan-status.paid{background-color:var(--success-100);color:var(--success-700)}.plan-status.pending{background-color:var(--warning-100);color:var(--warning-700)}.plan-info-grid{display:grid;gap:var(--spacing-6)}.plan-cards{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.plan-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color);gap:var(--spacing-3)}.plan-name{flex:1;min-width:0}.plan-header h3{margin:0 0 var(--spacing-1) 0;font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.3}.plan-price{font-size:1.5rem;font-weight:700;color:var(--primary-600);line-height:1.2}.plan-price small{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.plan-status{flex-shrink:0}.plan-details{margin-bottom:var(--spacing-4)}.detail-item{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);color:var(--text-secondary);font-size:.875rem}.detail-item:last-child{margin-bottom:0}.detail-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);color:var(--text-secondary);font-size:.875rem}.detail-row.onboarding-info{color:var(--primary-600);font-weight:500;background:var(--primary-50);padding:var(--spacing-2);border-radius:var(--radius-sm);border-left:3px solid var(--primary-500)}.detail-row.onboarding-info svg{color:var(--primary-500)}.usage-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-top:var(--spacing-4);box-shadow:var(--shadow-sm);transition:all .2s ease}.usage-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #3b82f61a}.usage-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.usage-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--border-radius-lg);color:#fff;flex-shrink:0}.usage-title{flex:1;min-width:0;margin:0}.usage-title h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.usage-period{font-size:.85rem;color:var(--text-secondary);margin:0}.usage-stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1);flex-shrink:0}.usage-numbers{display:flex;align-items:baseline;gap:var(--spacing-1)}.usage-count{font-size:1.25rem;font-weight:700;color:var(--primary-600);line-height:1}.usage-limit{font-size:.9rem;color:var(--text-secondary);font-weight:500}.usage-percentage-inline{margin-top:var(--spacing-1)}.usage-percentage-inline span{font-size:.8rem;color:var(--text-secondary);font-weight:500;background:var(--neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);border:1px solid var(--border-color)}.usage-progress{margin-bottom:var(--spacing-3)}.usage-bar{width:100%;height:6px;background-color:var(--neutral-200);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-2);position:relative}.usage-fill{height:100%;transition:width .3s ease;border-radius:3px;position:relative}.usage-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.usage-percentage{display:flex;justify-content:center;align-items:center}.usage-percentage span{font-size:.8rem;color:var(--text-secondary);font-weight:500}.usage-warning{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(135deg,var(--error-50),var(--error-100));border:1px solid var(--error-200);border-radius:var(--border-radius);color:var(--error-700);font-size:.8rem;font-weight:500;margin-top:var(--spacing-2)}.usage-warning svg{color:var(--error-500);flex-shrink:0;width:14px;height:14px}.overage-cost{margin-left:auto;font-weight:700;color:var(--error-600);background:var(--error-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-size:.75rem}.invoices-grid{display:grid;gap:var(--spacing-3)}.invoice-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.invoice-card.pending{border-left:3px solid var(--warning-500)}.invoice-card.paid{border-left:3px solid var(--success-500);background:var(--success-50)}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.invoice-title-section{display:flex;align-items:flex-start;gap:var(--spacing-2);flex:1;min-width:0}.invoice-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--primary-50);border-radius:8px;color:var(--primary-600);flex-shrink:0}.invoice-card.paid .invoice-icon{background-color:var(--success-50);color:var(--success-600)}.invoice-card.pending .invoice-icon{background-color:var(--warning-50);color:var(--warning-600)}.invoice-info{flex:1;min-width:0}.invoice-info h3{margin:0 0 var(--spacing-1) 0;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3;word-wrap:break-word}.invoice-status{display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0}.status-text{font-size:.8rem;font-weight:500;text-transform:capitalize}.status-text.paid{color:var(--success-600)}.status-text.pending{color:var(--warning-600)}.status-text.overdue{color:var(--error-600)}.invoice-id{font-size:.875rem;color:var(--text-secondary);font-family:monospace}.invoice-amount{display:block;font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2}.invoice-details{margin-bottom:var(--spacing-3);padding:var(--spacing-2);background-color:var(--neutral-25);border-radius:var(--border-radius);border:1px solid var(--border-color)}.detail-row{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);font-size:.8rem;color:var(--text-secondary);padding:0}.detail-row:last-child{margin-bottom:0}.detail-row svg{color:var(--primary-500);flex-shrink:0;width:12px;height:12px}.invoice-actions{display:flex;gap:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-color);justify-content:flex-end}.invoice-actions .btn{min-width:100px;justify-content:center;padding:var(--spacing-1) var(--spacing-3);font-size:.8rem}.no-pending-invoices{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8);color:var(--text-secondary);min-height:200px}.no-pending-invoices svg{color:var(--success-500);margin-bottom:var(--spacing-4);display:block}.no-pending-invoices h3{margin:0 0 var(--spacing-2) 0;color:var(--text-primary);font-size:1.125rem;font-weight:600}.no-pending-invoices p{margin:0;font-size:.875rem;color:var(--text-secondary)}.invoice-history{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.invoice-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-color)}.invoice-row:last-child{border-bottom:none}.invoice-row:hover{background-color:var(--neutral-50)}.invoice-main h4{margin:0 0 var(--spacing-1) 0;font-size:1rem;font-weight:500;color:var(--text-primary)}.invoice-meta{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:.875rem;color:var(--text-secondary)}.status-badge{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-size:.75rem;font-weight:500}.status-badge.paid{background-color:var(--success-100);color:var(--success-700)}.status-badge.overdue{background-color:var(--error-100);color:var(--error-700)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:var(--primary-700)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background-color:var(--neutral-50);color:var(--text-primary)}.btn-danger{color:var(--error-600);border-color:var(--error-200)}.btn-danger:hover:not(:disabled){background-color:var(--error-50);color:var(--error-700);border-color:var(--error-300)}.btn.loading{opacity:.7;pointer-events:none}.btn.loading svg{animation:spin 1s linear infinite}.loading-spinner{width:40px;height:40px;border:4px solid var(--neutral-200);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4) auto}.error-message{text-align:center;padding:var(--spacing-8);color:var(--text-secondary)}.error-message svg{color:var(--error-500);margin-bottom:var(--spacing-4)}.error-message h2{margin:0 0 var(--spacing-2) 0;color:var(--text-primary)}.error-message p{margin:0 0 var(--spacing-4) 0}.notification{position:fixed;top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius);font-weight:500;z-index:1000;animation:slideIn .3s ease}.notification.success{background-color:var(--success-100);color:var(--success-700);border:1px solid var(--success-200)}.notification.error{background-color:var(--error-100);color:var(--error-700);border:1px solid var(--error-200)}.notification.info{background-color:var(--primary-100);color:var(--primary-700);border:1px solid var(--primary-200)}@media (max-width: 768px){.billing-container{padding:var(--spacing-4)}.billing-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.header-actions{width:100%;justify-content:flex-start}.header-content h1{font-size:1.5rem}.plan-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2)}.plan-name{text-align:center}.plan-name h3{font-size:1.125rem}.plan-price{font-size:1.25rem}.plan-cards{padding:var(--spacing-3);text-align:center}.plan-details{margin-bottom:var(--spacing-3)}.detail-row{justify-content:center}.usage-card{padding:var(--spacing-3);text-align:center}.usage-card-header{flex-direction:column;gap:var(--spacing-3);text-align:center}.usage-card-header>div:first-child{justify-content:center}.usage-icon{align-self:center}.usage-title{text-align:center}.usage-stats{justify-content:center}.invoice-row{grid-template-columns:1fr;gap:var(--spacing-2)}.invoice-actions{justify-content:flex-start;flex-wrap:wrap}.invoice-actions .btn{flex:1;min-width:auto}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.current-invoices-section h2,.current-invoices-section .section-description{text-align:center;width:100%}.invoice-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-3)}.invoice-title-section{width:100%;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2)}.invoice-info{text-align:center}.invoice-status{align-self:center}.invoice-details{text-align:center}.invoice-details .detail-row{justify-content:center}}@media (max-width: 480px){.header-actions{flex-direction:column;width:100%;gap:var(--spacing-2)}.header-actions .btn{width:100%;justify-content:center}.current-invoices-section h2,.current-invoices-section .section-description{text-align:center;width:100%}.plan-cards{padding:var(--spacing-2);text-align:center}.plan-header{margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);align-items:center;text-align:center}.plan-name{text-align:center}.plan-name h3{font-size:1rem}.plan-price{font-size:1.125rem}.usage-card{padding:var(--spacing-2);text-align:center}.usage-card-header{flex-direction:column;gap:var(--spacing-2);text-align:center}.usage-card-header>div:first-child{justify-content:center;gap:var(--spacing-2)}.usage-icon{align-self:center;width:32px;height:32px}.usage-title h4{font-size:1rem;text-align:center}.usage-period{font-size:.8rem}.usage-stats{justify-content:center;gap:var(--spacing-1)}.usage-count,.usage-limit{font-size:1rem}.plan-details{margin-bottom:var(--spacing-2)}.detail-row{font-size:.8rem;margin-bottom:var(--spacing-1);justify-content:center}.usage-card{padding:var(--spacing-3);text-align:center}.invoice-header{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2)}.invoice-actions{width:100%;flex-direction:column}.invoice-actions .btn{width:100%;justify-content:center}.invoice-title-section{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2)}.invoice-icon{width:32px;height:32px}.invoice-info{text-align:center}.invoice-info h3{font-size:13px}.invoice-amount{font-size:16px}.invoice-status{align-self:center}.invoice-details{padding:var(--spacing-2);text-align:center}.invoice-details .detail-row{justify-content:center}.invoice-actions .btn{padding:var(--spacing-1) var(--spacing-2);font-size:.75rem;min-width:80px}.invoice-item{text-align:center;padding:var(--spacing-3)}.invoice-info{text-align:center;align-items:center}.invoice-title h4{text-align:center;font-size:.95rem}.invoice-amount{text-align:center;font-size:1.1rem}.invoice-meta{align-items:center;text-align:center}.invoice-meta span{justify-content:center;font-size:.8rem}.invoice-status-actions{align-items:center;gap:var(--spacing-2)}.invoice-status{align-self:center;justify-self:center;font-size:.8rem;padding:var(--spacing-1) var(--spacing-2)}.invoice-actions{justify-content:center;gap:var(--spacing-1)}.invoice-actions .btn{flex:1;max-width:100px;padding:var(--spacing-1) var(--spacing-2);font-size:.7rem}.invoice-history-section h2{text-align:center;font-size:1.25rem}.empty-history,.no-pending-invoices{padding:var(--spacing-6);min-height:150px}.empty-history svg,.no-pending-invoices svg{width:40px;height:40px}.empty-history h3,.no-pending-invoices h3{font-size:1rem}.empty-history p,.no-pending-invoices p{font-size:.8rem}.pending-invoice-item{text-align:center;padding:var(--spacing-3)}.pending-invoice-item .invoice-info{text-align:center;align-items:center}.pending-invoice-item .invoice-title{flex-direction:column;align-items:center;gap:var(--spacing-2)}.pending-invoice-item .invoice-title h4{text-align:center;font-size:.95rem}.pending-invoice-item .invoice-amount{text-align:center;font-size:1.1rem}.pending-invoice-item .invoice-meta{align-items:center;text-align:center}.pending-invoice-item .invoice-meta span{justify-content:center;font-size:.8rem}.pending-invoice-item .invoice-status-actions{align-items:center;gap:var(--spacing-2)}.pending-invoice-item .invoice-status{align-self:center;justify-self:center;font-size:.8rem;padding:var(--spacing-1) var(--spacing-2)}.pending-invoice-item .invoice-actions{justify-content:center;gap:var(--spacing-1)}.pending-invoice-item .invoice-actions .btn{flex:1;max-width:100px;padding:var(--spacing-1) var(--spacing-2);font-size:.7rem}}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 4px 6px #0000001a}.notification.success{background-color:#ecfdf5;border:1px solid #34d399;color:#065f46}.notification.error{background-color:#fef2f2;border:1px solid #f87171;color:#991b1b}.notification.info{background-color:#eff6ff;border:1px solid #60a5fa;color:#1e40af}.notification-icon{width:20px;height:20px}.notification-icon.success{color:#34d399}.notification-icon.error{color:#f87171}.notification-icon.info{color:#60a5fa}.notification-message{font-size:14px;font-weight:500}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.notification-content svg{flex-shrink:0}.notification.success .notification-content svg{color:var(--success-600)}.notification.error .notification-content svg{color:var(--error-600)}.notification.info .notification-content svg{color:var(--info-600)}.notification span{color:var(--neutral-800);font-size:.875rem;line-height:1.4}.notification-close{background:none;border:none;padding:var(--spacing-1);color:var(--neutral-500);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease}.notification-close:hover{background-color:var(--neutral-100);color:var(--neutral-700)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.notification{left:20px;right:20px;min-width:auto}}.settings-page{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;max-width:100%;padding:var(--spacing-4)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);width:100%}.settings-header h1{margin:0}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-6);min-height:calc(100vh - 200px);width:100%}.settings-tabs{display:flex;gap:var(--spacing-1);background-color:var(--bg-secondary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;transition:background-color .3s ease;width:100%;min-width:0;justify-content:center;flex-wrap:wrap;align-items:center}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;background:none;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease;white-space:nowrap;border-bottom:2px solid transparent;min-width:-moz-fit-content;min-width:fit-content;flex:0 0 auto}.settings-tab:hover{color:var(--primary-600);background-color:var(--bg-primary)}.settings-tab.active{color:var(--primary-700);border-bottom-color:var(--primary-600);background-color:var(--primary-50)}@media (max-width: 1024px){.settings-tabs{padding:var(--spacing-2);gap:var(--spacing-2)}.settings-tab{padding:var(--spacing-2);min-width:40px;width:40px;height:40px}.settings-tab span{display:none}.settings-tab svg{margin:0;width:20px;height:20px;flex-shrink:0}}@media (max-width: 768px){.settings-page{padding:var(--spacing-2)}.settings-content{gap:var(--spacing-4)}.settings-panel{padding:var(--spacing-4)}.settings-tabs{padding:var(--spacing-1);gap:var(--spacing-1)}.settings-tab{min-width:36px;width:36px;height:36px}.settings-tab svg{width:18px;height:18px}.settings-card,.agent-card,.prompt-card{padding:var(--spacing-4)}.form-actions{flex-direction:column}.form-actions button{width:100%}.uploaded-file-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.file-status{align-self:flex-end}}@media (max-width: 360px){.settings-tabs{padding:var(--spacing-1)}.settings-tab{min-width:32px;width:32px;height:32px}.settings-tab svg{width:16px;height:16px}}.settings-panel{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:0 2px 4px var(--shadow-color);transition:background-color .3s ease;width:100%}.settings-section{width:100%;max-width:100%}.settings-section h2{margin:0 0 var(--spacing-6) 0;color:var(--text-primary)}.settings-form{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.form-group{width:100%}.form-group label{font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.875rem;background-color:var(--bg-secondary);color:var(--text-primary)}.form-group textarea{min-height:200px;font-family:monospace;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.toggle-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.form-help{font-size:.75rem;color:var(--text-secondary);margin:0}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color)}.error-message{background-color:var(--error-100);color:var(--error-700);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem}.success-message{background-color:var(--success-100);color:var(--success-700);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem}.input-readonly{background-color:var(--bg-primary);cursor:not-allowed;opacity:.8;border-style:dashed!important}.input-readonly+.form-help{color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-1)}.danger-zone{margin-top:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--error-200)}.danger-zone h3{color:var(--error-700)}.danger-action{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:var(--neutral-50);border-radius:var(--border-radius-md);margin-top:var(--spacing-4)}.danger-action h4{margin:0 0 var(--spacing-1) 0;color:var(--neutral-900)}.danger-action p{margin:0;font-size:.875rem;color:var(--neutral-600)}.followup-stages{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.followup-stage-btn{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--border-radius-md);background:none;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast) ease}.followup-stage-btn.active{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.followup-stage-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-section{display:grid;gap:var(--spacing-6)}.prompt-card{width:100%;padding:var(--spacing-6);background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 2px 4px var(--shadow-color);margin-bottom:var(--spacing-4)}.prompt-card:hover{border-color:var(--primary-200);box-shadow:0 2px 8px #0000000d}.prompt-card-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.prompt-card-header h3{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.prompt-card-header .icon{color:var(--primary-500)}.agent-select-container{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.agent-select{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.agent-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.agent-select:disabled{opacity:.6;cursor:not-allowed}.prompt-textarea{width:100%;min-height:200px;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-family:monospace;font-size:.875rem;line-height:1.5;resize:vertical;transition:all .2s ease}.prompt-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.prompt-info{margin-top:var(--spacing-2);padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);font-size:.875rem;color:var(--text-secondary)}.prompt-info strong{color:var(--primary-600)}.prompt-variables{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.prompt-variable{padding:var(--spacing-1) var(--spacing-2);background-color:var(--primary-50);color:var(--primary-700);border-radius:var(--border-radius-sm);font-size:.75rem;font-family:monospace}.apply-template-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-template-btn:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--primary-400);color:var(--primary-600)}.apply-template-btn:disabled{opacity:.6;cursor:not-allowed}.file-upload-area{display:flex;align-items:center;justify-content:center;position:relative;border:2px dashed var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-8);text-align:center;transition:all var(--transition-fast) ease;background-color:var(--bg-primary);width:100%}.file-upload-area:hover{border-color:var(--primary-400);background-color:var(--bg-secondary)}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);cursor:pointer;color:var(--text-primary)}.file-upload-label span{font-weight:500;font-size:1rem}.file-upload-label small{color:var(--text-secondary);font-size:.875rem}.uploaded-files-list{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}.uploaded-file-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-4);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);position:relative}.file-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.file-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.file-name{font-weight:500;color:var(--text-primary)}.file-size{font-size:.75rem;color:var(--text-secondary)}.file-status{display:flex;align-items:center;gap:var(--spacing-2)}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500}.status-badge.pending{background-color:var(--warning-100);color:var(--warning-700)}.status-uploading,.status-processing{display:flex;align-items:center;gap:var(--spacing-1);color:var(--primary-600);font-size:.875rem}.status-completed{display:flex;align-items:center;gap:var(--spacing-1);color:var(--success-600);font-size:.875rem}.status-error{display:flex;align-items:center;gap:var(--spacing-1);color:var(--error-600);font-size:.875rem}.remove-file-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease}.remove-file-btn:hover{background-color:var(--error-100);color:var(--error-600)}.file-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--neutral-200);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-500);transition:width .3s ease}.file-error{position:absolute;bottom:-20px;left:0;right:0;color:var(--error-600);font-size:.75rem}.empty-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-secondary);text-align:center;gap:var(--spacing-2)}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.document-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-4);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast) ease;width:100%;min-width:0}.document-item:hover{border-color:var(--primary-400);background-color:var(--bg-secondary)}.document-info{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0;overflow:hidden}.document-details{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;overflow:hidden}.document-title{font-weight:500;color:var(--text-primary);word-wrap:break-word;word-break:break-word;white-space:normal;overflow:visible;line-height:1.3;margin-bottom:var(--spacing-1)}.document-date,.document-size{font-size:.75rem;color:var(--text-secondary)}.delete-document-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease}.delete-document-btn:hover{background-color:var(--error-100);color:var(--error-600)}.rag-info{margin-top:var(--spacing-6);padding:var(--spacing-6);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-500)}.rag-info h3{margin:0 0 var(--spacing-3) 0;color:var(--text-primary)}.rag-info p{margin:0 0 var(--spacing-4) 0;color:var(--text-secondary);line-height:1.6}.supported-formats h4{margin:0 0 var(--spacing-2) 0;color:var(--text-primary)}.supported-formats ul{margin:0;padding-left:var(--spacing-4);color:var(--text-secondary)}.supported-formats li{margin-bottom:var(--spacing-1)}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-6);background-color:var(--neutral-50);border-radius:var(--border-radius-md)}.qr-code-container img{max-width:300px;height:auto}.qr-code-timer{font-size:.875rem;color:var(--neutral-600)}.loader{width:40px;height:40px;border:4px solid var(--primary-100);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin:var(--spacing-6) auto}.connected-instance{background-color:var(--neutral-50);border-radius:var(--border-radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.connected-instance h3{margin:0 0 var(--spacing-4) 0;color:var(--neutral-800)}.instance-details{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.detail-label{font-weight:500;color:var(--neutral-600)}.detail-value{color:var(--neutral-900)}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500}.status-badge.connected{background-color:var(--success-100);color:var(--success-700)}.status-badge.disconnected{background-color:var(--error-100);color:var(--error-700)}@media (max-width: 480px){.settings-panel{padding:var(--spacing-3)}.unsaved-changes-warning{left:var(--spacing-4);right:var(--spacing-4);bottom:var(--spacing-4);justify-content:center}}.unsaved-changes-warning{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--warning-100);color:var(--warning-700);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:100;animation:slideIn .3s ease-out}.unsaved-changes-warning svg{color:var(--warning-500)}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.evolution-instance{margin-top:var(--spacing-6);padding:var(--spacing-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.evolution-instance h3{margin:0 0 var(--spacing-4) 0;color:var(--text-primary);font-size:1rem}.no-instance{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);color:var(--text-secondary);text-align:center}.settings-card{width:100%;padding:var(--spacing-6);background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 2px 4px var(--shadow-color);margin-bottom:var(--spacing-4)}.settings-card h3{margin:0 0 var(--spacing-4) 0;color:var(--text-primary);font-size:1rem}.instance-details{display:flex;flex-direction:column;gap:var(--spacing-3)}.instance-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-color)}.instance-item:last-child{border-bottom:none}.instance-label{color:var(--text-secondary);font-size:.875rem}.instance-value{font-weight:500;color:var(--text-primary);font-size:.875rem}.instance-value.status-connected{color:var(--success-600)}.instance-value.status-disconnected{color:var(--error-600)}.no-instance{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);color:var(--text-secondary)}.no-instance p{margin:0;font-size:.875rem}.temperature-slider-container{margin-top:.5rem;padding:0 .5rem;width:100%}.temperature-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:1px;background:linear-gradient(to right,#ff4d4d var(--value-percent),#e0e0e0 var(--value-percent))}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;background:transparent}.temperature-slider::-moz-range-thumb{width:0;height:0;background:transparent;border:none}.temperature-scale{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 .25rem;font-size:.75rem;color:#666}.dark .temperature-scale{color:#999}.dark .temperature-slider{background:linear-gradient(to right,#ff4d4d var(--value-percent),#4a4a4a var(--value-percent))}.temperature-description{margin-top:1rem;padding:.5rem;background-color:#f5f5f5;border-radius:4px}.dark .temperature-description{background-color:#2a2a2a}.behavior-text{font-size:.9rem;color:#333}.dark .behavior-text{color:#e0e0e0}.usage-text{font-size:.85rem;color:#666;margin-top:.5rem}.dark .usage-text{color:#999}.user-settings-section{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);width:100%}.password-section{background-color:var(--bg-primary);padding:var(--spacing-4);border-radius:var(--border-radius-md);border:1px solid var(--border-color);margin-top:var(--spacing-4);position:relative;transition:all .3s ease;width:100%;margin-bottom:var(--spacing-6)}.password-section:hover{border-color:var(--primary-200);box-shadow:0 2px 8px #0000000d}.password-section h3{margin:0 0 var(--spacing-4) 0;font-size:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2)}.password-section h3:before{content:"";display:inline-block;width:4px;height:4px;background-color:var(--primary-400);border-radius:50%}.password-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.password-fields .form-group{margin:0}.password-fields input{max-width:300px;transition:all .2s ease}.password-fields input:focus{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.password-fields{grid-template-columns:1fr}.password-fields input{max-width:100%}}.plan-section{background-color:var(--bg-primary);padding:var(--spacing-4);border-radius:var(--border-radius-md);border:1px solid var(--border-color);margin-top:var(--spacing-4);position:relative;transition:all .3s ease;width:100%;margin-bottom:var(--spacing-6)}.plan-section:hover{border-color:var(--primary-200);box-shadow:0 2px 8px #0000000d}.plan-section h3{margin:0 0 var(--spacing-4) 0;font-size:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2)}.plan-info{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.plan-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.plan-name,.plan-extra{display:flex;align-items:center;gap:var(--spacing-2)}.plan-name .label,.plan-extra .label{color:var(--text-secondary);font-size:.875rem}.plan-name .value,.plan-extra .value{font-weight:500;color:var(--text-primary)}.plan-name .value{color:var(--primary-600);font-weight:600}.upgrade-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--primary-400);color:var(--primary-600);background:transparent;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{background-color:var(--primary-50);border-color:var(--primary-500);transform:translateY(-1px)}.upgrade-btn:active{transform:translateY(0)}@media (max-width: 640px){.plan-info{flex-direction:column;align-items:flex-start}.upgrade-btn{width:100%;justify-content:center;margin-top:var(--spacing-2)}}.plan-usage{margin-top:var(--spacing-3)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.usage-header .label{color:var(--text-secondary);font-size:.875rem}.usage-header .value{font-size:.875rem;color:var(--text-primary);font-weight:500}.usage-bar-container{width:100%;height:6px;background-color:var(--bg-secondary);border-radius:var(--border-radius-full);overflow:hidden}.usage-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:var(--border-radius-full)}.usage-warning{display:flex;align-items:center;gap:var(--spacing-2);color:var(--error-600);font-size:.75rem;margin-top:var(--spacing-2)}.usage-warning svg{flex-shrink:0}@media (max-width: 640px){.plan-info{flex-direction:column;align-items:flex-start}.plan-details{width:100%}.usage-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.upgrade-btn{width:100%;justify-content:center;margin-top:var(--spacing-4)}}.agent-section{display:grid;gap:var(--spacing-6);width:100%}.agent-card{border:1px solid var(--border-color);padding:var(--spacing-4);transition:all .3s ease;width:100%;padding:var(--spacing-6);background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 2px 4px var(--shadow-color);margin-bottom:var(--spacing-4)}.agent-card:hover{border-color:var(--primary-200);box-shadow:0 2px 8px #0000000d}.agent-card-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.agent-card-header h3{margin:0;font-size:1.1rem;color:var(--text-primary);font-weight:600}.agent-card-header .icon{color:var(--primary-500)}.followup-section{margin-top:var(--spacing-4)}.followup-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2);margin-top:var(--spacing-2)}.followup-stage-btn{padding:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:center}.followup-stage-btn:hover:not(:disabled){border-color:var(--primary-400);background-color:var(--primary-50)}.followup-stage-btn.active{background-color:var(--primary-500);border-color:var(--primary-600);color:#fff}.followup-stage-btn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary);color:var(--primary-600)}.temperature-section{margin-top:var(--spacing-6);width:100%}.temperature-slider-container{background-color:var(--bg-secondary);padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-top:var(--spacing-2)}.temperature-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary-500) 0%,var(--primary-500) var(--value-percent, 50%),var(--bg-primary) var(--value-percent, 50%),var(--bg-primary) 100%);border-radius:var(--border-radius-full);outline:none}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background-color:var(--primary-500);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:2px solid white;box-shadow:0 2px 4px #0000001a}.temperature-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.temperature-scale{display:flex;justify-content:space-between;margin-top:var(--spacing-2);color:var(--text-secondary);font-size:.75rem}.temperature-description{margin-top:var(--spacing-3);padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md)}.behavior-text{color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-2)}.usage-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.whatsapp-section{margin-top:var(--spacing-6);width:100%}.whatsapp-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background-color:var(--bg-primary);border-radius:8px;padding:20px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:1.2rem;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);opacity:.7;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-content{margin-bottom:20px;background-color:var(--bg-primary)}.modal-content .form-group{margin-top:15px}.block-time-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary)}.input-suffix{margin-left:8px;color:var(--text-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-footer .btn{min-width:100px}@media (max-width: 768px){.documents-list{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.documents-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}:root[data-theme=dark] .document-item,:root[data-theme=dark] .file-upload-area,:root[data-theme=dark] .rag-info{background-color:#ffffff0d}:root[data-theme=dark] .document-item:hover,:root[data-theme=dark] .file-upload-area:hover{background-color:#ffffff14}.apis-section{display:flex;flex-direction:column;gap:1.5rem}.apis-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.loading-apis{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-secondary)}.empty-apis{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:.5rem;gap:.5rem}.empty-apis svg{color:var(--text-tertiary);margin-bottom:.5rem}.apis-list{display:flex;flex-direction:column;gap:1rem}.api-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color);transition:all .2s ease}.api-item:hover{border-color:var(--primary-400);box-shadow:0 2px 4px #0000001a}.api-info{display:flex;align-items:center;gap:1rem;flex:1}.api-details{display:flex;flex-direction:column;gap:.25rem}.api-name{font-weight:500;color:var(--text-primary)}.api-type{font-size:.875rem;color:var(--text-secondary)}.api-date{font-size:.75rem;color:var(--text-tertiary)}.api-status{display:flex;align-items:center}.status-badge{padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500}.status-badge.active{background-color:var(--success-100);color:var(--success-700)}.status-badge.inactive{background-color:var(--error-100);color:var(--error-700)}.api-actions{display:flex;gap:.5rem}.edit-api-btn,.delete-api-btn{padding:.5rem;border-radius:.375rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.edit-api-btn:hover{color:var(--primary-500);background:var(--primary-100)}.delete-api-btn:hover{color:var(--error-500);background:var(--error-100)}.apis-info{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.api-types-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.api-type-item{padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-color)}.api-type-item h4{color:var(--text-primary);margin-bottom:.5rem}.api-type-item p{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-primary);border-radius:.5rem;width:100%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-content{padding:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid var(--border-color)}.conversation-detail{display:flex;flex-direction:column;gap:var(--spacing-6)}.conversation-detail-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.back-button{display:flex;align-items:center;gap:var(--spacing-2);color:var(--neutral-600);text-decoration:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);transition:all var(--transition-fast) ease}.back-button:hover{background-color:var(--neutral-100);color:var(--neutral-800)}.conversation-detail-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6)}.conversation-messages,.customer-profile{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.conversation-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--neutral-200);background-color:var(--neutral-50)}.customer-info{display:flex;align-items:center;gap:var(--spacing-3)}.customer-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-600)}.customer-details h3{margin:0 0 var(--spacing-1) 0;font-size:1rem}.customer-meta{display:flex;gap:var(--spacing-2)}.conversation-date{display:flex;flex-direction:column;gap:var(--spacing-3)}.conversation-date .date-info{display:flex;align-items:center}.conversation-date .date-info span{color:var(--neutral-600);font-size:.875rem}.conversation-date .btn-intervention{width:100%;justify-content:center}.messages-container{flex:1;padding:var(--spacing-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-3);max-height:500px}.message{display:flex;margin-bottom:var(--spacing-2)}.message-user{justify-content:flex-end}.message-content{position:relative;padding:12px 12px 28px;border-radius:8px;max-width:70%;word-wrap:break-word}.agent-name{font-size:12px;color:var(--neutral-600);margin-bottom:4px;font-weight:500}.message-bot .agent-name{text-align:left}.message-content p{margin:0;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message-user .message-content{background-color:var(--primary-100);color:var(--primary-900);border-radius:var(--border-radius-md) var(--border-radius-md) 0 var(--border-radius-md)}.message-bot .message-content{background-color:var(--neutral-100);color:var(--neutral-900);border-radius:var(--border-radius-md) var(--border-radius-md) var(--border-radius-md) 0}.message-time{font-size:.7rem;color:var(--neutral-500);position:absolute;bottom:8px;right:12px;margin-top:6px;padding-top:4px}.message-date-header{text-align:center;margin:var(--spacing-3) 0;font-size:.75rem;color:var(--neutral-600);position:relative}.message-date-header:before,.message-date-header:after{content:"";position:absolute;top:50%;width:30%;height:1px;background-color:var(--neutral-300)}.message-date-header:before{left:0}.message-date-header:after{right:0}.message-input{display:flex;padding:var(--spacing-3);border-top:1px solid var(--neutral-200);gap:var(--spacing-2)}.message-input input{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--neutral-300);border-radius:var(--border-radius-md);font-size:.875rem;transition:all var(--transition-fast) ease}.message-input .btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3);border-radius:var(--border-radius-md);transition:all var(--transition-fast) ease}.message-input .btn-refresh{background-color:var(--neutral-100);border:1px solid var(--neutral-200);color:var(--neutral-600)}.message-input .btn-refresh:hover:not(:disabled){background-color:var(--neutral-200);color:var(--neutral-700)}.message-input .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.message-input .btn-refresh .spin{animation:spin 1s linear infinite}.message-input input.disabled{background-color:var(--neutral-100);border-color:var(--neutral-200);color:var(--neutral-500);cursor:not-allowed}.message-input input.disabled::-moz-placeholder{color:var(--neutral-500)}.message-input input.disabled::placeholder{color:var(--neutral-500)}.send-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);transition:all var(--transition-fast) ease}.send-btn.disabled{background-color:var(--neutral-200);border-color:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed}.send-btn.disabled:hover{background-color:var(--neutral-200);border-color:var(--neutral-300);color:var(--neutral-500)}.customer-profile{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section{border-bottom:1px solid var(--neutral-200);padding-bottom:var(--spacing-4)}.profile-section:last-of-type{border-bottom:none}.profile-section h3{margin:0 0 var(--spacing-4) 0;font-size:1rem;color:var(--neutral-700)}.profile-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.profile-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.profile-label{font-weight:500;color:var(--neutral-600);font-size:.8125rem}.profile-value{color:var(--neutral-900);text-align:right;word-break:break-word;max-width:60%;font-size:.8125rem}.lead-qualification{margin-top:var(--spacing-1)}.lead-badge{color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600}.conversation-id{font-size:.75rem;font-family:monospace;background-color:var(--neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.profile-actions{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:auto;padding-top:var(--spacing-4)}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--neutral-500);gap:var(--spacing-3)}.no-data{color:var(--neutral-500);font-style:italic;text-align:center}.message-image,.message-audio,.message-document,.message-location,.message-contact{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.message-audio{position:relative;width:100%}.audio-icon{position:absolute;top:0;right:0;color:var(--text-muted);padding:4px}.audio-content{width:100%;word-break:break-word;white-space:pre-wrap;line-height:1.4;padding-right:28px}@media (max-width: 1024px){.conversation-detail-content{grid-template-columns:1fr;gap:var(--spacing-4)}.messages-container{max-height:400px}}@media (max-width: 768px){.conversation-info{flex-direction:column;align-items:center;gap:var(--spacing-2);text-align:center;padding:var(--spacing-4)}.customer-info{flex-direction:column;align-items:center;width:100%;gap:var(--spacing-1)}.customer-avatar{width:32px;height:32px;margin-bottom:var(--spacing-1)}.customer-details{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:var(--spacing-1)}.customer-details h3{margin-bottom:var(--spacing-1)}.customer-meta{display:flex;justify-content:center;margin-top:var(--spacing-1);width:100%}.message-content{max-width:85%}.conversation-date{width:100%}.conversation-date .btn-intervention{width:100%;justify-content:center}}@media (max-width: 640px){.customer-info{width:100%}.profile-item{flex-direction:row;align-items:center;gap:var(--spacing-2);justify-content:flex-start}.profile-value{max-width:60%;text-align:left}.profile-label{min-width:-moz-fit-content;min-width:fit-content;margin-right:var(--spacing-1)}}.conversation-summary{background-color:var(--neutral-50);padding:var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--neutral-200)}.conversation-summary p{margin:0;font-size:.875rem;line-height:1.5;color:var(--neutral-800);white-space:pre-line}.header-actions{display:flex;align-items:center;gap:var(--spacing-3);margin-left:auto}.btn-intervention{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;color:var(--error-700);background-color:var(--error-100);border:1px solid var(--error-300);transition:all var(--transition-fast) ease}.btn-intervention:hover{background-color:var(--error-200);border-color:var(--error-400)}.btn-intervention.active{background-color:var(--success-100);border-color:var(--success-300);color:var(--success-700)}.btn-intervention.active:hover{background-color:var(--success-200);border-color:var(--success-400)}.btn-status{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;width:100%;justify-content:center;transition:all var(--transition-fast) ease}.btn-status.finish{background-color:var(--warning-100);border:1px solid var(--warning-300);color:var(--warning-700)}.btn-status.finish:hover{background-color:var(--warning-200);border-color:var(--warning-400)}.btn-status.reopen{background-color:var(--success-100);border:1px solid var(--success-300);color:var(--success-700)}.btn-status.reopen:hover{background-color:var(--success-200);border-color:var(--success-400)}.intervention-timer{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;color:var(--warning-700);background-color:var(--warning-100);border:1px solid var(--warning-200)}.conversation-detail .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.conversation-detail .modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;margin:20px;animation:modal-fade-in .2s ease-out;border:1px solid #e1e1e1}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.conversation-detail .modal-header{background-color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1e1e1}.conversation-detail .modal-header h3{margin:0;font-size:1.1rem;color:var(--text-color)}.conversation-detail .modal-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-color-light);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.conversation-detail .modal-close:hover{background-color:var(--hover-color);color:var(--text-color)}.conversation-detail .modal-content{background-color:#fff;padding:20px}.conversation-detail .modal-content p{margin:0 0 16px;color:var(--text-color)}.conversation-detail .form-group{display:flex;align-items:center;gap:8px;margin-bottom:8px}.conversation-detail .block-time-input{flex:1;padding:8px 12px;border:1px solid #e1e1e1;border-radius:4px;font-size:1rem;background-color:#fff;color:#333}.conversation-detail .input-suffix{color:#666;font-size:.9rem}.conversation-detail .form-help{font-size:.85rem;color:#666;margin-top:4px}.conversation-detail .modal-footer{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:16px 20px;border-top:1px solid #e1e1e1;display:flex;justify-content:flex-end;gap:12px}.conversation-detail .modal-footer .btn{padding:8px 16px;font-size:.9rem}.conversation-detail .agent-disabled-banner{position:sticky;top:0;left:0;right:0;z-index:100;background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:12px 20px;display:flex;align-items:center;gap:12px;margin-bottom:16px;border-radius:4px;box-shadow:0 2px 4px #0000000d;animation:slide-down .3s ease-out}.conversation-detail .agent-disabled-banner svg{color:#856404;flex-shrink:0}.conversation-detail .agent-disabled-banner span{font-weight:500}.conversation-detail .time-remaining{display:inline-flex;align-items:center;gap:6px;margin-left:8px}.conversation-detail .time-remaining svg{margin-top:-2px}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.btn-danger{background-color:var(--error-100);color:var(--error-700);border:1px solid var(--error-300)}.btn-danger:hover{background-color:var(--error-200);border-color:var(--error-400)}.delete-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%}.delete-warning{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--error-50);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4)}.delete-warning svg{color:var(--error-500);flex-shrink:0}.delete-warning p{margin:0;font-weight:500;color:var(--error-700)}.delete-notice{color:var(--neutral-600);font-size:.875rem;line-height:1.5}.modal-footer .btn-danger{background-color:var(--error-600);color:#fff;border:none}.modal-footer .btn-danger:hover{background-color:var(--error-700)}@media (max-width: 768px){.delete-warning{flex-direction:column;text-align:center;padding:var(--spacing-3)}}.btn-refresh{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;background:var(--neutral-100);border:1px solid var(--neutral-200);color:var(--neutral-600);cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:var(--neutral-200);color:var(--neutral-700)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-refresh .spin{animation:spin 1s linear infinite}.customer-detail{display:flex;flex-direction:column;gap:var(--spacing-6)}.customer-detail-header{display:flex;align-items:center;gap:var(--spacing-4)}.back-button{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);text-decoration:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);transition:all var(--transition-fast) ease}.back-button:hover{background-color:var(--bg-primary);color:var(--text-primary)}.customer-detail-content{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-6)}.customer-profile-card,.customer-conversations{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);overflow:hidden;transition:background-color .3s ease}.customer-profile-card{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-header{display:flex;gap:var(--spacing-4);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-6);align-items:flex-start}.customer-avatar-large{width:80px;height:80px;border-radius:50%;background-color:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-600);flex-shrink:0}.customer-basic-info{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.customer-basic-info h2{margin:0;color:var(--text-primary)}.customer-badges{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.conversion-toggle{margin-top:var(--spacing-2);background-color:var(--bg-secondary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);border:1px solid var(--neutral-200)}.cust-toggle-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;padding:var(--spacing-1) 0;gap:var(--spacing-6)}.cust-toggle-label span{font-size:.875rem;color:var(--text-secondary);font-weight:500}.cust-toggle-switch{position:relative;width:44px;height:24px}.cust-toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--neutral-300);transition:var(--transition-fast);border-radius:24px}.toggle-slider:hover{background-color:var(--neutral-400)}input:checked+.toggle-slider:hover{background-color:var(--primary-700)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--bg-secondary);transition:var(--transition-fast);border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-600)}input:checked+.toggle-slider:before{transform:translate(20px)}input:disabled+.toggle-slider{opacity:.7;cursor:not-allowed}input:disabled+.toggle-slider:before{background-color:var(--neutral-200)}input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--primary-100)}input:checked:focus+.toggle-slider{box-shadow:0 0 0 2px var(--primary-200)}.profile-actions-header{display:flex;align-items:flex-start}.edit-actions{display:flex;gap:var(--spacing-2)}.app-badge{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-weight:600;text-transform:uppercase}.app-badge.pet{background-color:var(--success-100);color:var(--success-800)}.app-badge.hsp{background-color:var(--primary-100);color:var(--primary-800)}.app-badge.sdr{background-color:var(--warning-100);color:var(--warning-800)}.lead-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;color:var(--neutral-50)}.customer-since{font-size:.75rem;color:var(--text-secondary)}.profile-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-section h3{margin:0;font-size:1rem;color:var(--text-primary)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-4)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-3)}.contact-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);background-color:var(--primary-50);color:var(--primary-600);flex-shrink:0;margin-top:var(--spacing-1)}.contact-details{display:flex;flex-direction:column;flex:1}.contact-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-1)}.contact-value{font-weight:500;color:var(--text-primary)}.contact-value.code{font-family:monospace;background-color:var(--bg-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.75rem}.edit-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--neutral-300);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;transition:border-color var(--transition-fast) ease}.edit-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.location-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.location-header{display:flex;align-items:flex-start;gap:var(--spacing-2);color:var(--neutral-700)}.location-input{flex:1;margin-left:var(--spacing-2)}.distance-info{font-size:.875rem;color:var(--neutral-600);margin-left:var(--spacing-6)}.map-link{display:flex;align-items:center;gap:var(--spacing-1);margin-left:var(--spacing-6);font-size:.875rem}.quiz-answers{display:flex;flex-direction:column;gap:var(--spacing-2)}.quiz-answer{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--neutral-100)}.question-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--primary-100);color:var(--primary-700);font-weight:600;font-size:.75rem;flex-shrink:0}.answer-text{font-size:.875rem;line-height:1.5}.payment-info{display:flex;flex-direction:column;gap:var(--spacing-3)}.payment-amount,.payment-id{display:flex;justify-content:space-between;align-items:center}.payment-label{font-weight:500;color:var(--neutral-700)}.payment-value{font-weight:600}.payment-value.code{font-family:monospace;background-color:var(--neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:.75rem}.customer-conversations{padding:var(--spacing-6)}.customer-conversations h3{margin:0 0 var(--spacing-4) 0;font-size:1rem;color:var(--text-primary)}.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);gap:var(--spacing-3)}.conversations-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.conversation-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);transition:all var(--transition-fast) ease-in-out;background-color:var(--bg-primary);text-decoration:none;color:var(--text-primary);border-left:3px solid transparent}.conversation-item:hover{background-color:var(--primary-50);border-left-color:var(--primary-400);transform:translate(2px)}.conversation-content{display:flex;flex-direction:column;gap:var(--spacing-2)}.conversation-header{display:flex;gap:var(--spacing-2)}.conversation-info{display:flex;flex-direction:column;gap:var(--spacing-1);font-size:.75rem;color:var(--text-secondary)}.conversation-date,.last-message-time{display:flex;align-items:center;gap:var(--spacing-1)}.conversation-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.view-conversation{display:flex;align-items:center;gap:var(--spacing-1);color:var(--primary-600);font-size:.75rem;font-weight:500}.status-badge{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-weight:500}.status-badge.active{background-color:var(--success-100);color:var(--success-800)}.status-badge.inactive{background-color:var(--neutral-200);color:var(--neutral-700)}.no-data{color:var(--text-secondary);font-style:italic;text-align:center}.error-message{background-color:var(--error-100);color:var(--error-700);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem;margin-bottom:var(--spacing-4)}.success-message{background-color:var(--success-100);color:var(--success-700);padding:var(--spacing-3);border-radius:var(--border-radius-md);font-size:.875rem;margin-bottom:var(--spacing-4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000026;width:100%;max-width:450px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.modal-header{display:flex;align-items:center;gap:var(--spacing-3);justify-content:flex-start}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-content{font-size:.875rem;color:var(--text-secondary);line-height:1.6;background-color:var(--bg-primary);padding:var(--spacing-4);border-radius:var(--border-radius-md)}.modal-content p{margin:0 0 var(--spacing-3) 0}.modal-content p:last-child{margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-2)}@media (max-width: 1024px){.customer-detail-content{grid-template-columns:1fr;gap:var(--spacing-4)}}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:center;text-align:center}.customer-badges{align-items:center}.cust-toggle-label{justify-content:center}.contact-grid{grid-template-columns:1fr}.edit-actions{flex-direction:column;width:100%}}@media (max-width: 640px){.payment-amount,.payment-id{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.conversation-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.view-conversation{align-self:flex-end}}.campaigns-container{padding:var(--spacing-6);max-width:100%;margin:0 auto;background-color:var(--background-default);min-height:calc(100vh - var(--header-height))}.campaigns-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.header-buttons{display:flex;gap:var(--spacing-3);align-items:center}.campaigns-header h1{margin:0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:400}.create-campaign-btn,.manage-lists-btn{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast) ease}.create-campaign-btn{background-color:var(--primary-600);color:#fff}.create-campaign-btn:hover{background-color:var(--primary-700);transform:translateY(-1px)}.manage-lists-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.manage-lists-btn:hover{background-color:#e5e7eb;color:#1f2937;transform:translateY(-1px)}.campaigns-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-4)}.campaign-card{background-color:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-color);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.campaign-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.edit-campaign-btn{background:none;border:none;cursor:pointer;color:var(--primary-600);padding:var(--spacing-1);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) ease}.edit-campaign-btn:hover{color:var(--primary-700);background-color:var(--primary-50);transform:scale(1.1)}.campaign-info h3{margin:0 0 var(--spacing-4) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:600}.campaign-info p{margin:var(--spacing-2) 0;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem}.campaign-config{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color);font-size:.875rem}.campaign-config p{margin:var(--spacing-2) 0;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:400}.campaign-stats{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.campaign-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-6)}.start-btn,.pause-btn,.end-btn,.delete-btn{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex:1}.start-btn{background-color:var(--success-600);color:var(--text-white)}.start-btn:hover{background-color:var(--success-700)}.pause-btn{background-color:var(--warning-600);color:var(--text-white)}.pause-btn:hover{background-color:var(--warning-700)}.delete-btn{background-color:#fff;color:#dc2626;border:1px solid #DC2626!important}.delete-btn:hover{background-color:#dc2626;color:#fff}.end-btn{background-color:var(--warning-300);color:var(--text-white)}.end-btn:hover{background-color:var(--warning-400);color:var(--text-white)}.no-campaigns{text-align:center;padding:var(--spacing-8);background-color:var(--background-card);border-radius:var(--border-radius-lg);color:var(--text-secondary);grid-column:1 / -1;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-secondary);gap:var(--spacing-4);min-height:50vh}.loading-spinner{border:3px solid var(--border-color);border-radius:50%;border-top:3px solid var(--primary-600);width:24px;height:24px;animation:spin 1s linear infinite}@media (max-width: 768px){.campaigns-container{padding:var(--spacing-4)}.campaigns-header{flex-direction:column;gap:var(--spacing-4);text-align:center}.campaigns-list{grid-template-columns:1fr}.campaign-card{padding:var(--spacing-4)}.campaign-actions{flex-direction:column}}.create-campaign-container{padding:var(--spacing-6);max-width:100%;margin:0 auto}.create-campaign-page-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.create-campaign-back-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast) ease}.create-campaign-back-button:hover{background-color:var(--bg-hover);border-color:var(--primary-400)}.create-campaign-container h1{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.create-campaign-form{background-color:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);max-width:800px}.create-campaign-form-group{margin-bottom:var(--spacing-4)}.create-campaign-form-row{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.create-campaign-form-row .create-campaign-form-group{flex:1;margin-bottom:0}.create-campaign-form-group label{display:block;margin-bottom:var(--spacing-2);color:var(--text-primary);font-weight:500;font-size:.875rem}.create-campaign-input-with-icon{position:relative;display:flex;align-items:center}.create-campaign-input-with-icon svg{position:absolute;left:var(--spacing-3);color:var(--text-secondary)}.create-campaign-input-with-icon input,.create-campaign-input-with-icon select,.create-campaign-textarea-container textarea{width:100%;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:#fff;color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast) ease}.create-campaign-input-with-icon input:focus,.create-campaign-input-with-icon select:focus,.create-campaign-textarea-container textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.create-campaign-textarea-container{display:flex;align-items:flex-start}.create-campaign-textarea-container svg{margin-top:var(--spacing-2)}.create-campaign-textarea-container textarea{min-height:120px;resize:vertical}.create-campaign-category-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.create-campaign-category-selection{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);margin-top:var(--spacing-2);cursor:pointer;transition:all var(--transition-fast) ease;width:-moz-fit-content;width:fit-content}.create-campaign-category-selection:hover{border-color:var(--primary-400);background-color:var(--bg-hover)}.create-campaign-category-selection label{display:flex;align-items:center;gap:var(--spacing-2);margin:0;font-size:.875rem;color:var(--text-primary);cursor:pointer}.create-campaign-category-selection input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.create-campaign-category-selection svg{color:var(--text-secondary)}.create-campaign-category-content,.create-campaign-file-upload{margin-top:var(--spacing-4)}.create-campaign-file-upload label{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.create-campaign-file-upload input[type=file]{display:block;width:100%;padding:var(--spacing-2);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-secondary);font-size:.875rem;cursor:pointer}.create-campaign-file-name{display:block;margin-top:var(--spacing-2);font-size:.875rem;color:var(--text-secondary)}.create-campaign-character-count{margin-top:var(--spacing-2);font-size:.75rem;color:var(--text-secondary);text-align:right}.create-campaign-radio-group{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-2)}.create-campaign-radio-option{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast) ease;cursor:pointer}.create-campaign-radio-option:hover{border-color:var(--primary-400);background-color:var(--bg-hover)}.create-campaign-radio-option input[type=radio]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--primary-500)}.create-campaign-radio-option label{margin:0;font-size:.875rem;color:var(--text-primary);cursor:pointer;flex:1}.create-campaign-variables-info{background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:12px;margin-top:12px}.variables-info-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.info-icon{font-size:1rem}.variables-info-header strong{color:#0369a1;font-size:.875rem}.variables-list{display:flex;gap:12px;margin-bottom:8px;flex-wrap:wrap}.variable-item{background-color:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;border:1px solid #0ea5e9}.variables-description{font-size:.8rem;color:#475569;margin:0;line-height:1.4}.create-campaign-submit-button{width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--primary-600);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.create-campaign-submit-button:hover{background-color:var(--primary-700)}.create-campaign-submit-button:disabled{background-color:var(--neutral-400);cursor:not-allowed}.create-campaign-spin{animation:create-campaign-spin 1s linear infinite}@keyframes create-campaign-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.create-campaign-container,.create-campaign-form{padding:var(--spacing-4)}.create-campaign-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.create-campaign-back-button{width:100%;justify-content:center}.create-campaign-form-row{flex-direction:column;gap:var(--spacing-3)}.create-campaign-form-row .create-campaign-form-group{margin-bottom:var(--spacing-4)}.variables-list{flex-direction:column;gap:8px}.variable-item{text-align:center}}.manage-lists-container{padding:24px;max-width:1400px;margin:0 auto}.manage-lists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.manage-lists-header h1{font-size:28px;font-weight:600;color:#1f2937;margin:0}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-container{position:relative;display:flex;align-items:center}.search-container svg{position:absolute;left:12px;color:#6b7280;z-index:1}.search-input{padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:300px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-lead-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-lead-btn:hover{background:#2563eb;transform:translateY(-1px)}.leads-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-cardx{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;text-align:center}.stat-number{display:block;font-size:32px;font-weight:700;color:#3b82f6;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.table-container{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-leads{width:100%;border-collapse:collapse}.table-header-row{display:flex;width:100%;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-primary)}.table-row{display:flex;width:100%;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast) ease;color:var(--text-primary)}.table-row:hover{background:#f9fafb}.table-cell{font-size:.8rem;padding:var(--spacing-3);display:flex;align-items:center}.table-header-row .table-cell:nth-child(1),.table-row .table-cell:nth-child(1){flex:3}.table-header-row .table-cell:nth-child(2),.table-row .table-cell:nth-child(2){flex:1}.table-header-row .table-cell:nth-child(3),.table-row .table-cell:nth-child(3){flex:2}.table-header-row .table-cell:nth-child(4),.table-row .table-cell:nth-child(4){flex:1}.table-header-row .table-cell:nth-child(5),.table-row .table-cell:nth-child(5){flex:1}.table-header-row .table-cell:nth-child(6),.table-row .table-cell:nth-child(6){flex:.5;justify-content:flex-end}.lead-info{display:flex;flex-direction:column;gap:5px}.lead-info strong{font-weight:600;color:#1f2937;line-height:1.4}.lead-info small{color:#6b7280;font-size:.75rem;display:inline-block}.contact-info,.location-info,.category-info,.observation-info{display:flex;align-items:center;gap:8px;color:#6b7280;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-info,.observation-info{gap:0}.contact-info svg,.location-info svg{flex-shrink:0}.status-badgex{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:uppercase}.status-ativo{background:#dcfce7;color:#166534}.status-inativo{background:#fef2f2;color:#991b1b}.status-prospecto{background:#fef3c7;color:#92400e}.status-cliente{background:#dbeafe;color:#1e40af}.action-buttons{display:flex;gap:8px}.edit-btn,.delete-btn{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn{background:#f3f4f6;color:#6b7280}.edit-btn:hover{background:#e5e7eb;color:#374151}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fee2e2;color:#b91c1c}.no-leads{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;text-align:center}.no-leads svg{margin-bottom:16px;color:#d1d5db}.no-leads p{font-size:16px;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.close-btn{padding:8px;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-form{padding:0 24px 24px}.form-section{margin-bottom:32px}.form-section h3{font-size:16px;font-weight:500;color:#1f2937;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.category-selection{display:flex;flex-direction:column;gap:10px}.checkbox-container{display:flex;align-items:center;gap:8px}.checkbox-container input[type=checkbox]{width:auto;margin-right:5px}.checkbox-container label{font-size:14px;font-weight:400;margin-bottom:0;color:#6b7280}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn,.save-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.save-btn{background:#3b82f6;color:#fff;display:flex;align-items:center;gap:8px}.save-btn:hover{background:#2563eb}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.table-header-row,.table-row{grid-template-columns:2fr 1.5fr 1fr .8fr .6fr}.table-cell:nth-child(3){display:none}}@media (max-width: 768px){.manage-lists-container{padding:16px}.manage-lists-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.search-input{width:100%}.leads-stats{grid-template-columns:repeat(2,1fr)}.table-header-row,.table-row{grid-template-columns:1fr 1fr .8fr}.table-cell:nth-child(2),.table-cell:nth-child(4){display:none}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.leads-stats{grid-template-columns:1fr}.table-header-row,.table-row{grid-template-columns:1fr .8fr}.table-cell:nth-child(3),.table-cell:nth-child(5){display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdfa;--secondary-100: #ccfbf1;--secondary-200: #99f6e4;--secondary-300: #5eead4;--secondary-400: #2dd4bf;--secondary-500: #14b8a6;--secondary-600: #0d9488;--secondary-700: #0f766e;--secondary-800: #115e59;--secondary-900: #134e4a;--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-300: #6ee7b7;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-800: #065f46;--accent-900: #064e3b;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--bg-primary: var(--neutral-50);--bg-secondary: #ffffff;--surface-primary: #ffffff;--surface-secondary: var(--neutral-50);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--border-color: var(--neutral-200);--border-radius: var(--border-radius-md);--shadow-color: rgba(0, 0, 0, .1);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s}:root.dark-mode{--bg-primary: var(--neutral-900);--bg-secondary: var(--neutral-800);--surface-primary: var(--neutral-800);--surface-secondary: var(--neutral-700);--text-primary: var(--neutral-50);--text-secondary: var(--neutral-300);--border-color: var(--neutral-700);--shadow-color: rgba(0, 0, 0, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-4)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--text-secondary);margin-bottom:var(--spacing-4)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast) ease-in-out}a:hover{color:var(--primary-700)}.container{width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);margin-left:auto;margin-right:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius-md);box-shadow:0 2px 4px var(--shadow-color);padding:var(--spacing-6);transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease,background-color .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px var(--shadow-color)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-weight:600;border-radius:var(--border-radius-md);transition:all var(--transition-fast) ease-in-out;cursor:pointer;outline:none;border:none}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:var(--primary-700)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:.75rem}.btn-secondary{background-color:var(--secondary-600);color:#fff}.btn-secondary:hover{background-color:var(--secondary-700)}.btn-success{background-color:var(--success-600);color:#fff}.btn-success:hover{background-color:var(--success-700)}.btn-warning{background-color:var(--warning-600);color:#fff}.btn-warning:hover{background-color:var(--warning-700)}.btn-danger{background-color:var(--error-600);color:#fff}.btn-danger:hover{background-color:var(--error-700)}.btn-ghost{background-color:transparent;color:var(--neutral-700)}.btn-ghost:hover{background-color:var(--neutral-100)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:.75rem;font-weight:500;border-radius:var(--border-radius-sm)}.badge-primary{background-color:var(--primary-100);color:var(--primary-800)}.badge-secondary{background-color:var(--secondary-100);color:var(--secondary-800)}.badge-success{background-color:var(--success-100);color:var(--success-800)}.badge-warning{background-color:var(--warning-100);color:var(--warning-800)}.badge-danger{background-color:var(--error-100);color:var(--error-800)}.alert{padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4)}.alert-info{background-color:var(--primary-50);border-left:4px solid var(--primary-500)}.alert-success{background-color:var(--success-50);border-left:4px solid var(--success-500)}.alert-warning{background-color:var(--warning-50);border-left:4px solid var(--warning-500)}.alert-danger{background-color:var(--error-50);border-left:4px solid var(--error-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-normal) ease-in-out}.slide-in-up{animation:slideInUp var(--transition-normal) ease-in-out}:root.dark-mode .btn-ghost{color:var(--neutral-300)}:root.dark-mode .btn-ghost:hover{background-color:var(--neutral-700)}:root.dark-mode input,:root.dark-mode select,:root.dark-mode textarea{background-color:var(--neutral-800);border-color:var(--neutral-600);color:var(--text-primary)}:root.dark-mode input:focus,:root.dark-mode select:focus,:root.dark-mode textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-900)}:root.dark-mode table{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark-mode th,:root.dark-mode td{border-color:var(--border-color)}:root.dark-mode a{color:var(--primary-400)}:root.dark-mode a:hover{color:var(--primary-300)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.h-12{height:3rem}.h-3{height:.75rem}.h-44{height:11rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-3{width:.75rem}.w-auto{width:auto}.w-full{width:100%}.max-w-md{max-width:28rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}