*{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))}}.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))}}