*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-dark: #1e40af;--secondary-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--bg-color: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 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)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.screen{display:none;min-height:100vh}.screen.active{display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-nav{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:1000;padding:16px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.landing-nav .nav-brand{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.btn-outline{padding:8px 20px;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-primary-small{padding:8px 20px;background:var(--primary-color);border:none;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s}.btn-primary-small:hover{background:var(--primary-dark)}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer}.hero-section{padding:120px 24px 80px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;display:flex;align-items:center}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{animation:fadeInUp .8s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:24px}.hero-title .highlight{background:linear-gradient(120deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;margin-bottom:32px;opacity:.95;line-height:1.8}.hero-buttons{display:flex;gap:16px;margin-bottom:48px}.btn-hero-primary{padding:16px 32px;background:#fff;color:var(--primary-color);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .3s,box-shadow .3s;display:flex;align-items:center;gap:10px}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-hero-secondary{padding:16px 32px;background:transparent;color:#fff;border:2px solid white;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .3s;display:flex;align-items:center;gap:10px}.btn-hero-secondary:hover{background:#ffffff1a}.hero-stats{display:flex;gap:48px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2.5rem;font-weight:800;line-height:1}.stat-label{font-size:.9rem;opacity:.9;margin-top:8px}.hero-image{animation:fadeInRight .8s ease-out}.dashboard-mockup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.mockup-header{background:#f1f5f9;padding:12px 16px;display:flex;align-items:center}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:#cbd5e1}.mockup-dots span:nth-child(1){background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#10b981}.mockup-content{display:flex;height:400px}.mockup-sidebar{width:80px;background:#1e293b}.mockup-main{flex:1;padding:24px;background:#f8fafc;display:flex;flex-direction:column;gap:16px}.mockup-chart{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px}.mockup-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mockup-card{height:100px;background:#fff;border-radius:8px;box-shadow:var(--shadow)}.features-section{padding:100px 24px;background:#fff}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;color:var(--text-primary)}.section-header p{font-size:1.2rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{padding:32px;background:var(--bg-color);border-radius:16px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:24px}.feature-card h3{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.8}.how-it-works-section{padding:100px 24px;background:var(--bg-color)}.steps-container{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.step-item{flex:1;min-width:200px;max-width:250px;text-align:center;padding:32px}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 24px}.step-item h3{font-size:1.3rem;margin-bottom:12px;color:var(--text-primary)}.step-item p{color:var(--text-secondary);line-height:1.8}.step-arrow{font-size:2rem;color:var(--primary-color)}.pricing-section{padding:100px 24px;background:#fff}.pricing-category{margin-bottom:60px}.pricing-category-header{text-align:center;margin-bottom:40px}.pricing-category-header i{font-size:3rem;color:var(--primary-color);margin-bottom:20px;display:inline-block;padding:20px;background:linear-gradient(135deg,#2563eb1a,#1e40af1a);border-radius:20px}.pricing-category-header h3{font-size:2.2rem;font-weight:900;color:#1e293b;margin-bottom:12px;letter-spacing:-1px}.pricing-category-header p{font-size:1.15rem;color:#64748b;font-weight:500}.pricing-grid-landing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1200px;margin:0 auto}.pricing-card-landing{background:#fff;border-radius:20px;padding:32px 24px;position:relative;transition:all .3s ease;border:2px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;overflow:hidden}.pricing-card-landing:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));opacity:0;transition:opacity .3s ease}.pricing-card-landing:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014;border-color:var(--primary-color)}.pricing-card-landing:hover:before{opacity:1}.pricing-card-landing.featured-landing{border:2px solid var(--primary-color);box-shadow:0 12px 32px #2563eb40,0 4px 12px #2563eb26;transform:scale(1.03);background:linear-gradient(135deg,#fff,#f8faff)}.pricing-card-landing.featured-landing:before{opacity:1;height:5px}.pricing-card-landing.featured-landing:hover{transform:scale(1.06) translateY(-8px);box-shadow:0 24px 48px #2563eb4d,0 8px 16px #2563eb33}.pricing-badge-landing{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:8px 18px;border-radius:25px;font-size:.8rem;font-weight:800;box-shadow:0 4px 12px #fbbf2466,0 2px 4px #fbbf244d;text-transform:uppercase;letter-spacing:.5px;z-index:10}.pricing-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:24px;transition:transform .3s ease;position:relative}.pricing-card-landing:hover .pricing-icon{transform:scale(1.05)}.pricing-header-landing{width:100%;margin-bottom:24px}.pricing-header-landing h4{font-size:1.6rem;font-weight:800;color:#1e293b;margin-bottom:16px;letter-spacing:-.5px}.price-landing{display:flex;align-items:baseline;justify-content:center;gap:8px}.price-amount-landing{font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-1px}.price-unit-landing{font-size:.95rem;color:#64748b;font-weight:600;text-transform:lowercase}.pricing-features-landing{list-style:none;width:100%;text-align:left;margin:0;padding:0}.pricing-features-landing li{padding:12px 0;display:flex;align-items:center;gap:12px;color:#475569;font-size:.95rem;font-weight:500;border-bottom:1px solid #f1f5f9}.pricing-features-landing li:last-child{border-bottom:none}.pricing-features-landing i{color:var(--secondary-color);font-size:.9rem;width:18px;flex-shrink:0}.pricing-special{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:20px;padding:48px 32px;text-align:center;color:#fff;margin-top:60px;box-shadow:0 12px 32px #2563eb4d}.pricing-special-content h3{font-size:2rem;font-weight:800;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px}.pricing-special-content h3 i{font-size:2rem}.pricing-special-content>p{font-size:1.2rem;margin-bottom:32px;opacity:.95}.pricing-special-content>p strong{font-weight:700;font-size:1.3rem}.pricing-special-benefits{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;max-width:800px;margin:0 auto}.special-benefit{display:flex;align-items:center;gap:12px;font-size:1.1rem}.special-benefit i{font-size:1.5rem;color:#fbbf24}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1000px;margin:0 auto}.pricing-card{background:var(--bg-color);border-radius:16px;padding:40px;position:relative;transition:transform .3s,box-shadow .3s}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.08) translateY(-4px)}.pricing-badge{position:absolute;top:-12px;right:24px;background:#fbbf24;color:var(--text-primary);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700}.pricing-header{margin-bottom:32px}.pricing-header h3{font-size:1.5rem;margin-bottom:16px}.price{display:flex;align-items:baseline;gap:8px}.price-amount{font-size:3rem;font-weight:800}.price-unit{font-size:1rem;opacity:.9}.pricing-features{list-style:none}.pricing-features li{padding:12px 0;display:flex;align-items:center;gap:12px}.pricing-features i{color:var(--secondary-color)}.pricing-card.featured .pricing-features i{color:#fbbf24}.cta-section{padding:100px 24px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:16px}.cta-content p{font-size:1.2rem;margin-bottom:32px;opacity:.95}.landing-footer{background:#1e293b;color:#fff;padding:60px 24px 24px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section h4{margin-bottom:16px;font-size:1.1rem}.footer-section p{color:#94a3b8;line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid #334155;color:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}html{scroll-behavior:smooth}.campaign-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:24px;background:var(--bg-color);border-radius:12px}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative}.progress-step-number{width:50px;height:50px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;transition:all .3s ease;border:3px solid transparent}.progress-step.active .progress-step-number{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #2563eb4d}.progress-step.completed .progress-step-number{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.progress-step.completed .progress-step-number:before{content:"✓";font-size:1.5rem}.progress-step-label{margin-top:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.progress-step.active .progress-step-label{color:var(--primary-color)}.progress-step.completed .progress-step-label{color:var(--secondary-color)}.progress-line{flex:1;height:3px;background:var(--border-color);margin:-25px 16px 0;max-width:100px}.progress-step.completed+.progress-line{background:var(--secondary-color)}.step-container{background:var(--card-bg);border-radius:12px;padding:40px;margin-bottom:24px;box-shadow:var(--shadow)}.step-content h3{font-size:1.8rem;margin-bottom:12px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.step-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px}.quick-options{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.quick-option-btn{flex:1;min-width:100px;padding:16px 24px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;font-size:1.1rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.quick-option-btn:hover{border-color:var(--primary-color);background:#2563eb0d;transform:translateY(-2px)}.custom-input-container{margin-bottom:32px}.custom-input-container label{display:block;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.custom-input-container input{width:100%;max-width:300px;padding:14px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:1.1rem;font-weight:600}.custom-input-container input:focus{outline:none;border-color:var(--primary-color)}.message-textarea{width:100%;padding:18px;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;margin-bottom:16px;transition:border-color .3s}.message-textarea:focus{outline:none;border-color:var(--primary-color)}.message-hints{background:#2563eb0d;border-left:4px solid var(--primary-color);padding:16px;border-radius:8px;margin-bottom:32px}.message-hints p{margin:0;color:var(--text-secondary)}.message-hints i{color:var(--primary-color);margin-right:8px}.schedule-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.schedule-option-btn{padding:24px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.schedule-option-btn:hover{border-color:var(--primary-color);background:#2563eb0d;transform:translateY(-2px)}.schedule-option-btn i{font-size:2rem;color:var(--primary-color);margin-bottom:12px;display:block}.schedule-option-btn strong{display:block;font-size:1.2rem;margin-bottom:8px;color:var(--text-primary)}.schedule-option-btn span{display:block;font-size:.9rem;color:var(--text-secondary)}.schedule-datetime{margin-bottom:32px;padding:24px;background:var(--bg-color);border-radius:12px}.step-actions{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid var(--border-color)}.btn-step-continue,.btn-step-back{padding:14px 32px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.btn-step-continue{background:var(--primary-color);color:#fff;border:none;margin-left:auto}.btn-step-continue:hover:not(:disabled){background:var(--primary-dark);transform:translate(4px)}.btn-step-continue:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;transform:none}.btn-step-back{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color)}.btn-step-back:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-pay{background:linear-gradient(135deg,var(--secondary-color),#059669)}.btn-pay:hover{background:linear-gradient(135deg,#059669,var(--secondary-color));box-shadow:0 8px 20px #10b9814d}.campaign-summary{background:var(--bg-color);border-radius:12px;padding:32px;margin-bottom:32px}.summary-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.summary-section:last-child{border-bottom:none;margin-bottom:0}.summary-section h4{font-size:1.1rem;margin-bottom:12px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.summary-channels{display:flex;flex-wrap:wrap;gap:12px}.summary-channel-badge{padding:10px 18px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:8px}.summary-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.summary-message{font-size:1rem;color:var(--text-secondary);line-height:1.6;background:#fff;padding:16px;border-radius:8px;border-left:4px solid var(--primary-color)}.summary-price{background:linear-gradient(135deg,#2563eb1a,#1e40af1a);padding:24px;border-radius:12px;border:2px solid var(--primary-color)}.summary-value-large{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-warning-text{color:#92400e;padding:12px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;display:flex;align-items:center;gap:8px}.summary-info-text{color:var(--text-primary);padding:12px;background:#eff6ff;border-left:4px solid var(--primary-color);border-radius:8px;display:flex;align-items:center;gap:8px}.summary-details{font-size:.9rem;color:var(--text-secondary);margin-top:8px}.price-breakdown-summary{margin-bottom:16px}.price-item-summary{padding:10px;background:#fff;border-radius:6px;margin-bottom:8px;border:1px solid var(--border-color);font-family:Courier New,monospace;font-size:.9rem;color:var(--text-primary)}.section-subtitle{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-top:32px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-description{color:var(--text-secondary);margin-bottom:20px}.account-group{margin-bottom:32px;padding:20px;background:var(--bg-color);border-radius:12px}.account-group h5{font-size:1.1rem;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.account-checkbox{display:flex;align-items:center;padding:12px;background:#fff;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s}.account-checkbox:hover{border-color:var(--primary-color);background:#2563eb0d}.account-checkbox input[type=checkbox]{margin-right:12px;width:20px;height:20px;cursor:pointer}.account-checkbox input[type=checkbox]:checked+.account-info{color:var(--primary-color)}.account-checkbox.selected{border-color:var(--primary-color);background:#2563eb0d}.account-check-indicator{opacity:0;transition:opacity .3s;color:var(--primary-color);font-size:1.2rem}.account-checkbox.selected .account-check-indicator{opacity:1}.account-group-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.account-info small{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:4px}.account-info{display:flex;flex-direction:column;gap:4px}.account-info strong{font-size:1rem}.account-info span{font-size:.85rem;color:var(--text-secondary)}.btn-link{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:8px;margin-top:16px}.btn-link:hover{text-decoration:underline}.contacts-type{margin-bottom:32px;padding:24px;background:var(--bg-color);border-radius:12px}.contacts-type label{display:block;font-weight:600;margin-bottom:12px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.contacts-input-group{display:flex;gap:12px;margin-bottom:16px}.contact-input{flex:1;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem}.contact-input:focus{outline:none;border-color:var(--primary-color)}.btn-add-contact{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .3s}.btn-add-contact:hover{background:var(--primary-dark)}.contacts-list{margin-bottom:16px;min-height:50px}.empty-list{color:var(--text-secondary);font-style:italic;padding:16px;text-align:center}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px}.contact-item span{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.btn-remove-contact{background:none;border:none;color:var(--danger-color);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .3s}.btn-remove-contact:hover{background:#ef44441a}.btn-bulk-upload{width:100%;padding:12px;background:transparent;border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.btn-bulk-upload:hover{border-color:var(--primary-color);color:var(--primary-color);background:#2563eb0d}.npc-chat-container{background:var(--bg-color);border-radius:12px;padding:20px;margin-bottom:20px}.npc-chat-messages{max-height:300px;overflow-y:auto;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px}.npc-message{display:flex;gap:12px;margin-bottom:16px}.npc-message.user{flex-direction:row-reverse}.npc-message.user .npc-content{background:var(--primary-color);color:#fff}.npc-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.npc-avatar.user{background:var(--secondary-color)}.npc-content{background:var(--bg-color);padding:12px 16px;border-radius:12px;flex:1}.npc-content p{margin:0 0 8px}.npc-content ul{margin-left:20px;margin-top:8px}.npc-chat-input-container{display:flex;gap:12px}.npc-chat-input{flex:1;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem}.npc-chat-input:focus{outline:none;border-color:var(--primary-color)}.btn-add-segment{margin-top:12px;padding:10px 20px;background:var(--secondary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .3s}.btn-add-segment:hover{background:#059669}.selected-segments{margin-top:24px;padding:20px;background:var(--bg-color);border-radius:12px}.selected-segments h5{margin-bottom:16px;color:var(--text-primary)}.segment-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:2px solid var(--secondary-color);border-radius:8px;margin-bottom:12px}.segment-info{flex:1}.segment-info strong{display:block;margin-bottom:4px;color:var(--text-primary)}.segment-info span{display:block;color:var(--secondary-color);font-weight:600;margin-bottom:4px}.segment-info small{display:block;color:var(--text-secondary);font-size:.85rem}.btn-remove-segment{background:none;border:none;color:var(--danger-color);cursor:pointer;padding:8px;border-radius:4px;transition:background .3s}.btn-remove-segment:hover{background:#ef44441a}.campaign-summary-container{margin-top:24px}.summary-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.summary-section h4{font-size:1.2rem;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:10px}.summary-section h4 i{color:var(--primary-color)}.summary-empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.summary-empty-state i{font-size:3rem;color:var(--warning-color);margin-bottom:16px}.summary-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.summary-channel-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.summary-channel-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.summary-channel-info{flex:1}.summary-channel-info strong{display:block;color:var(--text-primary);margin-bottom:4px}.summary-channel-info span{font-size:.9rem;color:var(--text-secondary)}.summary-accounts-group{margin-bottom:16px}.summary-accounts-header{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-color);border-radius:8px}.summary-accounts-header i{font-size:1.2rem}.summary-accounts-header strong{flex:1;color:var(--text-primary)}.summary-count{background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.summary-segments{margin-bottom:16px}.summary-segment-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-color);border-radius:8px;margin-bottom:8px}.summary-segment-item i{color:var(--secondary-color);font-size:1.2rem}.summary-segment-item strong{display:block;color:var(--text-primary);margin-bottom:4px}.summary-segment-item span{font-size:.9rem;color:var(--text-secondary)}.summary-contacts-total{margin-top:16px;padding-top:16px;border-top:2px solid var(--border-color)}.summary-total-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:12px 20px;border-radius:8px;font-size:1.1rem;margin-bottom:12px}.summary-total-badge i{font-size:1.3rem}.summary-contacts-breakdown{color:var(--text-secondary);font-size:.95rem}.summary-warning{padding:16px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;align-items:center;gap:10px}.summary-info{padding:16px;background:#eff6ff;border-left:4px solid var(--primary-color);border-radius:8px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.summary-price-section{background:linear-gradient(135deg,#eff6ff,#fff);border:2px solid var(--primary-color)}.summary-price-breakdown{margin-bottom:16px}.price-breakdown-item{padding:12px;background:#fff;border-radius:8px;margin-bottom:8px;border:1px solid var(--border-color);font-family:Courier New,monospace;font-size:.95rem}.summary-price-total{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--primary-color);color:#fff;border-radius:8px;margin-top:16px;font-size:1.3rem}.summary-price-total strong{font-size:1.5rem}@media (max-width: 768px){.summary-channels{grid-template-columns:1fr}.summary-price-total{flex-direction:column;gap:8px;text-align:center}}.channels-selector-container{background:var(--card-bg);border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:var(--shadow)}.channels-selector-container h3{margin-bottom:24px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.channels-categories{display:flex;flex-direction:column;gap:32px}.channel-category h4{margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:10px;font-size:1.1rem}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.channel-btn{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:12px;overflow:hidden}.channel-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary-color)}.channel-btn.selected{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color)10,var(--primary-dark)10);box-shadow:0 4px 12px #2563eb33}.channel-btn.selected .channel-btn-check{opacity:1;transform:scale(1)}.channel-btn-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.channel-btn-info{flex:1}.channel-btn-info h4{font-size:1rem;margin-bottom:4px;color:var(--text-primary)}.channel-btn-info p{font-size:.85rem;color:var(--text-secondary);margin:0}.channel-btn-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:0;transform:scale(0);transition:all .3s ease}.preview-channels{display:flex;flex-direction:column;gap:16px}.preview-channel-item{background:#fff;border-radius:8px;padding:16px;border-left:4px solid}.preview-channel-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:1.1rem}.preview-channel-header i{font-size:1.3rem}.preview-channel-message{padding:12px;border-radius:8px;margin-top:8px;line-height:1.6}.channel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.channel-stat-item{background:var(--card-bg);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;border-left:4px solid;transition:transform .3s}.channel-stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.channel-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.channel-stat-info h4{font-size:1.1rem;margin-bottom:4px}.channel-stat-info p{font-size:.85rem;color:var(--text-secondary);margin:0}.channel-stats-section{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:var(--shadow);margin-bottom:32px}.channel-stats-section h2{margin-bottom:20px;color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.channel-btn.selected{animation:pulse 2s ease-in-out infinite}.price-breakdown{max-height:300px;overflow-y:auto;margin-bottom:16px}.price-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.price-item:last-child{border-bottom:none}.price-item i{margin-right:8px}#login-screen{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-container{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:450px;padding:40px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:2.5rem;color:var(--primary-color);margin-bottom:10px}.auth-header p{color:var(--text-secondary);font-size:1rem}.auth-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--border-color)}.tab-btn{flex:1;padding:12px;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .3s}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.auth-form{display:none}.auth-form.active{display:block}.auth-form-description{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.5}.auth-link-row{margin-top:16px;text-align:center}.auth-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.auth-link:hover{opacity:.85}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.form-group label i{margin-right:8px;color:var(--primary-color)}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group.error input,.form-group.error select{border-color:var(--danger-color);background-color:#fef2f2}.form-group.error input:focus,.form-group.error select:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;color:var(--danger-color);font-size:.875rem;margin-top:6px;font-weight:500;animation:fadeIn .2s ease-in}.error-message:before{content:"⚠ ";margin-right:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.btn-primary{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{width:100%;padding:12px;background:var(--text-secondary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-secondary:hover{background:#475569}.navbar{background:var(--card-bg);padding:16px 24px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-user{display:flex;align-items:center;gap:16px}.nav-company-info{display:flex;align-items:center;gap:10px;padding-right:16px;border-right:1px solid var(--border-color)}.company-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.nav-user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.2}.user-email{font-size:.75rem;color:var(--text-secondary);line-height:1.2}.btn-icon{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary);font-size:1.2rem;transition:color .3s}.btn-icon:hover{color:var(--primary-color)}.dashboard-container{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:250px;background:var(--card-bg);border-right:1px solid var(--border-color);padding:24px 0}.menu{list-style:none}.menu-item{padding:14px 24px;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--text-secondary);transition:all .3s;border-left:3px solid transparent}.menu-item:hover{background:var(--bg-color);color:var(--primary-color)}.menu-item.active{background:var(--bg-color);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}.menu-item i{width:20px;text-align:center}.main-content{flex:1;padding:32px;overflow-y:auto}.view{display:none}.view.active{display:block}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.view-header h1{font-size:2rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:var(--shadow);display:flex;align-items:center;gap:20px;transition:transform .3s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.stat-info h3{font-size:2rem;color:var(--text-primary);margin-bottom:4px}.stat-info p{color:var(--text-secondary);font-size:.9rem}.recent-campaigns{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.recent-campaigns h2{margin-bottom:20px;color:var(--text-primary)}.campaign-list{display:flex;flex-direction:column;gap:16px}.campaign-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-color);border-radius:8px;transition:background .3s}.campaign-item:hover{background:#f1f5f9}.campaign-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--primary-color);color:#fff}.campaign-details{flex:1}.campaign-details h3{color:var(--text-primary);margin-bottom:4px}.campaign-details p{color:var(--text-secondary);font-size:.9rem}.campaign-status{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.campaign-status.active{background:#d1fae5;color:#065f46}.campaign-status.scheduled{background:#dbeafe;color:#1e40af}.campaign-creator{display:grid;grid-template-columns:1fr 400px;gap:24px;height:calc(100vh - 200px)}.chat-container{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:80%}.message.user-message{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.ai-message .message-avatar{background:var(--primary-color);color:#fff}.user-message .message-avatar{background:var(--secondary-color);color:#fff}.message-content{background:var(--bg-color);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow)}.user-message .message-content{background:var(--primary-color);color:#fff}.message-content p{margin-bottom:8px}.message-content p:last-child{margin-bottom:0}.message-content ul{margin-left:20px;margin-top:8px}.chat-input-container{display:flex;gap:12px;padding:16px;border-top:1px solid var(--border-color)}.chat-input{flex:1;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem}.chat-input:focus{outline:none;border-color:var(--primary-color)}.campaign-preview{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:20px}.campaign-preview h3{color:var(--text-primary);margin-bottom:16px}.preview-card{background:var(--bg-color);border-radius:8px;padding:20px;min-height:200px}.preview-placeholder{color:var(--text-secondary);text-align:center;padding:40px 20px}.pricing-info{border-top:2px solid var(--border-color);padding-top:20px}.pricing-info h4{margin-bottom:16px;color:var(--text-primary)}.price-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.price-item{display:flex;justify-content:space-between;padding:8px 0;color:var(--text-secondary)}.price-item.total{border-top:2px solid var(--border-color);padding-top:12px;font-weight:700;font-size:1.1rem;color:var(--text-primary)}.btn-block{width:100%}.integration-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.integration-card,.npc-assistant{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:24px}.integration-card h2,.npc-assistant h2{margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.connection-form{margin-top:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.npc-chat{background:var(--bg-color);border-radius:8px;padding:20px;margin-bottom:20px;min-height:200px}.npc-message{display:flex;gap:12px}.npc-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.npc-content ul{margin-left:20px;margin-top:12px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--card-bg);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{color:var(--text-primary);display:flex;align-items:center;gap:12px}.btn-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;line-height:1}.modal-body{padding:24px}.checkout-summary{margin-bottom:24px}.checkout-summary h3{margin-bottom:16px;color:var(--text-primary)}.checkout-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.checkout-total{display:flex;justify-content:space-between;padding:16px 0;font-size:1.2rem;font-weight:700;color:var(--text-primary);border-top:2px solid var(--border-color);margin-top:12px}.payment-methods{margin-bottom:24px}.payment-methods h3{margin-bottom:16px;color:var(--text-primary)}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s}.payment-option:hover{border-color:var(--primary-color);background:var(--bg-color)}.payment-option.selected{border-color:var(--primary-color);background:#eff6ff}.payment-option i{font-size:1.5rem;color:var(--primary-color)}.analytics-container{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:40px;min-height:400px}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);min-height:300px}.chart-placeholder i{font-size:4rem;margin-bottom:16px;color:var(--primary-color)}.settings-container{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:24px}.settings-section{margin-bottom:32px}.settings-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-section .section-header h2{margin:0;font-size:1.5rem}.user-info-cell{display:flex;flex-direction:column;gap:4px}.user-info-cell strong{font-weight:600;color:var(--text-primary)}.user-info-cell small{font-size:.875rem;color:var(--text-secondary)}.user-actions{display:flex;gap:8px}.users-table-container{margin-top:24px}.company-plan-badge{margin-top:8px}.plan-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.plan-free{background-color:#e2e8f0;color:#475569}.plan-badge.plan-basic{background-color:#dbeafe;color:#1e40af}.plan-badge.plan-pro{background-color:#ddd6fe;color:#5b21b6}.plan-badge.plan-enterprise{background-color:#fef3c7;color:#92400e}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.settings-nav{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:16px;position:sticky;top:24px}.settings-nav-group{margin-bottom:20px}.settings-nav-group:last-child{margin-bottom:0}.settings-nav-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:0 12px 8px}.settings-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:.9375rem;cursor:pointer;text-align:left;transition:background .15s,color .15s}.settings-nav-item:hover{background:var(--primary-light);color:var(--primary-dark)}.settings-nav-item.active{background:var(--primary-color);color:var(--text-inverse)}.settings-content-header{margin-bottom:16px}.settings-content-header h2{margin:0;font-size:1.5rem}.settings-page-panel{display:none}.settings-page-panel.active{display:block}.settings-embedded-view .view-header h1{font-size:1.25rem;margin-bottom:16px}.integrations-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.integration-overview-card{display:flex;gap:16px;padding:20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary, #f8fafc);transition:border-color .15s,box-shadow .15s}.integration-overview-card.integration-card-clickable{cursor:pointer}.integration-overview-card.integration-card-clickable:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6366f11f}.integration-overview-card.integration-card-disabled{opacity:.65}.integration-overview-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.integration-overview-body{flex:1;min-width:0}.integration-overview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.integration-overview-header h3{margin:0;font-size:1rem}.integration-overview-body p{margin:0 0 8px;font-size:.875rem;color:var(--text-secondary)}.integration-overview-cta{font-size:.8125rem;color:var(--primary-color);font-weight:600}.whatsapp-wizard-steps{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.wizard-step{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:.8125rem;background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary);border:1px solid var(--border-color)}.wizard-step span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--border-color);font-size:.75rem;font-weight:700}.wizard-step.active{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary-color)}.wizard-step.active span{background:var(--primary-color);color:#fff}.wizard-step.completed{background:#ecfdf5;color:#047857;border-color:#6ee7b7}.wizard-step.completed span{background:#10b981;color:#fff}.api-docs-panel{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.api-docs-field{margin-bottom:16px}.api-docs-field label{display:block;margin-bottom:6px;font-weight:600}.api-endpoints-table{margin:24px 0}.api-table code{background:var(--bg-secondary, #f1f5f9);padding:2px 6px;border-radius:4px;font-size:.8125rem}.api-code-block{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;font-size:.8125rem;line-height:1.5;margin:12px 0;white-space:pre-wrap;word-break:break-word}.api-example-tabs{margin-top:16px}.btn-copy{white-space:nowrap}@media (max-width: 900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;flex-wrap:wrap;gap:8px}.settings-nav-group{margin-bottom:0;flex:1 1 100%}.settings-nav-label{width:100%}.settings-nav-item{flex:1 1 auto;justify-content:center}}.settings-section h2{margin-bottom:20px;color:var(--text-primary)}.section-description{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.status-badge{padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:6px}.status-badge.status-verified{background-color:#d1fae5;color:#065f46}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-not-configured{background-color:#e5e7eb;color:#374151}.status-badge.status-failed{background-color:#fee2e2;color:#991b1b}.provider-tabs{display:flex;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap}.provider-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary, #f8fafc);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:border-color .2s,background .2s}.provider-tab:hover{border-color:var(--primary-color)}.provider-tab.active{border-color:var(--primary-color);background:#6366f114;font-weight:600}.badge-soon{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#fef3c7;color:#92400e;font-weight:500}.qr-container{padding:1rem;background:#fff;border-radius:12px;display:inline-block}.form-help{display:block;margin-top:4px;font-size:.875rem;color:var(--text-secondary)}.form-actions{display:flex;gap:12px;margin-top:24px}.input-with-button{display:flex;gap:12px}.input-with-button input{flex:1 1 auto}.info-box{padding:12px;background-color:#f1f5f9;border-radius:6px;font-size:.9rem}.required{color:var(--danger-color)}.dns-records-section{margin-top:32px;padding-top:24px;border-top:2px solid var(--border-color)}.dns-instructions{color:var(--text-secondary);margin-bottom:24px}.dns-record-card{background:#f8fafc;border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:16px}.dns-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.dns-record-type{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.dns-record-details{display:flex;flex-direction:column;gap:12px}.dns-record-field{display:flex;align-items:center;gap:12px}.dns-record-field label{min-width:80px;font-weight:500;color:var(--text-secondary);font-size:.9rem}.dns-record-value{flex:1;background:#fff;padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.btn-copy{padding:8px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-copy:hover{background:var(--primary-dark)}.dns-help{margin-top:24px;padding:16px;background:#eff6ff;border-left:4px solid var(--primary-color);border-radius:4px}.dns-help ol{margin-left:20px;margin-top:12px}.dns-help li{margin-bottom:8px;color:var(--text-secondary)}.test-email-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.campaign-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:24px;transition:transform .3s}.campaign-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:24px;box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .3s;z-index:999}.nav-links.mobile-active{transform:translate(0)}.mobile-menu-btn{display:block}.hero-container{grid-template-columns:1fr;gap:40px}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column}.hero-stats{flex-wrap:wrap;justify-content:center}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg)}.pricing-grid,.pricing-grid-landing{grid-template-columns:1fr}.pricing-card-landing.featured-landing{transform:scale(1)}.pricing-card-landing.featured-landing:hover{transform:translateY(-8px)}.pricing-special{padding:32px 24px}.pricing-special-content h3{font-size:1.5rem;flex-direction:column}.pricing-special-benefits{flex-direction:column;gap:20px;align-items:flex-start}.special-benefit{font-size:1rem}.pricing-card.featured{transform:scale(1)}.dashboard-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.menu{display:flex;overflow-x:auto;padding:0 16px}.menu-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.menu-item.active{border-left:none;border-bottom-color:var(--primary-color)}.campaign-creator{grid-template-columns:1fr;height:auto}.campaign-progress{flex-wrap:wrap;padding:16px}.progress-line{display:none}.progress-step{margin-bottom:20px}.step-container,.channels-selector-container{padding:24px}.quick-options{grid-template-columns:repeat(2,1fr)}.schedule-options{grid-template-columns:1fr}.step-actions{flex-direction:column}.btn-step-continue,.btn-step-back{width:100%;justify-content:center}.integration-container,.stats-grid,.form-row{grid-template-columns:1fr}.view-header{flex-direction:column;align-items:flex-start;gap:16px}.channels-selector-container{padding:20px}.channels-grid,.channel-stats{grid-template-columns:1fr}.channel-stats-section{padding:20px}.campaign-creator{grid-template-columns:1fr}.campaign-preview{order:-1}}.campaigns-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.search-box{position:relative;flex:1}.search-box i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-box input{width:100%;padding:12px 16px 12px 48px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s}.search-box input:focus{outline:none;border-color:var(--primary-color)}.filters-group{display:flex;gap:12px;flex-wrap:wrap}.filter-select{padding:10px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .3s;min-width:150px}.filter-select:focus{outline:none;border-color:var(--primary-color)}.campaigns-table-container{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.campaigns-table{width:100%;border-collapse:collapse}.campaigns-table thead{background:var(--bg-color)}.campaigns-table th{padding:16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.campaigns-table td{padding:16px;border-bottom:1px solid var(--border-color)}.campaigns-table tbody tr:hover{background:var(--bg-color)}.campaign-name-cell strong{display:block;margin-bottom:4px;color:var(--text-primary)}.campaign-name-cell small{color:var(--text-secondary);font-size:.85rem}.campaign-channels-cell{display:flex;flex-wrap:wrap;gap:6px}.channel-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600}.created-by-badge,.uploaded-by-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;background:#f3f4f6;color:#374151}.status-active{background:#d1fae5;color:#065f46}.status-paused{background:#fef3c7;color:#92400e}.status-pending_payment{background:#fee2e2;color:#991b1b}.pending-payment-row{background:#fef2f2}.pending-payment-row:hover{background:#fee2e2}.status-scheduled{background:#dbeafe;color:#1e40af}.status-completed{background:#e5e7eb;color:#374151}.status-draft{background:#f3f4f6;color:#6b7280}.campaign-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .3s;font-size:1rem}.btn-icon:hover{background:var(--bg-color);color:var(--primary-color)}.btn-icon.btn-danger:hover{background:#fee2e2;color:var(--danger-color)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state i{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state p{font-size:1.2rem;margin-bottom:24px}.modal-large{max-width:800px}.modal-medium{max-width:700px}.connect-step{display:none;padding:24px}.connect-step.active{display:block}.connect-platform-info{text-align:center;margin-bottom:32px}.connect-platform-icon-large{width:80px;height:80px;border-radius:16px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff}.platform-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.platform-option{padding:24px 16px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s}.platform-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.platform-option-icon{width:60px;height:60px;border-radius:12px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.platform-option h4{font-size:1rem;margin-bottom:8px;color:var(--text-primary)}.platform-option p{font-size:.85rem;color:var(--text-secondary);margin:0}.permissions-list{margin:24px 0}.permission-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--bg-color);border-radius:8px;margin-bottom:12px}.permission-item i{font-size:1.5rem;margin-top:2px}.permission-item strong{display:block;margin-bottom:4px;color:var(--text-primary)}.permission-item p{margin:0;font-size:.9rem;color:var(--text-secondary)}.text-success{color:var(--secondary-color)}.security-notice{display:flex;align-items:center;gap:16px;padding:20px;background:#2563eb0d;border:2px solid rgba(37,99,235,.2);border-radius:12px;margin-top:24px}.security-notice i{font-size:2rem;color:var(--primary-color)}.security-notice strong{display:block;margin-bottom:4px;color:var(--text-primary)}.security-notice p{margin:0;font-size:.9rem;color:var(--text-secondary)}.connecting-state{text-align:center;padding:40px 24px}.spinner-large{margin-bottom:24px}.spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.connecting-state h3{margin-bottom:12px;color:var(--text-primary)}.connecting-state p{color:var(--text-secondary);margin-bottom:24px}.connect-progress{width:100%;height:8px;background:var(--bg-color);border-radius:4px;overflow:hidden;margin-top:24px}.progress-bar-connect{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:4px;transition:width .3s ease;width:0%;animation:progress 3s ease-in-out}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.connect-success{text-align:center;padding:40px 24px}.success-icon-large{width:80px;height:80px;border-radius:50%;background:var(--secondary-color);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:2.5rem;color:#fff}.connect-success h3{margin-bottom:24px;color:var(--text-primary)}.connected-account-preview{background:var(--bg-color);border-radius:12px;padding:20px;margin:24px 0;display:flex;align-items:center;gap:16px}.connected-account-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.connected-account-details h4{margin-bottom:4px;color:var(--text-primary)}.connected-account-details p{margin:0;color:var(--text-secondary);font-size:.9rem}.connect-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color)}.history-item{padding:16px;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:200px 1fr 150px;gap:16px;align-items:center}.history-date{color:var(--text-secondary);font-size:.9rem}.history-action{font-weight:500;color:var(--text-primary)}.history-user{color:var(--text-secondary);font-size:.9rem;text-align:right}.history-list{max-height:500px;overflow-y:auto}.header-actions{display:flex;gap:12px}.btn-secondary{padding:10px 20px;background:#fff;border:2px solid var(--border-color);color:var(--text-primary);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.contacts-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow)}.contacts-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color)}.contacts-tabs .tab-btn{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;margin-bottom:-2px}.contacts-tabs .tab-btn:hover{color:var(--primary-color)}.contacts-tabs .tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.contacts-tab-content{display:none}.contacts-tab-content.active{display:block}.contacts-table-container{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.contacts-table{width:100%;border-collapse:collapse}.contacts-table thead{background:var(--bg-color)}.contacts-table th{padding:16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.contacts-table td{padding:16px;border-bottom:1px solid var(--border-color)}.contacts-table tbody tr:hover{background:var(--bg-color)}.contact-info-cell strong{display:block;margin-bottom:4px;color:var(--text-primary)}.contact-info-cell small{color:var(--text-secondary);font-size:.85rem}.contact-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:500}.contact-type-badge.type-email{background:#dbeafe;color:#1e40af}.contact-type-badge.type-phone{background:#d1fae5;color:#065f46}.groups-cell,.tags-cell{display:flex;flex-wrap:wrap;gap:6px}.group-badge{display:inline-block;padding:4px 10px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;font-size:.85rem;color:var(--text-primary)}.tag-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500;border:1px solid}.contact-actions{display:flex;gap:8px}.text-muted{color:var(--text-secondary);font-style:italic}.groups-container,.tags-container{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:24px}.groups-header,.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.groups-list,.tags-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.group-card,.tag-card{padding:20px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.group-card:hover,.tag-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.group-info h4{margin-bottom:8px;color:var(--text-primary)}.group-info p{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.group-info small{color:var(--text-secondary);font-size:.85rem}.group-actions,.tag-actions{display:flex;gap:8px}.tag-badge-large{display:inline-block;padding:8px 16px;border-radius:12px;font-size:1rem;font-weight:600;border:2px solid}.tag-card{flex-direction:column;align-items:flex-start;gap:12px}.tag-card small{color:var(--text-secondary);font-size:.85rem}.import-instructions{background:var(--bg-color);padding:20px;border-radius:12px;margin-bottom:24px}.import-instructions h4{margin-bottom:12px;color:var(--text-primary)}.import-instructions ol{margin-left:20px;margin-bottom:16px;color:var(--text-secondary)}.import-instructions li{margin-bottom:8px}.csv-preview{margin-top:24px;background:var(--bg-color);padding:20px;border-radius:12px}.csv-preview h4{margin-bottom:16px;color:var(--text-primary)}.csv-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.csv-table th,.csv-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.csv-table th{background:var(--bg-color);font-weight:600;color:var(--text-primary)}.csv-import-stats{margin-top:16px;padding:16px;background:#fff;border-radius:8px;border-left:4px solid var(--primary-color)}.contact-interactions-header{padding:20px;border-bottom:2px solid var(--border-color);margin-bottom:20px}.contact-interactions-header h3{margin-bottom:8px;color:var(--text-primary)}.contact-interactions-header p{color:var(--text-secondary)}.interactions-list{max-height:500px;overflow-y:auto}.interaction-item{display:flex;gap:16px;padding:16px;border-bottom:1px solid var(--border-color)}.interaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.interaction-icon.type-email{background:#dbeafe;color:#1e40af}.interaction-icon.type-whatsapp{background:#d1fae5;color:#25d366}.interaction-icon.type-sms{background:#fef3c7;color:#f59e0b}.interaction-details{flex:1}.interaction-action{font-weight:600;color:var(--text-primary);margin-bottom:4px}.interaction-details-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:4px}.interaction-date{color:var(--text-secondary);font-size:.85rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s}.form-input:focus{outline:none;border-color:var(--primary-color)}.form-group small{display:block;margin-top:4px;color:var(--text-secondary);font-size:.85rem}.tags-input{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:2px solid var(--border-color);border-radius:8px;min-height:50px}.modal-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.notification{position:fixed;top:20px;right:20px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:10000;transform:translate(400px);transition:transform .3s;border-left:4px solid var(--primary-color)}.notification.show{transform:translate(0)}.notification-success{border-left-color:var(--secondary-color)}.notification-error{border-left-color:var(--danger-color)}.notification i{font-size:1.2rem}.notification-success i{color:var(--secondary-color)}.notification-error i{color:var(--danger-color)}@media (max-width: 768px){.campaigns-table,.contacts-table{font-size:.9rem}.campaigns-table th,.campaigns-table td,.contacts-table th,.contacts-table td{padding:12px 8px}.filters-group{flex-direction:column}.filter-select{width:100%}.campaign-actions,.contact-actions{flex-direction:column}.groups-list,.tags-list{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}}.channel-message-container{margin-bottom:30px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.channel-message-container h4{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.email-editor-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border-color)}.email-editor-tabs .tab-btn{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.email-editor-tabs .tab-btn:hover{color:var(--primary-color)}.email-editor-tabs .tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.email-editor-content{min-height:400px}.email-tab{display:none}.email-tab.active{display:block}.email-compose-header{display:flex;gap:10px;margin-bottom:20px}.btn-ai-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:transform .2s}.btn-ai-generate:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.email-html-header{display:flex;gap:10px;margin-bottom:20px}.html-textarea{width:100%;padding:15px;border:1px solid var(--border-color);border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;resize:vertical}.email-preview-container{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:#fff}.email-preview-frame{min-height:500px;width:100%}.email-preview-frame iframe{width:100%;height:600px;border:none}.media-attachment-section{margin-top:25px;padding-top:25px;border-top:2px solid var(--border-color)}.media-attachment-section h4{margin-bottom:15px;color:var(--text-primary)}.media-attachment-tabs{display:flex;gap:10px;margin-bottom:20px}.attachment-tab-btn{padding:10px 20px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.attachment-tab-btn:hover,.attachment-tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.media-tab{display:none}.media-tab.active{display:block}.media-preview{margin-top:20px;padding:20px;background:var(--bg-color);border-radius:8px;border:2px dashed var(--border-color);text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center}.media-preview-content{width:100%}.media-preview img,.media-preview video{max-width:100%;max-height:300px;border-radius:8px}.document-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.document-preview i{color:var(--primary-color)}.file-upload-area{padding:40px;border:2px dashed var(--border-color);border-radius:8px;text-align:center;background:var(--bg-color);cursor:pointer;transition:all .2s}.file-upload-area:hover{border-color:var(--primary-color);background:#2563eb0d}.file-upload-area i{font-size:48px;color:var(--text-secondary);margin-bottom:15px}.file-upload-area p{color:var(--text-secondary);margin-bottom:15px}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.media-library-empty{padding:40px;text-align:center;color:var(--text-secondary)}.media-library-empty i{margin-bottom:15px}.char-count{margin-top:10px;font-size:.85rem;color:var(--text-secondary)}.char-count span{font-weight:600}@media (max-width: 768px){.email-editor-tabs,.media-attachment-tabs,.email-compose-header,.email-html-header{flex-direction:column}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}:root{--primary-color: #38bdf8;--primary-dark: #0ea5e9;--primary-light: rgba(56, 189, 248, .15);--secondary-color: #f472b6;--bg-deep: #0a0e17;--bg-mid: #111827;--accent: #38bdf8;--accent-warm: #f472b6;--accent-glow: rgba(56, 189, 248, .35);--glass: rgba(15, 23, 42, .55);--glass-light: rgba(255, 255, 255, .72);--border-glass: rgba(148, 163, 184, .12);--font-display: "Outfit", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}body{font-family:var(--font-body)}h1,h2,h3,h4,.nav-brand,.section-header h2,.hero-title{font-family:var(--font-display)}#landing-screen{background:var(--bg-deep);color:#f1f5f9;position:relative;overflow-x:hidden}#landing-screen .flomilo-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% -10%,#1e3a5f 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 100% 80%,rgba(244,114,182,.12) 0%,transparent 50%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-mid) 100%)}#landing-screen .flomilo-bg .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:flomilo-float 18s ease-in-out infinite}#landing-screen .flomilo-bg .orb-1{width:420px;height:420px;background:var(--accent);top:-8%;left:-5%}#landing-screen .flomilo-bg .orb-2{width:320px;height:320px;background:var(--accent-warm);bottom:10%;right:-8%;animation-delay:-6s}#landing-screen .flomilo-bg .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-glass) 1px,transparent 1px),linear-gradient(90deg,var(--border-glass) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 20%,transparent 75%);opacity:.35}@keyframes flomilo-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-16px) scale(1.05)}66%{transform:translate(-16px,20px) scale(.95)}}#landing-screen>*:not(.flomilo-bg){position:relative;z-index:1}#landing-screen .landing-nav{background:#0a0e17d1;border-bottom:1px solid var(--border-glass);box-shadow:none}#landing-screen .landing-nav .nav-brand{display:flex;align-items:center;gap:.625rem;color:#f1f5f9}#landing-screen .logo-mark{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--bg-deep);background:linear-gradient(135deg,var(--accent),#7dd3fc);border-radius:.625rem;box-shadow:0 4px 16px var(--accent-glow)}#landing-screen .nav-links a{color:#94a3b8}#landing-screen .nav-links a:hover{color:var(--accent)}#landing-screen .btn-outline{border-color:var(--accent);color:var(--accent)}#landing-screen .btn-outline:hover{background:var(--accent);color:var(--bg-deep)}#landing-screen .btn-primary-small,#landing-screen .btn-hero-primary{background:linear-gradient(135deg,var(--accent),#7dd3fc);color:var(--bg-deep);border:none}#landing-screen .btn-primary-small:hover,#landing-screen .btn-hero-primary:hover{opacity:.92}#landing-screen .hero-section{background:transparent;min-height:auto;padding:7rem 1.5rem 4rem}#landing-screen .hero-title{font-size:clamp(2rem,5vw,3.25rem);background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#landing-screen .hero-title .highlight{background:linear-gradient(135deg,var(--accent),var(--accent-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#landing-screen .hero-subtitle{color:#94a3b8}#landing-screen .btn-hero-secondary{border-color:var(--border-glass);color:#f1f5f9;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#landing-screen .features-section,#landing-screen .how-it-works-section,#landing-screen .pricing-section{background:transparent}#landing-screen .section-header h2{color:#f1f5f9}#landing-screen .section-header p{color:#94a3b8}#landing-screen .feature-card{background:var(--glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px #0003}#landing-screen .feature-card:hover{border-color:#38bdf859;box-shadow:0 8px 32px var(--accent-glow)}#landing-screen .feature-card h3{color:#f1f5f9}#landing-screen .feature-card p{color:#94a3b8}#landing-screen .feature-icon{background:linear-gradient(135deg,var(--accent),#7dd3fc);color:var(--bg-deep)}#landing-screen .step-item{background:var(--glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#landing-screen .step-item h3{color:#f1f5f9}#landing-screen .step-item p{color:#94a3b8}#landing-screen .step-number{background:linear-gradient(135deg,var(--accent),var(--accent-warm));color:var(--bg-deep)}#landing-screen .cta-section{background:transparent}#landing-screen .cta-content{background:var(--glass);border:1px solid var(--border-glass);border-radius:1.5rem;padding:3rem 2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#landing-screen .cta-content h2{color:#f1f5f9}#landing-screen .cta-content p{color:#94a3b8}#landing-screen .landing-footer{background:#0a0e17e6;border-top:1px solid var(--border-glass);color:#94a3b8}#landing-screen .landing-footer h4{color:#f1f5f9}#landing-screen .pricing-card-landing,#landing-screen .pricing-special{background:var(--glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.feature-status{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:999px;margin-bottom:.75rem}.feature-status.live{color:var(--accent);background:#38bdf81f;border:1px solid rgba(56,189,248,.35)}.feature-status.soon{color:#94a3b8;background:#94a3b814;border:1px solid var(--border-glass)}.feature-status.partial{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.35)}#landing-screen .mobile-menu-btn{color:#f1f5f9}#landing-screen .feature-card code{color:var(--accent);font-size:.85em;background:#38bdf81a;padding:.1em .35em;border-radius:.25rem}.service-quick-card code{font-size:.75rem;color:var(--primary-color)}.channels-strip{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center;margin-top:2.5rem}.channel-badge{padding:.45rem .9rem;font-size:.8125rem;font-weight:500;border-radius:999px;border:1px solid var(--border-glass);background:var(--glass)}#landing-screen .channel-badge.live{border-color:#38bdf866;color:var(--accent)}#landing-screen .channel-badge.soon{color:#64748b}#dashboard-screen .navbar{background:#0a0e17f2;border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#dashboard-screen .nav-brand{display:flex;align-items:center;gap:.625rem;color:#f1f5f9}#dashboard-screen .nav-brand .logo-mark{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--bg-deep);background:linear-gradient(135deg,var(--accent),#7dd3fc);border-radius:.5rem}#dashboard-screen .sidebar{background:var(--bg-mid);border-right:1px solid var(--border-glass)}#dashboard-screen .menu-item{color:#94a3b8}#dashboard-screen .menu-item:hover,#dashboard-screen .menu-item.active{color:var(--accent);background:#38bdf814;border-left:3px solid var(--accent)}#dashboard-screen .user-name{color:#f1f5f9}#dashboard-screen .user-email,#dashboard-screen .btn-icon{color:#94a3b8}#dashboard-screen .btn-icon:hover{color:var(--accent)}#dashboard-screen .btn-primary{background:linear-gradient(135deg,var(--accent),#7dd3fc);color:var(--bg-deep);border:none}#dashboard-screen .btn-primary:hover{opacity:.92}.ecosystem-home{margin-bottom:2rem}.ecosystem-hero{padding:2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#0a0e17f2,#111827e6);border:1px solid var(--border-glass);border-radius:1.25rem;color:#f1f5f9;position:relative;overflow:hidden}.ecosystem-hero:before{content:"";position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:var(--accent);filter:blur(100px);opacity:.2;pointer-events:none}.ecosystem-eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.ecosystem-hero h2{font-family:var(--font-display);font-size:clamp(1.375rem,3vw,1.875rem);font-weight:700;margin-bottom:.5rem;position:relative}.ecosystem-hero>p{color:#94a3b8;max-width:52ch;position:relative}.services-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.service-quick-card{padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;cursor:pointer;transition:border-color .2s,box-shadow .2s;text-align:left;font-family:inherit;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.service-quick-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow)}.service-quick-card .service-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:linear-gradient(135deg,var(--accent),#7dd3fc);color:var(--bg-deep);font-size:1.125rem;margin-bottom:.75rem}.service-quick-card h4{font-family:var(--font-display);font-size:.9375rem;margin-bottom:.25rem;color:var(--text-primary)}.service-quick-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.ecosystem-pillars{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.ecosystem-pillar{padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:border-color .2s}.ecosystem-pillar:hover{border-color:#38bdf859}.ecosystem-pillar h4{font-family:var(--font-display);font-size:1rem;margin:.5rem 0;color:var(--text-primary)}.ecosystem-pillar p{font-size:.8125rem;color:var(--text-secondary);line-height:1.55}.ecosystem-pillar .pillar-icon{font-size:1.375rem}.ecosystem-section-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin:1.5rem 0 1rem;color:var(--text-primary)}#login-screen .auth-header h1{font-family:var(--font-display);display:flex;align-items:center;justify-content:center;gap:.625rem}#login-screen .auth-header .logo-mark{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--bg-deep);background:linear-gradient(135deg,var(--accent),#7dd3fc);border-radius:.625rem}#login-screen .btn-primary{background:linear-gradient(135deg,var(--accent),#7dd3fc);color:var(--bg-deep)}@media (prefers-reduced-motion: reduce){#landing-screen .flomilo-bg .orb{animation:none}}.platform-section{padding:4rem 0;background:#0a0e1766}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.platform-card{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-glass);border-radius:1rem;position:relative}.platform-card h3{font-family:var(--font-display);font-size:1.0625rem;margin:.75rem 0 .5rem}.platform-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.55}.platform-flow-diagram{padding:1rem 1.25rem;background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:.75rem;font-size:.8125rem;color:var(--text-secondary)}.platform-flow-diagram.dashboard-flow{margin-bottom:1.5rem}.use-case-highlight-card{padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#0a0e17f2,#111827e6);border:1px solid var(--border-glass);border-radius:1rem}.use-case-highlight-card h4{font-family:var(--font-display);margin:.5rem 0}.use-case-highlight-body p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;max-width:60ch}.platform-modules-grid{margin-bottom:1rem}.service-quick-card-soon{opacity:.92}.messaging-hub-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.messaging-hub-tab{padding:.5rem 1rem;font-size:.8125rem;font-family:inherit;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.messaging-hub-tab:hover{border-color:var(--accent);color:var(--text-primary)}.messaging-hub-tab.active{background:#38bdf826;border-color:var(--accent);color:var(--accent)}.messaging-hub-tab-panel{display:none}.messaging-hub-tab-panel.active{display:block}.messaging-onboarding-steps{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.onboarding-step{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.onboarding-step span{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#38bdf833;color:var(--accent);font-size:.75rem;font-weight:600}.messaging-platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.messaging-platform-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem}.messaging-platform-card-clickable{cursor:pointer;transition:border-color .2s}.messaging-platform-card-clickable:hover{border-color:var(--accent)}.messaging-platform-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.625rem;font-size:1.25rem}.messaging-platform-body h4{font-size:.9375rem;margin-bottom:.25rem}.messaging-usage-card{padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem}.messaging-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.messaging-usage-header h3{font-size:1rem;margin:0}.messaging-usage-bar{height:.5rem;background:var(--border-color);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.messaging-usage-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#7dd3fc);border-radius:999px;transition:width .4s ease}.messaging-usage-label{font-size:.8125rem;color:var(--text-secondary)}.messaging-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.messaging-plan-card{padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;position:relative}.messaging-plan-card.featured{border-color:var(--accent)}.messaging-plan-card .plan-badge{position:absolute;top:.75rem;right:.75rem;font-size:.6875rem;padding:.125rem .5rem;background:var(--accent);color:var(--bg-deep);border-radius:999px}.messaging-plan-card .plan-price{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:.5rem 0 1rem}.messaging-plan-card .plan-price span{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.messaging-plan-card ul{list-style:none;padding:0;margin:0;font-size:.8125rem;color:var(--text-secondary)}.messaging-plan-card li{padding:.25rem 0}.messaging-plan-card li:before{content:"✓ ";color:var(--accent)}.messaging-activity-table .empty-cell{text-align:center;color:var(--text-secondary);padding:2rem}.use-case-doc ol.use-case-steps{margin:1rem 0;padding-left:1.25rem;font-size:.875rem;color:var(--text-secondary);line-height:1.7}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.chatbots-prereq-card{margin:1.5rem 0;padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem}.chatbots-prereq-card h3{margin:0 0 .75rem;font-size:1rem}.chatbots-prereq-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem}.chatbots-prereq-list li{font-size:.875rem;display:flex;align-items:center;gap:.5rem}.chatbots-prereq-list .prereq-ok{color:var(--accent)}.chatbots-prereq-list .prereq-pending{color:var(--text-secondary)}.chatbots-prereq-list a{margin-left:.25rem;font-size:.8125rem}.chatbots-stats-row{margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.chatbots-empty{text-align:center;padding:3rem 1.5rem;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:.75rem;margin-bottom:1.5rem}.chatbots-empty i{font-size:2.5rem;color:var(--accent);margin-bottom:1rem}.chatbots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.chatbot-card{padding:1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem}.chatbot-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.chatbot-card-header h4{margin:0;font-size:1rem}.chatbot-card-meta{font-size:.8125rem;color:var(--text-secondary);margin:0 0 1rem}.chatbot-card-actions{display:flex;gap:.5rem}.chatbot-builder-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.btn-back-inline{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;margin-bottom:.5rem;font-size:.875rem}.btn-back-inline:hover{color:var(--accent)}.cb-advanced-label{font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.chatbot-advanced-panel{margin-bottom:1rem}.chatbot-json-editor{width:100%;font-family:ui-monospace,monospace;font-size:.8125rem;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-deep);color:var(--text-primary);resize:vertical}.chatbot-builder-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chatbot-step{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:999px;background:var(--card-bg);font-size:.8125rem;cursor:pointer;color:var(--text-secondary)}.chatbot-step.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb, 0, 200, 150),.1)}.chatbot-step.done{color:var(--text-primary)}.chatbot-step:disabled{opacity:.5;cursor:not-allowed}.chatbot-builder-split{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media (max-width: 900px){.chatbot-builder-split{grid-template-columns:1fr}}.chatbot-step-panel{padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;min-height:320px}.chatbot-preview-panel{padding:1rem;background:#0b141a;border-radius:.75rem;position:sticky;top:1rem}.chatbot-preview-panel h4{margin:0 0 1rem;font-size:.875rem;color:#8696a0}.chatbot-wa-preview{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto}.wa-bubble{max-width:85%;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;line-height:1.4}.wa-bubble p{margin:0}.wa-bubble-bot{align-self:flex-start;background:#1f2c34;color:#e9edef}.wa-bubble-user{align-self:flex-end;background:#005c4b;color:#e9edef}.chatbot-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.chatbot-template-card{padding:1.25rem;text-align:left;background:var(--bg-deep);border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:border-color .15s}.chatbot-template-card:hover,.chatbot-template-card.selected{border-color:var(--accent)}.chatbot-template-card i{font-size:1.5rem;color:var(--accent);margin-bottom:.5rem}.chatbot-template-card h4{margin:0 0 .25rem;font-size:1rem}.chatbot-template-card p{margin:0;font-size:.8125rem;color:var(--text-secondary)}.cb-actions-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cb-action-row{display:grid;grid-template-columns:1fr 1.5fr 100px 36px;gap:.5rem;align-items:center}.cb-template-input{width:100%;font-size:.875rem;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-deep);color:var(--text-primary);resize:vertical}.chatbot-sandbox{display:flex;gap:.5rem;margin-bottom:1rem}.chatbot-sandbox input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-deep);color:var(--text-primary)}.cb-sandbox-log{font-size:.8125rem;color:var(--text-secondary);max-height:200px;overflow-y:auto}.sandbox-line{padding:.25rem 0;border-bottom:1px solid var(--border-color)}.sandbox-line.bot{color:var(--accent)}.chatbot-builder-nav{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.api-code-block{font-size:.75rem;padding:1rem;background:var(--bg-deep);border:1px solid var(--border-color);border-radius:.5rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.cb-action-card{padding:1rem;background:var(--bg-deep);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:.75rem}.cb-webhook-config{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-color)}.cb-webhook-config h5{margin:.75rem 0 .5rem;font-size:.875rem;color:var(--text-secondary)}.cb-mapping-row{display:grid;grid-template-columns:1fr auto 1fr 36px;gap:.5rem;align-items:center;margin-bottom:.5rem}.cb-mapping-row span{color:var(--text-secondary);font-size:.875rem}.cb-error-map-table{width:100%;border-collapse:collapse;font-size:.8125rem;margin-bottom:.5rem}.cb-error-map-table th,.cb-error-map-table td{padding:.25rem;border-bottom:1px solid var(--border-color)}.cb-error-map-table input{width:100%;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--card-bg);color:var(--text-primary);font-size:.8125rem}.webhook-test-result{padding:1rem;border-radius:.5rem;margin:1rem 0;font-size:.875rem}.webhook-test-result.ok{background:#00b4781a;border:1px solid rgba(0,180,120,.3)}.webhook-test-result.error{background:#dc3c3c1a;border:1px solid rgba(220,60,60,.3)}.sandbox-badge-simulated,.sandbox-badge-live{font-size:.6875rem;padding:.125rem .5rem;border-radius:999px;margin-left:.5rem}.sandbox-badge-simulated{background:var(--border-color);color:var(--text-secondary)}.sandbox-badge-live{background:#00b47833;color:var(--accent)}.sandbox-line.webhook-meta{font-size:.75rem;padding:.5rem;border-radius:.25rem}.sandbox-line.webhook-meta.ok{background:#00b47814}.sandbox-line.webhook-meta.error{background:#dc3c3c14}.chatbot-sandbox select{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-deep);color:var(--text-primary)}.cb-readiness-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;font-size:.8125rem}.cb-readiness-label{color:var(--text-secondary);white-space:nowrap}.cb-readiness-chips{display:flex;flex-wrap:wrap;gap:.375rem}.cb-readiness-chip{padding:.125rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border-color)}.cb-readiness-chip.ok{color:var(--accent);border-color:#00b47859}.cb-readiness-chip.pending{color:var(--text-secondary)}.cb-preview-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.cb-preview-tabs button{flex:1;padding:.375rem .5rem;font-size:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:transparent;color:#8696a0;cursor:pointer}.cb-preview-tabs button.active{background:#00b47826;border-color:var(--accent);color:#e9edef}.cb-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.cb-quick-sim{display:flex;flex-wrap:wrap;gap:.25rem}.cb-sim-chip{padding:.2rem .5rem;font-size:.6875rem;border-radius:999px;border:1px solid rgba(134,150,160,.4);background:#1f2c34cc;color:#8696a0;cursor:pointer}.cb-sim-chip:hover{border-color:var(--accent);color:#e9edef}.cb-reset-preview{background:none;border:none;color:#8696a0;cursor:pointer;padding:.25rem;font-size:.875rem}.cb-reset-preview:hover{color:#e9edef}.wa-bubble-highlight{align-self:flex-start;background:#2a3942;color:#e9edef;border-left:3px solid var(--accent)}.wa-bubble-editing{align-self:flex-start;background:#1a3a34;color:#e9edef;border:1px dashed var(--accent)}.wa-bubble-context{align-self:flex-start;background:#182229;color:#8696a0;font-size:.75rem}.wa-bubble-warning{align-self:flex-start;background:#dca00026;color:#f0c040;border-left:3px solid #f0c040}.wa-typing span{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:#8696a0;animation:cb-typing 1.2s infinite ease-in-out}.wa-typing span:nth-child(2){animation-delay:.2s}.wa-typing span:nth-child(3){animation-delay:.4s}@keyframes cb-typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chatbot-flow-map{max-height:420px;overflow-y:auto}.cb-flow-intro{font-size:.75rem;color:#8696a0;margin:0 0 .75rem;line-height:1.4}.cb-flow-chain{display:flex;flex-direction:column;align-items:stretch}.cb-flow-connector{width:2px;height:12px;background:#8696a059;margin:0 auto}.cb-flow-node{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;text-align:left;border:1px solid rgba(134,150,160,.25);border-radius:.5rem;background:#1f2c34;color:#e9edef;cursor:pointer;transition:border-color .15s}.cb-flow-node:hover{border-color:var(--accent)}.cb-flow-node.active{border-color:var(--accent);box-shadow:0 0 0 1px #00b47840}.cb-flow-node-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000040;font-size:.75rem;flex-shrink:0}.cb-flow-node-body{flex:1;min-width:0}.cb-flow-node-body strong{display:block;font-size:.8125rem}.cb-flow-node-body small{display:block;font-size:.6875rem;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-flow-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cb-flow-node.status-ok .cb-flow-status-dot{background:#00b478}.cb-flow-node.status-warn .cb-flow-status-dot{background:#f0c040}.cb-flow-node.status-neutral .cb-flow-status-dot{background:#8696a0}.social-tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color);margin-bottom:24px;overflow-x:auto}.social-tabs .tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap}.social-tabs .tab-btn:hover{color:var(--primary-color);background:#2563eb0d}.social-tabs .tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.social-tab-content{display:none}.social-tab-content.active{display:block}.social-accounts-container{padding:24px}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-header-with-action h2{font-size:1.5rem;color:var(--text-primary)}.social-platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.platform-section{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow)}.platform-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.platform-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.platform-header h3{flex:1;font-size:1.25rem;color:var(--text-primary)}.platform-count{padding:4px 12px;background:var(--bg-color);border-radius:20px;font-size:.85rem;color:var(--text-secondary);font-weight:500}.accounts-list{display:flex;flex-direction:column;gap:12px}.account-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-color);border-radius:8px;border:2px solid var(--border-color);transition:all .3s}.account-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.account-info{display:flex;align-items:center;gap:12px;flex:1}.account-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.account-details h4{font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.account-details p{font-size:.85rem;color:var(--text-secondary)}.account-status{display:flex;align-items:center;gap:8px;margin-right:12px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.connected{background:#10b98120;color:#10b981}.status-badge.disconnected{background:#ef444420;color:#ef4444}.account-actions{display:flex;gap:8px}.calendar-container{padding:24px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.calendar-header h2{font-size:1.5rem;color:var(--text-primary);min-width:200px;text-align:center}.calendar-view-switch{display:flex;gap:8px}.btn-small{padding:8px 16px;background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s}.btn-small:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-small.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.calendar-view{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-weekday{text-align:center;font-weight:600;color:var(--text-secondary);padding:8px;font-size:.9rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{min-height:100px;padding:8px;background:var(--bg-color);border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .3s}.calendar-day:hover{border-color:var(--primary-color);background:#2563eb0d}.calendar-day.other-month{opacity:.3}.calendar-day-number{font-weight:600;color:var(--text-primary);margin-bottom:4px}.calendar-day-events{display:flex;flex-direction:column;gap:4px}.calendar-event{font-size:.75rem;padding:2px 6px;border-radius:4px;background:var(--primary-color);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts-container{padding:24px}.posts-header{margin-bottom:24px}.posts-filters{display:flex;gap:12px;flex-wrap:wrap}.posts-list{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all .3s}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.post-platform{display:flex;align-items:center;gap:8px}.post-platform-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.post-status{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.post-status.published{background:#10b98120;color:#10b981}.post-status.scheduled{background:#f59e0b20;color:#f59e0b}.post-status.draft{background:#64748b20;color:#64748b}.post-content{margin-bottom:16px;color:var(--text-primary);line-height:1.6}.post-image{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-bottom:16px}.post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color)}.post-date{font-size:.85rem;color:var(--text-secondary)}.post-actions{display:flex;gap:8px}.analytics-container{padding:24px}.analytics-header{display:flex;gap:12px;margin-bottom:24px;justify-content:flex-end}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.analytics-stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow);display:flex;align-items:center;gap:20px}.analytics-stat-card .stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.analytics-stat-card .stat-info h3{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.analytics-stat-card .stat-info p{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.stat-change{font-size:.85rem;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.analytics-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.analytics-chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow)}.analytics-chart-card h3{margin-bottom:20px;color:var(--text-primary)}.chart-placeholder{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-color);border-radius:8px;color:var(--text-secondary)}.chart-placeholder i{font-size:3rem;margin-bottom:16px;opacity:.5}.analytics-table-card{background:#fff;border-radius:12px;padding:24px;box-shadow:var(--shadow)}.analytics-table-card h3{margin-bottom:20px;color:var(--text-primary)}.analytics-table{width:100%;border-collapse:collapse}.analytics-table thead{background:var(--bg-color)}.analytics-table th{padding:12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.analytics-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.inbox-container{padding:24px}.inbox-header{margin-bottom:24px}.inbox-filters{display:flex;gap:12px}.inbox-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;height:calc(100vh - 300px)}.inbox-list{background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.conversations-list{flex:1;overflow-y:auto}.conversation-item{padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .3s}.conversation-item:hover{background:var(--bg-color)}.conversation-item.unread{background:#2563eb0d;border-left:4px solid var(--primary-color)}.conversation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.conversation-platform{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.conversation-time{font-size:.75rem;color:var(--text-secondary)}.conversation-message{font-size:.9rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-detail{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:24px;overflow-y:auto}.inbox-detail-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:2px solid var(--border-color);margin-bottom:24px}.conversation-thread{display:flex;flex-direction:column;gap:16px}.message-item{display:flex;gap:12px}.message-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.message-content{flex:1;background:var(--bg-color);padding:12px 16px;border-radius:12px}.message-author{font-weight:600;color:var(--text-primary);margin-bottom:4px}.message-text{color:var(--text-secondary);line-height:1.6}.message-time{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.message-reply{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.library-container{padding:24px}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.library-filters{display:flex;gap:12px}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.media-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid var(--border-color);transition:all .3s}.media-item:hover{border-color:var(--primary-color);transform:scale(1.05);box-shadow:var(--shadow-lg)}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.media-item:hover .media-overlay{opacity:1}.media-actions{display:flex;gap:8px}@media (max-width: 1024px){.inbox-layout{grid-template-columns:1fr}.inbox-list{max-height:300px}.analytics-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.social-platforms-grid{grid-template-columns:1fr}.section-header-with-action{flex-direction:column;align-items:flex-start;gap:16px}.posts-filters{flex-direction:column}.analytics-stats-grid{grid-template-columns:1fr}.calendar-days{gap:4px}.calendar-day{min-height:60px;padding:4px}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}