html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-navigation{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;position:relative}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-size:20px;font-weight:600;transition:opacity .2s ease;z-index:1001}.nav-logo:hover{opacity:.9}.header-logo{height:50px;width:auto;max-width:250px}.nav-content{display:flex;align-items:center;gap:30px;min-width:0;flex-shrink:1}.nav-links{display:flex;align-items:center;gap:25px}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease;position:relative}.nav-link:hover,.nav-link.active{background-color:#ffffff1a;transform:translateY(-1px)}.nav-signin-btn{background:#fff;color:#25d366;border:none;padding:10px 20px;border-radius:25px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.nav-signin-btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-section{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff26;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:none;min-width:0;flex-shrink:1;overflow:hidden}.user-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.profile-picture{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid white}.user-details{display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow:hidden}.app-navigation .user-name{color:#fff!important;font-size:14px;line-height:1.2;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.app-navigation .user-email{color:#fff!important;font-size:12px;line-height:1.2;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.logout-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:15px;font-weight:500;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;gap:4px;z-index:1001}.mobile-menu-btn span{width:24px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 1200px){.nav-container{padding:0 15px}.user-section{max-width:280px}.app-navigation .user-name,.app-navigation .user-email{max-width:140px}}@media (max-width: 1024px){.nav-container{padding:0 15px;height:60px}.nav-logo{font-size:18px}.header-logo{height:40px;width:auto;max-width:200px}.nav-content{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#25d366,#128c7e);flex-direction:column;gap:0;padding:20px;box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-content.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-links{flex-direction:column;gap:0;width:100%;margin-bottom:20px}.nav-link{width:100%;text-align:center;padding:12px 16px;border-radius:8px;margin-bottom:8px}.user-section{width:100%;flex-direction:column;gap:12px;align-items:stretch;padding:12px 16px;background:#fff3;box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.25);max-width:none;overflow:visible}.user-info{justify-content:center;width:100%}.user-details{align-items:center;text-align:center}.logout-btn{width:100%;padding:10px 16px;font-size:14px}.nav-signin-btn{width:100%;padding:12px 20px;font-size:16px}.mobile-menu-btn{display:flex}}@media (max-width: 900px){.user-section{max-width:200px;gap:8px}.app-navigation .user-name,.app-navigation .user-email{max-width:100px}.logout-btn{padding:4px 8px;font-size:10px}}@media (max-width: 768px){.nav-container{padding:0 15px;height:60px}.nav-logo{font-size:18px}.header-logo{height:40px;width:auto;max-width:200px}.nav-content{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#25d366,#128c7e);flex-direction:column;gap:0;padding:20px;box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-content.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-links{flex-direction:column;gap:0;width:100%;margin-bottom:20px}.nav-link{width:100%;text-align:center;padding:12px 16px;border-radius:8px;margin-bottom:8px}.user-section{width:100%;flex-direction:column;gap:12px;align-items:stretch;padding:12px 16px;background:#fff3;box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.25);max-width:none;overflow:visible}.user-info{justify-content:center;width:100%}.user-details{align-items:center;text-align:center}.logout-btn{width:100%;padding:10px 16px;font-size:14px}.nav-signin-btn{width:100%;padding:12px 20px;font-size:16px}.mobile-menu-btn{display:flex}}@media (max-width: 480px){.nav-container{padding:0 10px}.nav-logo{font-size:16px}.header-logo{height:35px;width:auto;max-width:180px}.nav-content{padding:15px}.user-section{flex-direction:column;gap:15px;align-items:stretch;max-width:none;overflow:visible}.user-info{justify-content:center}.user-details{align-items:center;text-align:center}.logout-btn{width:100%;padding:10px 16px;font-size:14px}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 480px){.footer{padding:30px 0 15px}}.landing-page{min-height:100vh;background:#f8f9fa;width:100%;overflow-x:hidden}.hero-section{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:80px 0;min-height:90vh;display:flex;align-items:center}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:1.3rem;margin-bottom:30px;opacity:.9;line-height:1.6}.hero-features{display:flex;gap:30px;margin-bottom:40px;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:8px;font-weight:500}.feature-icon{font-size:1.2rem}.hero-cta-btn{background:#fff;color:#25d366;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.hero-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.hero-image{display:flex;justify-content:center;align-items:center}.phone-mockup{width:280px;height:560px;background:#333;border-radius:30px;padding:20px;box-shadow:0 20px 40px #0003;position:relative}.phone-screen{width:100%;height:100%;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.whatsapp-chat{flex:1;display:flex;flex-direction:column}.chat-header{background:#25d366;color:#fff;padding:15px;font-weight:600}.chat-messages{flex:1;padding:20px;display:flex;flex-direction:column;gap:15px}.message{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;color:#333}.message.sent{background:#dcf8c6;align-self:flex-end;margin-left:auto;color:#333}.message.received{background:#f1f1f1;align-self:flex-start;color:#333}.message.media-message{padding:8px;max-width:85%}.message-image{margin-bottom:8px;border-radius:12px;overflow:hidden;position:relative}.sample-product-image{background:linear-gradient(135deg,#667eea,#764ba2);height:120px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px}.product-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.image-overlay{position:absolute;top:8px;right:8px}.discount-badge{background:#f44;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0000004d}.media-caption{margin:0;padding:4px 8px;font-size:14px}.features-section{padding:100px 0;background:#fff}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#333;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:#fff;padding:40px 30px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid #f0f0f0}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.feature-card-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:15px}.feature-card p{color:#666;line-height:1.6;font-size:1rem}.signin-section{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);padding:80px 0}.signin-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center}.signin-content{text-align:center;background:#fff;padding:50px 40px;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:900px;width:100%}.signin-content h2{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:15px}.signin-content p{font-size:1.1rem;color:#666;margin-bottom:30px}.google-signin-btn{display:inline-flex;align-items:center;gap:12px;background:#4285f4;color:#fff;border:none;padding:15px 30px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4285f44d;margin-bottom:20px}.google-signin-btn:hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 8px 25px #4285f466}.google-logo{width:20px;height:20px}.signin-footer{margin-top:20px}.signin-footer p{font-size:.9rem;color:#888}.cta-link,.help-link{color:#25d366;text-decoration:none;font-weight:500;transition:color .2s ease}.cta-link:hover,.help-link:hover{color:#128c7e;text-decoration:underline}.internal-links{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.internal-links ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.internal-links ul li{margin:0}.internal-links ul li a{color:#666;text-decoration:none;font-size:.9rem;transition:color .2s ease}.internal-links ul li a:hover{color:#25d366;text-decoration:underline}.footer{background:#1a1a1a;color:#fff;padding:50px 0 20px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h4{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#25d366}.footer-section p{color:#ccc;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#25d366}.footer-bottom{border-top:1px solid #333;padding-top:20px;text-align:center}.footer-bottom p{color:#888;font-size:.9rem}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;gap:40px;text-align:center;max-width:100%;padding:0 15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-features{justify-content:center}.phone-mockup{width:240px;height:480px}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:30px 20px}.signin-content{padding:40px 30px}.features-container,.signin-container{max-width:100%;padding:0 15px}}@media (max-width: 480px){.hero-section{padding:40px 0}.hero-title{font-size:2rem}.features-section,.signin-section{padding:60px 0}.signin-content{padding:30px 20px}.footer{padding:30px 0 15px}}.documentation-page{min-height:100vh;background:#f8f9fa}.doc-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:40px;padding:40px 20px}.doc-sidebar{background:#fff;padding:30px 20px;border-radius:10px;box-shadow:0 4px 15px #0000001a;height:fit-content;position:sticky;top:100px}.doc-sidebar h3{color:#25d366;font-size:1.1rem;font-weight:600;margin-bottom:20px;border-bottom:2px solid #25D366;padding-bottom:10px}.doc-sidebar ul{list-style:none;padding:0}.doc-sidebar ul li{margin-bottom:12px}.doc-sidebar ul li a{color:#666;text-decoration:none;font-size:.95rem;padding:8px 12px;display:block;border-radius:6px;transition:all .2s ease}.doc-sidebar ul li a:hover{background:#f0f8ff;color:#25d366;transform:translate(5px)}.doc-content{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.doc-header{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:50px 40px;text-align:center}.doc-header h1{font-size:2.5rem;font-weight:700;margin-bottom:15px}.doc-header p{font-size:1.2rem;opacity:.9}.doc-section{padding:40px;border-bottom:1px solid #f0f0f0}.doc-section:last-child{border-bottom:none}.doc-section h2{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:30px;display:flex;align-items:center;gap:10px}.step-card{background:#f8f9fa;border-left:4px solid #25D366;padding:25px;margin-bottom:25px;border-radius:0 8px 8px 0}.step-card h3{color:#25d366;font-size:1.3rem;font-weight:600;margin-bottom:15px}.step-card p{color:#555;line-height:1.6;margin-bottom:15px}.step-card ul,.step-card ol{color:#555;line-height:1.6;padding-left:20px}.step-card ul li,.step-card ol li{margin-bottom:8px}.step-card ul li strong,.step-card ol li strong{color:#333}.note{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin-top:15px;font-size:.95rem}.note strong{color:#856404}.status-indicator{display:inline-flex;align-items:center;margin-right:8px}.troubleshoot-item{margin-bottom:20px;padding:15px;background:#fff5f5;border-radius:6px;border-left:3px solid #ff6b6b}.troubleshoot-item strong{color:#d63031;display:block;margin-bottom:10px;font-size:1.1rem}.troubleshoot-item ul{margin:0;padding-left:20px}.troubleshoot-item ul li{margin-bottom:5px;color:#555}.doc-content a{color:#25d366;text-decoration:none;font-weight:500}.doc-content a:hover{text-decoration:underline}code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;color:#d63031}@media (max-width: 968px){.doc-container{grid-template-columns:1fr;gap:20px}.doc-sidebar{position:static;order:2}.doc-content{order:1}}@media (max-width: 768px){.doc-container{padding:20px 15px}.doc-header{padding:30px 20px}.doc-header h1{font-size:2rem}.doc-header p{font-size:1rem}.doc-section{padding:30px 20px}.step-card{padding:20px 15px}}@media (max-width: 480px){.doc-header h1{font-size:1.7rem}.doc-section h2{font-size:1.5rem}.step-card h3{font-size:1.2rem}}.pricing-page{min-height:100vh;background:#f8f9fa}.pricing-container{max-width:1200px;margin:0 auto;padding:0 20px}.pricing-header{text-align:center;padding:60px 0 40px}.pricing-header-content h1{font-size:3rem;font-weight:700;color:#333;margin-bottom:15px}.pricing-header-content p{font-size:1.3rem;color:#666;max-width:600px;margin:0 auto}.beta-announcement{margin-bottom:80px}.beta-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:50px 40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #667eea4d}.beta-icon{font-size:4rem;margin-bottom:20px}.beta-card h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.beta-card p{font-size:1.2rem;line-height:1.6;margin-bottom:30px;opacity:.95}.beta-features{background:#ffffff1a;padding:30px;border-radius:15px;text-align:left;max-width:600px;margin:30px auto}.beta-features h3{font-size:1.4rem;font-weight:600;margin-bottom:20px;text-align:center}.beta-features ul{list-style:none;padding:0}.beta-features ul li{padding:8px 0;font-size:1.1rem;display:flex;align-items:center;gap:10px}.beta-cta-btn{background:#fff;color:#667eea;border:none;padding:15px 40px;font-size:1.2rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.beta-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.future-pricing{text-align:center;margin-bottom:80px}.future-pricing h2{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:15px}.pricing-subtitle{font-size:1.2rem;color:#666;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.pricing-card{background:#fff;border-radius:15px;padding:40px 30px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative;border:2px solid transparent}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.pricing-card.featured{border-color:#25d366;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#25d366;color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600}.plan-header{text-align:center;margin-bottom:30px}.plan-header h3{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:15px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:5px}.plan-price .price{font-size:3rem;font-weight:700;color:#25d366}.plan-price .period{font-size:1.1rem;color:#666}.plan-features h4{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.plan-features ul{list-style:none;padding:0;margin-bottom:30px}.plan-features ul li{padding:10px 0;color:#555;border-bottom:1px solid #f0f0f0;font-size:1rem}.plan-features ul li:last-child{border-bottom:none}.plan-btn{width:100%;padding:15px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.plan-btn-primary{background:#25d366;color:#fff;border-color:#25d366}.plan-btn-primary:hover{background:#128c7e;border-color:#128c7e}.plan-btn-outline{background:transparent;color:#25d366;border-color:#25d366}.plan-btn-outline:hover{background:#25d366;color:#fff}.beta-benefits{text-align:center;margin-bottom:80px}.beta-benefits h2{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:50px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.benefit-card{background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.benefit-icon{font-size:3rem;margin-bottom:20px}.benefit-card h3{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:15px}.benefit-card p{color:#666;line-height:1.6}.pricing-faq{margin-bottom:80px}.pricing-faq h2{font-size:2.5rem;font-weight:700;color:#333;text-align:center;margin-bottom:50px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px}.faq-item{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.faq-item p{color:#666;line-height:1.6}.pricing-cta{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:60px 40px;border-radius:20px;text-align:center;margin-bottom:40px}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-content p{font-size:1.2rem;margin-bottom:30px;opacity:.95}.cta-btn-primary,.cta-btn-secondary{padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.cta-btn-primary{background:#fff;color:#25d366;border:2px solid white}.cta-btn-primary:hover{background:#f0f0f0;transform:translateY(-2px)}.cta-btn-secondary{background:transparent;color:#fff;border:2px solid white}.cta-btn-secondary:hover{background:#fff;color:#25d366;transform:translateY(-2px)}@media (max-width: 768px){.pricing-header-content h1{font-size:2.5rem}.beta-card{padding:40px 30px}.beta-card h2{font-size:2rem}.beta-features{padding:20px}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.faq-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.pricing-container{padding:0 15px}.pricing-header-content h1{font-size:2rem}.beta-card{padding:30px 20px}.beta-card h2{font-size:1.8rem}.plan-price .price{font-size:2.5rem}.pricing-cta{padding:40px 20px}}.contact-page{min-height:100vh;background:#f8f9fa}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px}.contact-header{text-align:center;padding:60px 0 40px}.contact-header-content h1{font-size:3rem;font-weight:700;color:#333;margin-bottom:15px}.contact-header-content p{font-size:1.3rem;color:#666;max-width:600px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}.contact-info h2{font-size:2rem;font-weight:700;color:#333;margin-bottom:30px}.contact-methods{margin-bottom:40px}.contact-method{display:flex;align-items:flex-start;gap:15px;padding:20px;background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px #0000001a;transition:all .2s ease}.contact-method:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.method-icon{font-size:2rem;padding:10px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px}.method-details h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:5px}.method-details p{font-size:1rem;color:#25d366;font-weight:600;margin-bottom:3px}.method-details span{font-size:.9rem;color:#666}.contact-method.coming-soon{opacity:.7;background:#f8f9fa;border:2px dashed #ddd}.contact-method.coming-soon:hover{transform:none;box-shadow:0 4px 15px #0000001a}.contact-method.coming-soon .method-icon{background:linear-gradient(135deg,#ccc,#999)}.contact-method.coming-soon .method-details p{color:#999}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:12px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.coming-soon-note{display:block;font-size:.85rem;color:#888;font-style:italic;margin-top:5px}.beta-feedback-note{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:30px;border-radius:15px;border-left:5px solid #2196f3}.beta-feedback-note h3{font-size:1.3rem;font-weight:600;color:#1976d2;margin-bottom:15px}.beta-feedback-note p{color:#555;margin-bottom:15px;line-height:1.6}.beta-feedback-note ul{list-style:none;padding:0}.beta-feedback-note ul li{color:#555;position:relative;padding:5px 0 5px 20px}.beta-feedback-note ul li:before{content:"•";color:#2196f3;position:absolute;left:0;font-weight:700}.form-container{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.form-container h2{font-size:2rem;font-weight:700;color:#333;margin-bottom:30px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.success-message{text-align:center;padding:40px 20px}.success-icon{font-size:4rem;margin-bottom:20px}.success-message h3{font-size:1.8rem;font-weight:600;color:#28a745;margin-bottom:15px}.success-message p{color:#666;font-size:1.1rem;line-height:1.6}.success-details{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.success-details p{margin:5px 0;font-size:.95rem}.contact-id{color:#333;font-family:Courier New,monospace}.response-time{color:#666}.contact-faq{margin-bottom:40px}.contact-faq h2{font-size:2.5rem;font-weight:700;color:#333;text-align:center;margin-bottom:50px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px;margin-bottom:40px}.faq-item{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.faq-item:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000026}.faq-item h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px}.faq-item p{color:#666;line-height:1.6;font-size:1rem}.faq-cta{text-align:center;padding:30px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a}.faq-cta p{font-size:1.1rem;color:#666}.faq-cta a{color:#25d366;text-decoration:none;font-weight:600}.faq-cta a:hover{text-decoration:underline}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:40px}.faq-grid{grid-template-columns:1fr}}@media (max-width: 768px){.contact-header-content h1{font-size:2.5rem}.form-row{grid-template-columns:1fr}.form-container{padding:30px 25px}.contact-method{padding:15px}.method-icon{min-width:50px;height:50px;font-size:1.5rem}}@media (max-width: 480px){.contact-container{padding:0 15px}.contact-header-content h1{font-size:2rem}.form-container{padding:25px 20px}.beta-feedback-note{padding:20px}.faq-item{padding:25px 20px}}.features-page{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#e8f8f5)}.features-hero{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:120px 0 80px;text-align:center}.features-hero-container{max-width:800px;margin:0 auto;padding:0 20px}.features-hero h1{font-size:3rem;font-weight:700;margin-bottom:20px;line-height:1.2}.features-hero p{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto}.features-content{padding:80px 0}.features-container{max-width:1200px;margin:0 auto;padding:0 20px}.feature-section{background:#fff;border-radius:16px;box-shadow:0 8px 32px #25d3661a;margin-bottom:40px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.feature-section:hover{transform:translateY(-5px);box-shadow:0 16px 48px #25d36626}.feature-header{display:flex;align-items:flex-start;gap:30px;margin-bottom:30px}.feature-icon-large{font-size:4rem;background:linear-gradient(135deg,#25d366,#128c7e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.feature-title h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:10px;line-height:1.3}.feature-title p{font-size:1.125rem;color:#718096;line-height:1.6}.feature-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.feature-benefits h3,.feature-capabilities h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:15px;border-bottom:2px solid #25D366;padding-bottom:8px;display:inline-block}.feature-benefits ul,.feature-capabilities ul{list-style:none;padding:0;margin:0}.feature-benefits li,.feature-capabilities li{color:#4a5568;font-size:1rem;line-height:1.6;position:relative;padding:8px 0 8px 25px}.feature-benefits li:before,.feature-capabilities li:before{content:"✓";position:absolute;left:0;color:#25d366;font-weight:700;font-size:1.1rem}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}.status-dot.pending{background-color:#f6ad55}.status-dot.authentication{background-color:#ed8936}.status-dot.ready{background-color:#48bb78}.status-dot.disconnected{background-color:#f56565}.features-cta{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:80px 0;text-align:center}.cta-container{max-width:800px;margin:0 auto;padding:0 20px}.features-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.features-cta p{font-size:1.25rem;opacity:.9;margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-btn{display:inline-block;padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;min-width:180px}.cta-btn.primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d}.cta-btn.secondary{background:transparent;color:#fff;border:2px solid #25D366}.cta-btn.secondary:hover{background:#25d366;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.features-hero{padding:100px 0 60px}.features-hero h1{font-size:2.5rem}.features-hero p{font-size:1.125rem}.features-content{padding:60px 0}.feature-section{padding:30px 20px;margin-bottom:30px}.feature-header{flex-direction:column;text-align:center;gap:20px}.feature-icon-large{font-size:3rem}.feature-title h2{font-size:1.75rem}.feature-details{grid-template-columns:1fr;gap:30px}.features-cta{padding:60px 0}.features-cta h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px}}@media (max-width: 480px){.features-hero h1{font-size:2rem}.feature-section{padding:25px 15px}.feature-title h2{font-size:1.5rem}.feature-benefits li,.feature-capabilities li{font-size:.95rem}}.statistics-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray-200);transition:all .3s ease;height:100%;display:flex;flex-direction:column}.statistics-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.statistics-card.clickable{cursor:pointer}.statistics-card.clickable:hover{border-color:var(--primary-color)}.statistics-card-header{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.statistics-card-icon{font-size:1.5rem;margin-right:var(--spacing-sm);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);background:var(--gray-50)}.statistics-card-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.statistics-card-body{flex:1;display:flex;flex-direction:column}.statistics-card-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.2}.statistics-card-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.statistics-card-trend{display:flex;align-items:center;font-size:.75rem;font-weight:500;margin-top:auto}.statistics-card-trend.positive{color:var(--success-color)}.statistics-card-trend.negative{color:var(--danger-color)}.trend-icon{margin-right:var(--spacing-xs);font-size:.875rem}.trend-value{margin-right:var(--spacing-xs);font-weight:600}.trend-label{color:var(--text-secondary)}.statistics-card.primary .statistics-card-icon{background:#25d3661a;color:var(--primary-color)}.statistics-card.success .statistics-card-icon{background:#22c55e1a;color:var(--success-color)}.statistics-card.warning .statistics-card-icon{background:#fbbf241a;color:var(--warning-color)}.statistics-card.info .statistics-card-icon{background:#3b82f61a;color:#3b82f6}@media (max-width: 768px){.statistics-card{padding:var(--spacing-md)}.statistics-card-value{font-size:1.5rem}.statistics-card-icon{font-size:1.25rem;width:2rem;height:2rem}}.home-container{min-height:100vh;background:#f5f5f5}.home-main{max-width:1200px;margin:0 auto;padding:40px 20px}.welcome-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.welcome-section h2{color:#333;margin-bottom:10px;font-size:1.8rem}.welcome-section p{color:#666;margin-bottom:20px;font-size:1rem}.dashboard-stats-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h3{color:#333;margin:0;font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.stats-loading p{margin:0;font-size:1rem}.stats-error{text-align:center;padding:40px 20px;color:var(--danger-color)}.stats-error p{margin-bottom:16px;font-size:1rem}.quick-actions-section{margin-top:40px}.quick-actions-section h4{color:#333;margin-bottom:20px;font-size:1.2rem;font-weight:600}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.quick-action-card{display:flex;align-items:center;gap:16px;background:var(--gray-50);border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:all .3s ease;border:2px solid transparent}.quick-action-card:hover{background:#fff;border-color:var(--primary-color);box-shadow:0 4px 16px #25d3661a;transform:translateY(-2px);text-decoration:none;color:inherit}.quick-action-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.quick-action-content h5{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.quick-action-content p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.features-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.features-section h3{color:#333;margin-bottom:30px;font-size:1.5rem;text-align:center}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{background:#f8f9fa;border-radius:12px;padding:28px;text-align:center;transition:all .3s ease;position:relative;border:2px solid transparent}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #25d36626;border-color:#25d366}.feature-card.coming-soon{opacity:.7}.feature-card.coming-soon:hover{border-color:#ffc107;box-shadow:0 8px 25px #ffc10726}.feature-icon{font-size:2.5rem;margin-bottom:16px;display:block}.feature-card h4{color:#333;margin-bottom:12px;font-size:1.3rem;font-weight:600}.feature-card p{color:#666;margin-bottom:20px;font-size:.95rem;line-height:1.6}.feature-link{display:inline-block;background:#25d366;color:#fff;text-decoration:none;padding:10px 20px;border-radius:6px;font-weight:500;transition:background .2s}.feature-link:hover{background:#128c7e}.coming-soon-badge{display:inline-block;background:#ffc107;color:#856404;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-start-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.quick-start-section h3{color:#333;margin-bottom:30px;font-size:1.5rem;text-align:center}.quick-start-steps{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.step{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.step:hover{background:#e9ecef;transform:translate(8px)}.step-number{background:#25d366;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content h4{color:#333;margin-bottom:8px;font-size:1.2rem;font-weight:600}.step-content p{color:#666;margin:0;font-size:.95rem;line-height:1.5}.loading,.error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:1fr;gap:20px}.quick-actions-grid{grid-template-columns:1fr;gap:16px}.feature-cards{grid-template-columns:1fr;gap:20px}.step:hover{transform:translate(4px)}}@media (max-width: 480px){.home-main{padding:20px 15px}.welcome-section,.features-section,.quick-start-section,.dashboard-stats-section{padding:20px}.section-header{gap:12px}.section-header h3{font-size:1.3rem}.stats-grid{gap:16px}.quick-action-card{padding:16px;gap:12px}.quick-action-icon{width:40px;height:40px;font-size:1.25rem}.feature-card{padding:20px}.feature-icon{font-size:2rem}.step{flex-direction:column;text-align:center;gap:15px}.step-number{align-self:center}.step:hover{transform:none}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.25rem}.add-account-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%;padding:1rem}}@media (max-width: 480px){.modal-content{margin:0;border-radius:0;max-height:100vh;height:100vh}.modal-header,.add-account-form{padding:1rem}}.delete-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-content);padding:var(--spacing-lg);-webkit-backdrop-filter:var(--modal-overlay-blur);backdrop-filter:var(--modal-overlay-blur)}.delete-modal-content{background:var(--white);border-radius:var(--modal-radius);box-shadow:var(--shadow-2xl);width:100%;max-width:450px;min-height:fit-content;z-index:var(--z-modal-content)}.delete-modal-header{text-align:center;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--gray-200)}.warning-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg)}.delete-modal-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.delete-modal-body{padding:var(--spacing-2xl)}.delete-modal-body p{margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);text-align:center}.delete-modal-body strong{color:var(--danger-color);font-weight:var(--font-weight-semibold)}.warning-message{background:var(--warning-light);border:1px solid var(--warning-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.warning-message p{margin:0;color:var(--warning-text);font-size:var(--font-size-sm);text-align:left;line-height:var(--line-height-relaxed)}.delete-modal-actions{display:flex;gap:var(--spacing-lg);padding:0 var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl);justify-content:flex-end}.cancel-btn,.delete-confirm-btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal);font-size:var(--font-size-sm);min-width:120px}.cancel-btn{background:var(--gray-50);color:var(--text-secondary);border:1px solid var(--gray-300)}.cancel-btn:hover:not(:disabled){background:var(--gray-200);color:var(--text-primary)}.delete-confirm-btn{background:var(--danger-color);color:var(--white)}.delete-confirm-btn:hover:not(:disabled){background:var(--danger-hover)}.cancel-btn:disabled,.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@media (max-width: 768px){.delete-modal-overlay{padding:.5rem}.delete-modal-header{padding:1.5rem 1.5rem 1rem}.delete-modal-header h2{font-size:1.25rem}.delete-modal-body{padding:1.5rem}.delete-modal-actions{flex-direction:column-reverse;padding:0 1.5rem 1.5rem}.cancel-btn,.delete-confirm-btn{width:100%;padding:1rem}}@media (max-width: 480px){.delete-modal-content{margin:0;border-radius:0;max-height:100vh;height:auto}.delete-modal-header,.delete-modal-body{padding:1rem}.delete-modal-actions{padding:0 1rem 1rem}}.whatsapp-accounts-container{min-height:100vh;background-color:var(--bg-primary)}.back-btn{color:var(--white);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background:#fff3;transition:background var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.back-btn:hover{background:#ffffff4d;color:var(--white);text-decoration:none}.page-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold)}.page-header p{margin:0;font-size:var(--font-size-lg);opacity:.9}.accounts-main{max-width:1200px;margin:0 auto;padding:2rem}.success-banner{background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;font-weight:500}.success-banner span{display:flex;align-items:center;gap:.5rem}.close-banner-btn{background:none;border:none;color:#155724;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-banner-btn:hover{background:#1557241a}.accounts-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e5e5}.section-header h2{margin:0;color:#333;font-size:1.5rem}.add-account-btn{background:#25d366;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-account-btn:hover{background:#128c7e}.add-account-btn.primary{background:#25d366;padding:1rem 2rem;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-state h3{margin:0 0 1rem;color:#333;font-size:1.5rem}.empty-state p{margin:0 0 2rem;font-size:1.1rem;line-height:1.5}.accounts-table-container{overflow-x:auto}.accounts-table{width:100%;border-collapse:collapse}.accounts-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e5e5e5}.accounts-table td{padding:1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.accounts-table tbody tr:hover{background:#f8f9fa}.account-name strong{color:#333;font-weight:600}.created-date{color:#666;font-size:.9rem}.action-buttons{display:flex;gap:.5rem}.activate-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.activate-btn{background:#25d366;color:#fff}.activate-btn:hover{background:#128c7e}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.loading,.error{text-align:center;padding:4rem 2rem;color:#666;font-size:1.1rem}.error{color:#dc3545}.retry-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;margin-top:1rem;cursor:pointer}.retry-btn:hover{background:#0056b3}@media (max-width: 768px){.page-header{padding:1.5rem 1rem}.header-nav{left:1rem}.back-btn{font-size:.875rem;padding:.4rem .8rem}.page-header h1{font-size:2rem}.accounts-main{padding:1rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem}.section-header h2{text-align:center}.accounts-table{font-size:.875rem}.accounts-table th,.accounts-table td{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.activate-btn,.delete-btn{font-size:.75rem;padding:.5rem}}@media (max-width: 480px){.accounts-table-container{font-size:.8rem}}.session-status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:.85em;font-weight:500;white-space:nowrap;border:1px solid;transition:all .2s ease}.session-status-icon{font-size:.9em;line-height:1}.session-status-label{line-height:1}.session-status-none{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d}.session-status-pending-qr{background-color:#fff3cd;border-color:#ffeaa7;color:#856404;animation:pulse 2s infinite}.session-status-pending-auth{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460;animation:pulse 2s infinite}.session-status-authenticated{background-color:#d4edda;border-color:#c3e6cb;color:#155724;animation:pulse 1.5s infinite}.session-status-ready{background-color:#d4edda;border-color:#28a745;color:#155724}.session-status-disconnected{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.session-status-unknown{background-color:#e2e3e5;border-color:#d6d8db;color:#383d41}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.session-actions{display:flex;gap:6px;align-items:center}.session-btn{padding:6px 12px;border:none;border-radius:4px;font-size:.85em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.session-btn:disabled{opacity:.6;cursor:not-allowed}.session-btn-activate{background-color:#28a745;color:#fff;border:1px solid #28a745}.session-btn-activate:hover:not(:disabled){background-color:#218838;border-color:#1e7e34}.session-btn-activate:disabled{background-color:#6c757d;border-color:#6c757d}.session-btn-terminate{background-color:#dc3545;color:#fff;border:1px solid #dc3545}.session-btn-terminate:hover:not(:disabled){background-color:#c82333;border-color:#bd2130}.session-btn-qr{background-color:#007bff;color:#fff;border:1px solid #007bff}.session-btn-qr:hover:not(:disabled){background-color:#0069d9;border-color:#0062cc}.session-btn-loading{position:relative;color:transparent}.session-btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.accounts-table .session-status-cell{min-width:120px}.accounts-table .session-actions-cell{min-width:140px}.session-operation-feedback{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:4px;color:#fff;font-weight:500;z-index:1000;max-width:300px;box-shadow:0 4px 6px #0000001a}.session-operation-feedback.success{background-color:#28a745}.session-operation-feedback.error{background-color:#dc3545}.session-operation-feedback.loading{background-color:#007bff}@media (max-width: 768px){.session-status-indicator{font-size:.8em;padding:3px 6px;gap:4px}.session-btn{font-size:.8em;padding:5px 8px}.session-actions{flex-direction:column;gap:4px}.session-operation-feedback{right:10px;top:10px;max-width:250px;font-size:.9em}}.qr-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay-bg);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-overlay);padding:var(--spacing-xl);box-sizing:border-box;-webkit-backdrop-filter:var(--modal-overlay-blur);backdrop-filter:var(--modal-overlay-blur)}.qr-modal-content{background:var(--white);border-radius:var(--modal-radius);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);z-index:var(--z-modal-content);animation:qrModalSlideIn .3s ease-out}@keyframes qrModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--gray-200);background:var(--bg-gradient);color:var(--white);border-radius:var(--modal-radius) var(--modal-radius) 0 0}.qr-modal-header h3{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.qr-modal-close-btn{background:none;border:none;color:var(--white);font-size:var(--font-size-3xl);cursor:pointer;padding:0;width:30px;height:30px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal)}.qr-modal-close-btn:hover{background-color:#fff3}.qr-modal-body{padding:var(--spacing-2xl)}.qr-account-info{text-align:center;margin-bottom:24px}.qr-account-info h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.qr-account-info .session-id{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);font-family:monospace}.qr-status-section{margin-bottom:var(--spacing-2xl)}.qr-status-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--gray-50);border-radius:var(--radius-lg);border-left:4px solid currentColor;font-weight:var(--font-weight-medium)}.qr-status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.qr-code-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-2xl)}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.qr-code-wrapper{position:relative;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:2px solid #e9ecef;transition:all .3s ease}.qr-code-wrapper.expired{opacity:.5;filter:grayscale(100%)}.qr-expired-overlay{position:absolute;inset:0;background:#dc3545e6;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;font-weight:700}.qr-expired-message{text-align:center}.qr-expired-message p{margin:0 0 4px;font-size:1.1em}.qr-expired-message small{font-size:.85em;opacity:.9}.qr-timestamp{color:var(--text-secondary);font-size:var(--font-size-xs)}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-4xl) var(--spacing-xl);color:var(--text-secondary)}.qr-loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top:3px solid var(--primary-color);border-radius:var(--radius-round);animation:spin 1s linear infinite}.qr-countdown-section{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;width:100%;max-width:300px}.qr-countdown-timer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.qr-countdown-label{font-size:.9em;color:#6c757d;font-weight:500}.qr-countdown-time{font-size:1.8em;font-weight:700;font-family:monospace}.qr-progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.qr-progress-fill{height:100%;transition:width 1s ease,background-color .3s ease;border-radius:4px}.qr-progress-steps{display:flex;justify-content:space-between;align-items:center;margin:24px 0;padding:0 20px;width:100%;max-width:350px}.qr-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;flex:1}.qr-step:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;right:-40%;height:2px;background-color:#e9ecef;z-index:0}.qr-step.active:not(:last-child):after{background-color:#25d366}.qr-step-icon{width:30px;height:30px;border-radius:50%;background-color:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;z-index:1;position:relative}.qr-step.active .qr-step-icon{background-color:#25d366;color:#fff}.qr-step-text{font-size:.8em;color:#6c757d;text-align:center;font-weight:500}.qr-step.active .qr-step-text{color:#25d366;font-weight:600}.qr-tips-section{margin:24px 0;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;width:100%;max-width:350px}.qr-tips-section h5{margin:0 0 12px;color:#856404;font-size:1em;display:flex;align-items:center;gap:8px}.qr-tips-section ul{margin:0;padding-left:20px;color:#856404}.qr-tips-section li{margin-bottom:6px;font-size:.85em;line-height:1.3}.qr-cancel-section{margin-top:24px;text-align:center}.qr-cancel-section p{margin:0 0 8px;color:#6c757d}.qr-cancel-btn{background-color:var(--gray-500);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-normal)}.qr-cancel-btn:hover{background-color:var(--gray-600)}.qr-auto-close-message{color:#6c757d!important;font-style:italic}.qr-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.qr-error-icon{font-size:3em}.qr-error p{color:#dc3545;margin:0;font-weight:500}.qr-retry-btn{background-color:var(--info-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--transition-normal)}.qr-retry-btn:hover{background-color:var(--info-hover)}.qr-instructions{background-color:#e7f3ff;border:1px solid #b8daff;border-radius:8px;padding:16px;margin-bottom:20px}.qr-instructions h5{margin:0 0 12px;color:#004085;font-size:1em}.qr-instructions ol{margin:0;padding-left:20px;color:#004085}.qr-instructions li{margin-bottom:4px;font-size:.9em}.qr-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;text-align:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px}.qr-success-icon{font-size:3em}.qr-success p{color:#155724;margin:0;font-weight:500}.qr-close-btn{background-color:var(--success-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:background-color var(--transition-normal)}.qr-close-btn:hover{background-color:var(--success-hover)}@media (max-width: 768px){.qr-modal-overlay{padding:10px}.qr-modal-content{max-width:100%;border-radius:8px}.qr-modal-header{padding:16px 20px;border-radius:8px 8px 0 0}.qr-modal-header h3{font-size:1.3em}.qr-modal-body{padding:20px}.qr-code-wrapper{padding:15px}.qr-code-wrapper svg{max-width:200px;height:auto}.qr-instructions{padding:12px}.qr-instructions h5{font-size:.95em}.qr-instructions li{font-size:.85em}.qr-countdown-section{max-width:250px;padding:12px}.qr-countdown-time{font-size:1.5em}.qr-progress-steps{max-width:280px;padding:0 10px}.qr-step-icon{width:25px;height:25px;font-size:.8em}.qr-step-text{font-size:.7em}.qr-tips-section{max-width:280px;padding:12px}.qr-tips-section li{font-size:.8em}}@media (max-width: 480px){.qr-modal-overlay{padding:5px}.qr-modal-content{border-radius:6px}.qr-modal-header{padding:12px 16px;border-radius:6px 6px 0 0}.qr-modal-body{padding:16px}.qr-code-wrapper svg{max-width:180px}}.campaign-list-container{padding:1.5rem}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.filter-group{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;justify-content:space-between;min-height:70px}.filter-group label{font-size:.85rem;font-weight:600;color:#495057}.filter-select{padding:.5rem;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:.9rem;min-width:150px;height:42px;box-sizing:border-box}.filter-select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 2px #007bff40}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:6px;border:1px solid #f5c6cb;margin-bottom:1rem}.error-text{font-size:.9rem}.error-close{background:none;border:none;color:#721c24;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.campaign-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.campaign-table{width:100%;border-collapse:collapse;background:#fff}.campaign-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:.9rem}.campaign-table td{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:top}.campaign-table tr:hover{background:#f8f9fa}.campaign-info{max-width:250px}.campaign-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem;font-size:.95rem}.campaign-preview{color:#6c757d;font-size:.85rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-in_progress,.status-in-progress{background:#cce5ff;color:#004085;border:1px solid #99d6ff}.status-completed{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-cancelled{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.polling-indicator{margin-left:.5rem;opacity:.7;animation:spin 2s linear infinite;display:inline-block}.recipients-info{min-width:120px}.recipients-info .total{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.recipients-info .breakdown{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem}.recipients-info .sent{color:#28a745}.recipients-info .failed{color:#dc3545}.recipients-info .pending{color:#ffc107}.success-rate{min-width:100px}.rate-value{font-weight:700;color:#2c3e50;margin-bottom:.5rem;text-align:center}.rate-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.rate-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.date-info{min-width:150px;font-size:.85rem}.date-info .created{color:#2c3e50;margin-bottom:.25rem}.date-info .completed{color:#6c757d}.actions{min-width:80px}.action-btn{background:none;border:1px solid #ced4da;padding:.5rem;border-radius:6px;cursor:pointer;margin-right:.5rem;transition:all .2s;font-size:1rem}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.view-btn{background:#e3f2fd;border-color:#90caf9}.view-btn:hover{background:#bbdefb}.cancel-btn{background:#ffebee;border-color:#ef9a9a}.cancel-btn:hover{background:#ffcdd2}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem;color:#6c757d}.empty-state h3{margin-bottom:1rem;color:#495057}.empty-state p{margin-bottom:1.5rem;line-height:1.6}.setup-link{color:#007bff;text-decoration:none;font-weight:600}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-top:1px solid #e9ecef}.page-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.page-btn:hover:not(:disabled){background:#0056b3}.page-btn:disabled{background:#6c757d;cursor:not-allowed}.page-info{font-size:.9rem;color:#495057}@media (max-width: 768px){.filters-bar{flex-direction:column}.campaign-table-container{font-size:.85rem}.campaign-table th,.campaign-table td{padding:.75rem .5rem}.campaign-info{max-width:200px}.pagination{flex-direction:column;gap:1rem;text-align:center}}.test-campaign-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:#fef3cd;color:#856404;border:1px solid #faeeba;border-radius:12px;font-size:.8rem;font-weight:600;cursor:help}.test-limit-exceeded{color:#721c24!important;background:#f8d7da!important;border:1px solid #f5c6cb;font-weight:600}.filter-toggle-row{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:#495057;margin:0;padding:.5rem;background:#fff;border:1px solid #ced4da;border-radius:6px;transition:all .2s ease;min-width:100%;box-sizing:border-box;height:42px}.filter-toggle-row:hover{background:#f8f9fa;border-color:#25d366}.filter-toggle-text{font-weight:400;color:#495057;margin:0;line-height:1.5;flex:1;font-size:.9rem;min-width:80%}.filter-toggle-switch{position:relative;width:40px;height:20px;margin-left:.5rem;display:inline-block;flex-shrink:0}.filter-toggle-input{opacity:0;width:0;height:0}.filter-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ddd;border-radius:20px;transition:all .3s ease;border:1px solid #ccc}.filter-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:1px;top:1px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 4px #0003}.filter-toggle-input:checked+.filter-toggle-slider{background-color:#25d366;border-color:#25d366}.filter-toggle-input:checked+.filter-toggle-slider:before{transform:translate(20px)}.filter-toggle-input:focus+.filter-toggle-slider{box-shadow:0 0 0 2px #25d36633}.markdown-editor{border:1px solid var(--gray-300);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--white);transition:border-color var(--transition-slow)}.markdown-editor.has-error{border-color:var(--danger-color)}.editor-tabs{display:flex;background:var(--gray-100);border-bottom:1px solid var(--gray-300)}.editor-tabs button{padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-bottom:3px solid transparent;transition:all var(--transition-slow)}.editor-tabs button:hover{background-color:var(--gray-200)}.editor-tabs button.active{color:var(--primary-dark);border-bottom-color:var(--primary-color);background-color:var(--white)}.write-tab{display:flex;flex-direction:column}.markdown-toolbar{padding:8px;background:#fafafa;border-bottom:1px solid #eee;display:flex;gap:8px}.markdown-toolbar button{background:#fff;border:1px solid #ccc;border-radius:4px;padding:5px 8px;min-width:30px;cursor:pointer;font-size:14px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.markdown-toolbar button:hover{background-color:#f0f0f0}.editor-textarea{border:none;padding:12px;font-size:15px;line-height:1.6;min-height:150px;resize:vertical;width:100%;box-sizing:border-box}.editor-textarea:focus{outline:none}.syntax-help{padding:8px 12px;background:#fafafa;border-top:1px solid #eee;font-size:12px;color:#777}.preview-tab{padding:16px;background-color:#e5ddd5;min-height:180px;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png)}.whatsapp-preview{display:flex;justify-content:flex-end}.whatsapp-preview .message-bubble{background:#dcf8c6;padding:10px 15px;border-radius:8px;max-width:80%;box-shadow:0 1px 2px #0000001a;word-wrap:break-word;white-space:pre-wrap}.whatsapp-preview .message-bubble p{margin:0;line-height:1.4}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f5f5f5;border-top:1px solid #ddd;font-size:12px;color:#777}.char-count.exceeded{color:#d9534f;font-weight:700}.media-caption-indicator{font-style:italic}.error-message{color:#d9534f;font-size:12px;padding:0 12px 8px;margin:0}.rtl-text{direction:rtl;text-align:right}.ai-improvement-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-large);-webkit-backdrop-filter:var(--modal-overlay-blur);backdrop-filter:var(--modal-overlay-blur);animation:fadeIn .3s ease}.ai-improvement-modal{background:var(--white);border-radius:var(--modal-radius);box-shadow:var(--shadow-2xl);max-width:900px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-modal-content);animation:slideUp .3s ease}.ai-improvement-header{background:var(--gray-50);color:var(--text-primary);padding:var(--spacing-xl) var(--spacing-2xl);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-200);border-radius:var(--modal-radius) var(--modal-radius) 0 0}.ai-improvement-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.close-btn{background:none;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-round);font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal)}.close-btn:hover{background:var(--gray-200)}.ai-improvement-body{padding:var(--spacing-2xl);overflow-y:auto;flex:1}.original-message-section{margin-bottom:24px}.original-message-section h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.message-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;word-wrap:break-word;min-height:60px}.message-preview.original{border-left:4px solid var(--gray-500)}.message-stats{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.ai-options-section{margin-bottom:var(--spacing-2xl);background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.ai-options-section h4{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.ai-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.option-group{display:flex;flex-direction:column}.option-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.option-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-400);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--white);color:var(--text-secondary);transition:border-color var(--transition-normal)}.option-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #25d3661a}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer;margin-top:20px}.checkbox-label input[type=checkbox]{margin:0;transform:scale(1.1)}.ai-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.ai-rate-limit-info{font-size:12px;color:#666;font-style:italic}.ai-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px}.ai-loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.ai-loading-text{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.ai-loading-subtext{font-size:var(--font-size-sm);color:var(--text-secondary)}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.btn-ai-primary{background:var(--primary-color);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-slow);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md)}.btn-ai-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ai-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.ai-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:24px;display:flex;align-items:center;gap:8px;font-size:14px}.error-icon{font-size:16px}.ai-suggestions-section{margin-bottom:24px}.ai-suggestions-section h4{margin:0 0 16px;color:#2c3e50;font-size:16px;font-weight:600}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px}.suggestion-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative}.suggestion-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.suggestion-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea08,#764ba208);box-shadow:0 6px 20px #667eea33}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.suggestion-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.suggestion-stats{font-size:11px;color:#6c757d}.suggestion-message{background:#f8f9fa;border-radius:6px;padding:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin-bottom:12px;border-left:3px solid #667eea}.suggestion-improvements{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.improvement-tag{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.suggestion-details{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.detail-item{display:flex;gap:4px}.detail-item .label{color:#6c757d;font-weight:500}.detail-item .value{font-weight:600}.detail-item .value.positive{color:#28a745}.detail-item .value.negative{color:#dc3545}.detail-item .value.neutral{color:#6c757d}.suggestion-actions{display:flex;justify-content:center;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.ai-service-info{margin-top:24px;padding-top:16px;border-top:1px solid #e9ecef}.service-meta{font-size:11px;color:#6c757d;text-align:center;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ai-improvement-modal{width:95vw;max-height:95vh}.ai-improvement-header{padding:16px 20px}.ai-improvement-header h3{font-size:18px}.ai-improvement-body{padding:20px}.ai-options-grid,.suggestions-grid{grid-template-columns:1fr;gap:12px}.suggestion-actions{flex-direction:column;gap:12px}.btn{width:100%}}@media (max-width: 480px){.ai-improvement-modal{width:98vw;max-height:98vh;border-radius:8px}.ai-improvement-header{border-radius:8px 8px 0 0;padding:12px 16px}.ai-improvement-body{padding:16px}.original-message-section,.ai-options-section,.ai-suggestions-section{margin-bottom:20px}.ai-options-section{padding:16px}.suggestion-card{padding:12px}}.campaign-form-modal{max-width:900px;width:90vw}.campaign-form-modal .modal-header h2{font-size:var(--font-size-xl)}.message-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--background-subtle);border-radius:var(--radius-md);border:1px solid var(--border-light)}.ai-rate-limit-info{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.campaign-form{padding:var(--spacing-xl);overflow-y:auto;flex:1}.campaign-form .form-group label,.campaign-form .form-control{font-size:var(--font-size-sm)}.field-hint{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs)}.field-error{font-size:var(--font-size-xs);color:var(--danger-text);margin-top:var(--spacing-xs);font-weight:var(--font-weight-medium)}.error-banner{background:var(--danger-light);color:var(--danger-text);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--danger-border);margin-bottom:var(--spacing-lg)}.error-text{font-size:var(--font-size-sm)}.phone-numbers-group .label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.help-btn{background:#e3f2fd;color:#1976d2;border:1px solid #90caf9;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.help-btn:hover{background:#bbdefb}.phone-help{background:#e8f5e8;border:1px solid #c3e6cb;border-radius:6px;padding:1rem;margin-bottom:1rem}.phone-help h4{margin:0 0 .5rem;color:#155724;font-size:.9rem}.phone-help ul{margin:.5rem 0;padding-left:1.5rem;color:#155724;font-size:.85rem}.phone-help li{margin-bottom:.25rem}.sample-btn{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;margin-top:.5rem;transition:background-color .2s}.sample-btn:hover{background:#218838}.phone-validation{margin-top:.75rem}.validation-stats{display:flex;gap:1rem;margin-bottom:.5rem}.stat{font-size:.8rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.stat.valid{background:#d4edda;color:#155724}.stat.invalid{background:#f8d7da;color:#721c24}.stat.duplicate{background:#fff3cd;color:#856404}.validation-warnings{margin-top:.5rem}.warning{font-size:.8rem;color:#856404;background:#fff3cd;padding:.25rem .5rem;border-radius:4px;border:1px solid #ffeaa7;margin-bottom:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-lg);padding:var(--spacing-xl);border-top:1px solid var(--gray-200);background:var(--gray-50)}.phone-hints{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-50);border-left:3px solid var(--primary-color);border-radius:var(--radius-sm)}.hint-text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.modal-overlay{padding:.5rem}.campaign-form-modal{max-height:95vh}.modal-header{padding:1rem}.modal-header h2{font-size:1.3rem}.campaign-form{padding:1rem}.form-actions{padding:1rem;flex-direction:column}.validation-stats{flex-direction:column;gap:.5rem}.phone-help{padding:.75rem}.phone-hints{margin-bottom:.5rem}}.loading-sessions{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#6c757d}.loading-sessions .spinner{width:16px;height:16px;border:2px solid #dee2e6;border-top:2px solid #25D366;border-radius:50%;animation:spin 1s linear infinite}.no-sessions{padding:1.5rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;text-align:center}.no-sessions p{margin:.5rem 0;color:#856404}.no-sessions p:first-child{font-weight:600}.media-upload-section{margin-top:.5rem}.file-drop-zone{border:2px dashed #dee2e6;border-radius:8px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa;position:relative}.file-drop-zone:hover{border-color:#25d366;background:#f0fff4}.file-drop-zone.drag-over{border-color:#25d366;background:#e8f5e9;transform:scale(1.02)}.drop-zone-content{pointer-events:none}.upload-icon{font-size:2rem;display:block;margin-bottom:.5rem}.file-drop-zone p{margin:.5rem 0;color:#6c757d}.file-drop-zone p:first-of-type{font-weight:600;color:#495057}.file-requirements{font-size:.8rem!important;color:#868e96!important}.file-preview{border:1px solid #dee2e6;border-radius:8px;padding:1rem;background:#f8f9fa}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.file-name{font-weight:600;color:#495057;font-size:.9rem;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-file-btn:hover{background:#c82333}.image-preview{margin-bottom:1rem;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #dee2e6}.image-preview img{width:100%;height:auto;max-height:200px;object-fit:contain;display:block}.file-info{display:flex;gap:1rem;font-size:.8rem;color:#6c757d}.file-size{font-weight:600}.file-type{padding:.125rem .5rem;background:#e9ecef;border-radius:12px;font-weight:500}.form-group textarea[placeholder*=caption]{border-left:4px solid #25D366;background:linear-gradient(90deg,#f0fff4,#fff 10%)}.uploading-media{opacity:.6;pointer-events:none;position:relative}.uploading-media:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #dee2e6;border-top:2px solid #25D366;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@media (max-width: 768px){.file-drop-zone{padding:1.5rem .75rem}.upload-icon{font-size:1.5rem}.image-preview img{max-height:150px}.file-info{flex-direction:column;gap:.5rem}.preview-header{flex-direction:column;align-items:flex-start;gap:.5rem}.file-name{max-width:100%}}.customer-filters,.customer-search{margin-bottom:1rem}.tag-filters{margin-top:1rem}.filter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#2c3e50}.clear-filters{background:none;border:none;color:#25d366;font-size:.8rem;cursor:pointer;text-decoration:underline}.clear-filters:hover{color:#128c7e}.select-all-section{border-bottom:1px solid #e9ecef;padding:1rem;background:#f8f9fa;margin-bottom:.5rem}.select-all-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;margin:0}.select-all-label{color:#2c3e50;font-size:.9rem}.filter-context{color:#6c757d;font-weight:400;font-style:italic}.duration-estimate{margin-top:1rem;padding:1rem;background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px}.estimate-info{color:#1976d2;font-size:.95rem;margin-bottom:.5rem}.estimate-note{color:#0d47a1;font-size:.85rem;line-height:1.4;font-style:italic}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-actions{display:flex;gap:8px}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #667eea4d}.btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.btn-ai:disabled{opacity:.6;cursor:not-allowed;transform:none}.toggle-row{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:#2c3e50;margin:0 0 .5rem;padding:1rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;width:100%;box-sizing:border-box}.toggle-row:hover{background:#f8f9fa;border-color:#25d366;box-shadow:0 2px 6px #25d3661a}.toggle-text{font-weight:500;color:#2c3e50;margin:0;line-height:1.2;flex:1}.toggle-input:checked~.toggle-text{color:#25d366;font-weight:600}.toggle-switch{position:relative;width:52px;height:28px;margin-left:1rem;display:inline-block;flex-shrink:0}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ddd;border-radius:28px;transition:all .3s ease;border:1px solid #ccc}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;top:2px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.toggle-input:checked+.toggle-slider{background-color:#25d366;border-color:#25d366}.toggle-input:checked+.toggle-slider:before{transform:translate(24px);box-shadow:0 2px 8px #25d3664d}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px #25d36633}.toggle-input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.campaign-details-modal{height:80vh;max-height:600px;min-height:500px;display:flex;flex-direction:column}.campaign-details-modal .modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}@media (max-height: 700px){.campaign-details-modal{height:90vh;max-height:none;min-height:400px}}@media (max-width: 768px){.campaign-details-modal{height:85vh;max-height:none;min-height:450px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.header-left{display:flex;align-items:center;gap:1rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.tab-nav{display:flex;border-bottom:1px solid #e9ecef;background:#f8f9fa;flex-shrink:0}.tab-btn{background:none;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:.9rem;font-weight:600;color:#6c757d;transition:all .2s;border-bottom:3px solid transparent}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{color:#007bff;border-bottom-color:#007bff;background:#fff}.tab-content{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.overview-tab .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.overview-tab .stat-card{background:#f8f9fa;padding:1rem;border-radius:8px;text-align:center;border:1px solid #e9ecef}.overview-tab .stat-card.success{background:#d4edda;border-color:#c3e6cb}.overview-tab .stat-card.danger{background:#f8d7da;border-color:#f5c6cb}.overview-tab .stat-card.warning{background:#fff3cd;border-color:#ffeaa7}.overview-tab .stat-label{font-size:.8rem;color:#6c757d;margin-bottom:.25rem;font-weight:600}.overview-tab .stat-value{font-size:1.5rem;font-weight:700;color:#2c3e50}.progress-section{margin-bottom:2rem}.progress-header{display:flex;justify-content:center;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.progress-bar{width:100%;height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;margin-bottom:.25rem}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.progress-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#6c757d}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.8rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#2c3e50;font-weight:500}.campaign-id{font-family:monospace;font-size:.85rem;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;border:1px solid #e9ecef}.results-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.controls-left,.controls-right{display:flex;gap:1rem;align-items:center}.filter-select,.search-input{padding:.5rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem}.search-input{min-width:200px}.results-count{font-size:.9rem;color:#6c757d;font-weight:500}.export-btn{background:#17a2b8;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.export-btn:hover{background:#138496}.results-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef;max-height:400px;overflow-y:auto}.results-table{width:100%;border-collapse:collapse;background:#fff}.results-table th{background:#f8f9fa;padding:.75rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:.9rem;position:sticky;top:0}.results-table td{padding:.75rem;border-bottom:1px solid #e9ecef;font-size:.85rem}.results-table tr:hover{background:#f8f9fa}.phone-number{font-family:monospace;font-weight:500}.result-status{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.result-status.status-pending{background:#fff3cd;color:#856404}.result-status.status-sent{background:#d4edda;color:#155724}.result-status.status-failed{background:#f8d7da;color:#721c24}.sent-at{color:#6c757d;font-size:.8rem}.error-message{max-width:200px}.error-text{color:#dc3545;font-size:.8rem;cursor:help}.empty-results{text-align:center;padding:2rem;color:#6c757d}.message-preview{max-width:100%}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.message-header h3{margin:0;color:#2c3e50}.message-stats{font-size:.9rem;color:#6c757d}.whatsapp-preview{background:#e5ddd5;padding:1rem;border-radius:8px;margin-bottom:2rem}.message-bubble{background:#dcf8c6;padding:.75rem 1rem;border-radius:8px;max-width:70%;margin-left:auto;box-shadow:0 1px 2px #0000001a;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.message-raw h4{margin:0 0 .5rem;color:#495057;font-size:1rem}.raw-message{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-family:monospace;font-size:.9rem;background:#f8f9fa;resize:none;line-height:1.4}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:flex-end}.close-btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.close-btn-secondary:hover{background:#5a6268}@media (max-width: 768px){.campaign-details-modal{max-height:95vh}.modal-header{padding:1rem}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.header-left h2{font-size:1.3rem}.tab-content{padding:1rem}.overview-tab .stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.results-controls{flex-direction:column;align-items:stretch}.controls-left,.controls-right{flex-direction:column;gap:.5rem}.search-input{min-width:auto}.results-table-container{font-size:.8rem}.details-grid{grid-template-columns:1fr}.message-bubble{max-width:90%}.media-info-section{margin-bottom:1rem}.whatsapp-media{max-height:120px}}.media-indicator{background:#25d366;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.media-info-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.media-info-section h4{margin:0 0 .75rem;color:#495057;font-size:1rem}.media-metadata{display:flex;gap:1rem;flex-wrap:wrap}.media-filename{font-weight:600;color:#495057}.media-size{background:#e9ecef;padding:.125rem .5rem;border-radius:12px;font-size:.8rem;color:#6c757d}.media-type{background:#d1ecf1;color:#0c5460;padding:.125rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.whatsapp-media-message{display:flex;justify-content:flex-end;margin-bottom:1rem}.media-bubble{background:#dcf8c6;border-radius:8px;max-width:70%;box-shadow:0 1px 2px #0000001a;overflow:hidden}.whatsapp-media{width:100%;height:auto;max-height:200px;object-fit:cover;display:block}.media-caption{padding:.75rem 1rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.media-metadata{flex-direction:column;gap:.5rem}.media-bubble{max-width:85%}.whatsapp-media{max-height:150px}}.campaigns-container{min-height:100vh;background-color:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-content{max-width:1200px;margin:0 auto;padding:0 2rem}.campaigns-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 20px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left h1{margin:0 0 .5rem;color:#2c3e50;font-size:1.8rem;font-weight:600}.header-right .user-info{display:flex;align-items:center;gap:1rem}.profile-picture{width:40px;height:40px;border-radius:50%;border:2px solid #fff}.user-details{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-weight:600;color:#2c3e50;font-size:.9rem}.user-email{font-size:.8rem;color:#6c757d}.logout-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.logout-btn:hover{background:#c82333}.campaigns-main{max-width:1200px;margin:0 auto;padding:2rem}.stats-section{margin-bottom:2rem}.stat-card{background:#fffffff2;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-value{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#6c757d;font-weight:500}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fffffff2;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-left h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600}.action-right{display:flex;align-items:center;gap:1rem}.create-campaign-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #28a7454d}.create-campaign-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #28a74566}.no-accounts-warning{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.no-accounts-warning span{color:#dc3545;font-size:.9rem;font-weight:500}.setup-link{color:#007bff;text-decoration:none;font-size:.9rem;font-weight:500}.setup-link:hover{text-decoration:underline}.campaigns-content{background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#fff;font-size:1.1rem}.error{display:flex;align-items:center;justify-content:center;padding:3rem;color:#dc3545;background:#fffffff2;border-radius:12px;margin:2rem;font-size:1.1rem}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.campaigns-main{padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-bar{flex-direction:column;gap:1rem;text-align:center}.stat-value{font-size:1.5rem}}.customer-list-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.customer-table-wrapper{overflow-x:auto}.customer-table{width:100%;border-collapse:collapse;font-size:.9rem}.customer-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:1rem .75rem;text-align:left;font-weight:600;color:#495057;white-space:nowrap}.customer-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.customer-table th.sortable:hover{background:#e9ecef}.customer-table td{padding:.75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.customer-row{transition:background-color .2s ease}.customer-row:hover{background-color:#f8f9fa}.customer-row.selected{background-color:#e7f3ff}.checkbox-col{width:40px;text-align:center}.checkbox-col input[type=checkbox]{cursor:pointer;transform:scale(1.1)}.name-col{min-width:150px}.customer-name{display:flex;align-items:center;gap:.5rem}.full-name{font-weight:500;color:#2c3e50}.notes-indicator{font-size:.8rem;opacity:.6;cursor:help}.phone-col{min-width:130px}.phone-number{font-family:Courier New,monospace;color:#495057}.email-col{min-width:180px}.email-link{color:#007bff;text-decoration:none}.email-link:hover{text-decoration:underline}.no-email{color:#adb5bd}.tags-col{min-width:150px}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem}.customer-tag{background:#e3f2fd;color:#1976d2;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.more-tags{background:#f5f5f5;color:#666;padding:.2rem .5rem;border-radius:12px;font-size:.75rem}.no-tags{color:#adb5bd}.status-badge,.source-badge{padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#fff3cd;color:#856404}.status-blocked{background:#f8d7da;color:#721c24}.source-manual{background:#e2e3e5;color:#383d41}.source-csv{background:#d1ecf1;color:#0c5460}.source-auto{background:#d4edda;color:#155724}.source-response{background:#fce4ec;color:#880e4f}.rate-col{min-width:120px}.response-rate{display:flex;flex-direction:column;gap:.2rem}.rate-value{font-weight:600;color:#2c3e50}.campaigns-count{font-size:.75rem;color:#6c757d}.date-col{min-width:100px}.date-text{color:#6c757d;font-size:.85rem}.actions-col{width:100px;text-align:center}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;font-size:1rem;transition:background-color .2s ease}.action-btn:hover{background:#f8f9fa}.edit-btn:hover{background:#e3f2fd}.delete-btn:hover{background:#ffebee}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa}.pagination-info{color:#6c757d;font-size:.9rem}.pagination-controls{display:flex;gap:.5rem}.pagination-btn{padding:.5rem .75rem;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{opacity:.6;cursor:not-allowed}.pagination-btn.active{background:#25d366;border-color:#25d366;color:#fff}@media (max-width: 1024px){.customer-table{font-size:.8rem}.customer-table th,.customer-table td{padding:.5rem}.tag-list{max-width:120px}.customer-tag{font-size:.7rem}}@media (max-width: 768px){.customer-table-wrapper{border-radius:0}.customer-table{min-width:800px}.pagination-container{flex-direction:column;gap:1rem;text-align:center}.pagination-controls{justify-content:center;flex-wrap:wrap}}@media (max-width: 480px){.action-buttons{flex-direction:column}.pagination-btn{padding:.4rem .6rem;font-size:.8rem}}.customer-modal{max-width:600px;width:90%}.customer-modal .modal-body{max-height:70vh;overflow-y:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.field-error{color:#dc3545;font-size:.85rem;margin-top:.25rem}.field-hint{color:#6c757d;font-size:.85rem;margin-top:.25rem}.tag-input-container{border:1px solid #ddd;border-radius:6px;padding:1rem;background:#fff;display:flex;flex-direction:column;gap:1rem}.selected-tags{display:flex;flex-direction:column;gap:.5rem}.selected-tags-label{font-size:.9rem;font-weight:500;color:#2c3e50}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{background:#e3f2fd;color:#1976d2;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;display:flex;align-items:center;gap:.4rem;border:1px solid #bbdefb}.tag-item.selected{background:#25d366;color:#fff;border-color:#25d366}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.tag-remove:hover{background:#fff3}.available-tags{display:flex;flex-direction:column;gap:.5rem}.available-tags-label{font-size:.9rem;font-weight:500;color:#2c3e50}.tag-options{display:flex;flex-wrap:wrap;gap:.5rem;max-height:120px;overflow-y:auto;padding:.25rem}.tag-option{background:#f8f9fa;color:#6c757d;padding:.4rem .8rem;border:1px solid #e9ecef;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-option:hover{background:#25d366;color:#fff;border-color:#25d366;transform:translateY(-1px)}.add-new-tag{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid #e9ecef}.add-new-tag-label{font-size:.9rem;font-weight:500;color:#2c3e50}.tag-input-row{display:flex;gap:.5rem}.tag-input-row input{flex:1;border:1px solid #ddd;border-radius:6px;padding:.5rem;font-size:.9rem;transition:border-color .2s ease}.tag-input-row input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.modal-header h2,.modal-header h3{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background:#ffffff1a}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.75rem;background:#f8f9fa}.csv-import-modal{max-width:650px}.import-instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.import-instructions h4{margin:0 0 .75rem;color:#2c3e50;font-size:1rem}.import-instructions ul{margin:0 0 1rem;padding-left:1.5rem}.import-instructions li{margin-bottom:.5rem;font-size:.9rem;color:#6c757d}.file-upload-section{border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;margin-bottom:1rem;background:#fafbfc;transition:border-color .2s ease}.file-upload-section:hover{border-color:#25d366;background:#f8fff9}.file-input-container{margin-bottom:1rem}.file-input-label{display:inline-block;padding:.75rem 1.5rem;background:#25d366;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;text-decoration:none;-webkit-user-select:none;user-select:none}.file-input-label:hover{background:#20b358;transform:translateY(-1px);box-shadow:0 4px 8px #25d3664d}.file-input-label:active{transform:translateY(0)}.file-info{display:flex;flex-direction:column;gap:.25rem;color:#6c757d;font-size:.9rem;margin-top:1rem;padding:.75rem;background:#fff;border:1px solid #e9ecef;border-radius:6px}.import-results{text-align:left}.import-results h4{margin:0 0 1rem;color:#2c3e50}.results-summary{display:grid;gap:.75rem;margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:6px;border-left:4px solid}.summary-item.success{background:#d4edda;border-left-color:#28a745;color:#155724}.summary-item.info{background:#d1ecf1;border-left-color:#17a2b8;color:#0c5460}.summary-item.error{background:#f8d7da;border-left-color:#dc3545;color:#721c24}.summary-item.warning{background:#fff3cd;border-left-color:#ffc107;color:#856404}.summary-label{font-weight:500}.summary-value{font-weight:600;font-size:1.1rem}.error-details,.duplicate-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;margin-bottom:1rem}.error-details h5,.duplicate-details h5{margin:0 0 .75rem;color:#2c3e50;font-size:.95rem}.error-details ul,.duplicate-details ul{margin:0;padding-left:1.5rem;max-height:150px;overflow-y:auto}.error-details li,.duplicate-details li{margin-bottom:.5rem;font-size:.85rem;color:#6c757d}.tag-selection-section{background:#f8fff9;border:1px solid #e9ecef;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.tag-selection-section h4{margin:0 0 .5rem;color:#2c3e50;font-size:1rem}.tag-selection-section p{margin:0 0 1rem;color:#6c757d;font-size:.9rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-body,.modal-footer{padding:1rem}.csv-import-modal{max-width:100%}.file-upload-section{padding:1.5rem 1rem}.results-summary{grid-template-columns:1fr}}.customers-page{min-height:100vh;background-color:#f8f9fa}.customers-container{max-width:1200px;margin:0 auto}.page-header{background:var(--bg-gradient);color:var(--white);padding:var(--spacing-2xl);text-align:center;position:relative}.header-nav{position:absolute;top:var(--spacing-lg);left:var(--spacing-2xl)}.back-btn{color:var(--white);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background:#ffffff1a;transition:background var(--transition-normal)}.back-btn:hover{background:#fff3}.page-title{font-size:2rem;font-weight:600;color:var(--white);margin:0}.customers-header{padding:2rem;margin-bottom:2rem}.header-content{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:between;align-items:center}.error-text{color:#c33;flex:1}.error-dismiss{background:none;border:none;color:#c33;font-size:1.2rem;cursor:pointer;padding:0;margin-left:1rem}.error-dismiss:hover{color:#900}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .spinner{margin-bottom:1rem}.loading-state p{color:#666;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#2c3e50;margin:0 0 .5rem}.empty-state p{color:#666;margin:0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.btn-outline{background:#fff;color:#25d366;border:2px solid #25d366}.btn-outline:hover:not(:disabled){background:#25d366;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #25d366;border-radius:50%;animation:spin 1s linear infinite}.spinner.large{width:40px;height:40px;border-width:4px}.stats-cards-container{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#25d366;margin-bottom:.5rem}.stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.filters-panel{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.filters-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-input,.filter-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.search-input{min-width:250px}.clear-filters{white-space:nowrap}.tag-filters-row{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.tag-filter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem;font-weight:500;color:#2c3e50}.clear-tag-filters{background:none;border:none;color:#25d366;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.clear-tag-filters:hover{color:#128c7e}.tag-filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-option{background:#f8f9fa;border:1px solid #e9ecef;color:#495057;padding:.4rem .8rem;border-radius:15px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.tag-filter-option:hover{background:#e9ecef;border-color:#dee2e6}.tag-filter-option.selected{background:#25d366;border-color:#25d366;color:#fff}.tag-filter-option.selected:hover{background:#128c7e;border-color:#128c7e}.loading-tags{color:#6c757d;font-style:italic;font-size:.9rem}.bulk-actions-container{margin-bottom:1rem}.bulk-actions-bar{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.selected-info{font-weight:500;color:#1976d2}.bulk-actions{display:flex;gap:.75rem}.label-actions{display:flex;gap:.5rem}.customer-selector-overlay .modal-content{max-width:600px}.customer-selector-modal .modal-body{max-height:500px}.customer-search{margin-bottom:1rem}.customer-search .search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px}.customer-list{max-height:300px;overflow-y:auto;border:1px solid #e9ecef;border-radius:6px}.customer-item{border-bottom:1px solid #e9ecef;padding:.75rem}.customer-item:last-child{border-bottom:none}.customer-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer}.customer-checkbox input[type=checkbox]{margin:0}.customer-info{flex:1}.customer-name{font-weight:500;color:#2c3e50}.customer-phone-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.customer-phone{color:#6c757d;font-size:.9rem;font-family:Courier New,monospace}.customer-tags{display:flex;gap:.25rem;margin-top:.25rem;flex-wrap:wrap}.customer-tags .tag{background:#e3f2fd;color:#1976d2;padding:.2rem .5rem;border-radius:12px;font-size:.75rem}.customer-tags .more-tags{background:#f5f5f5;color:#666;padding:.2rem .5rem;border-radius:12px;font-size:.75rem}.notes-text{color:#6c757d;font-size:.85rem;font-style:italic;line-height:1.3;cursor:help;word-wrap:break-word}.notes-text.inline{margin-left:.25rem;flex:1;min-width:0}.selection-summary{padding:.75rem;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center;font-weight:500;color:#495057}.no-customers{padding:2rem;text-align:center;color:#6c757d}.loading-customers{padding:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.customers-container{padding:1rem}.header-content{flex-direction:column;align-items:stretch}.header-actions{width:100%;justify-content:center}.page-title{font-size:1.5rem;text-align:center}.filters-row{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bulk-actions-bar{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.header-actions{flex-direction:column}.btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}}.not-found-main{min-height:calc(100vh - 120px);background:var(--bg-gradient);padding:var(--spacing-2xl) 0;display:flex;align-items:center;justify-content:center}.not-found-container{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--spacing-lg)}.not-found-content{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-4xl);text-align:center;margin:0 auto;max-width:800px}.not-found-icon{position:relative;margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.error-code{font-size:6rem;font-weight:700;color:var(--primary-color);line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.whatsapp-icon{font-size:3rem;opacity:.8;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.not-found-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);line-height:1.2}.not-found-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-3xl);max-width:600px;margin-left:auto;margin-right:auto}.not-found-actions{display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-4xl);flex-wrap:wrap}.not-found-actions .btn{min-width:180px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.not-found-navigation{margin-bottom:var(--spacing-3xl)}.not-found-navigation h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xl)}.navigation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.nav-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:140px}.nav-card:hover{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.nav-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.nav-card p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.help-section{border-top:1px solid var(--gray-200);padding-top:var(--spacing-xl)}.help-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.help-section p{color:var(--text-secondary);line-height:1.6;margin:0}.help-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease}.help-link:hover{color:var(--primary-hover);text-decoration:underline}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient)}.loading-spinner{width:40px;height:40px;border:4px solid var(--white);border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.not-found-content{padding:var(--spacing-2xl);margin:var(--spacing-lg)}.error-code{font-size:4rem}.whatsapp-icon,.not-found-title{font-size:2rem}.not-found-description{font-size:1rem}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{min-width:200px}.navigation-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.nav-card{padding:var(--spacing-lg);min-height:120px}.nav-icon{font-size:1.5rem}.nav-card h3{font-size:1rem}.nav-card p{font-size:.8rem}}@media (max-width: 480px){.not-found-main{padding:var(--spacing-lg) 0}.not-found-content{padding:var(--spacing-xl)}.error-code{font-size:3rem}.not-found-title{font-size:1.5rem}.navigation-grid{grid-template-columns:1fr}}@media print{.not-found-main{background:none;color:#000}.not-found-content{box-shadow:none;border:1px solid #ccc}.nav-card{border:1px solid #ccc;background:none}.help-link{color:#000;text-decoration:underline}}:root{--primary-color: #25D366;--primary-hover: #128C7E;--primary-light: #E8F5E9;--primary-dark: #075E54;--success-color: #28A745;--success-hover: #218838;--success-light: #D4EDDA;--success-border: #C3E6CB;--success-text: #155724;--warning-color: #FFC107;--warning-hover: #E0A800;--warning-light: #FFF3CD;--warning-border: #FFEAA7;--warning-text: #856404;--danger-color: #DC3545;--danger-hover: #C82333;--danger-light: #F8D7DA;--danger-border: #F5C6CB;--danger-text: #721C24;--info-color: #007BFF;--info-hover: #0056B3;--info-light: #E3F2FD;--info-border: #90CAF9;--info-text: #1976D2;--white: #FFFFFF;--gray-50: #F8F9FA;--gray-100: #F1F1F1;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #6C757D;--gray-600: #495057;--gray-700: #343A40;--gray-800: #212529;--gray-900: #1A1A1A;--bg-primary: #F5F5F5;--bg-secondary: #FFFFFF;--bg-tertiary: #F8F9FA;--bg-dark: #2C3E50;--bg-gradient: linear-gradient(135deg, #25D366 0%, #128C7E 100%);--bg-gradient-alt: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--modal-overlay-bg: rgba(0, 0, 0, .6);--modal-overlay-blur: blur(4px);--text-primary: #333333;--text-secondary: #666666;--text-muted: #888888;--text-light: #CCCCCC;--text-white: #FFFFFF;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-round: 50%;--modal-radius: var(--radius-xl);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-modal-overlay: 1000;--z-modal-content: 1001;--z-modal-large: 1010;--z-popover: 1020;--z-tooltip: 1030;--z-toast: 1040}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);min-height:44px;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #25d36640}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--primary-color);color:var(--white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-500);color:var(--white)}.btn-secondary:hover:not(:disabled){background:var(--gray-600)}.btn-success{background:linear-gradient(135deg,var(--success-color),#20c997);color:var(--white);box-shadow:0 2px 10px #28a7454d}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #28a74566}.btn-danger{background:var(--danger-color);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-warning{background:var(--warning-color);color:var(--warning-text)}.btn-warning:hover:not(:disabled){background:var(--warning-hover)}.btn-info{background:var(--info-color);color:var(--white)}.btn-info:hover:not(:disabled){background:var(--info-hover)}.btn-ai{background:var(--bg-gradient-alt);color:var(--white);box-shadow:var(--shadow-sm)}.btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1px solid var(--gray-300);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-height:32px}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);min-height:48px}.btn-xl{padding:var(--spacing-xl) var(--spacing-3xl);font-size:var(--font-size-xl);min-height:56px}.btn .spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-round);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:var(--spacing-xl)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-control{width:100%;padding:var(--spacing-md);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--white);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #25d3661a}.form-control:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-control.is-invalid{border-color:var(--danger-color)}.form-control.is-invalid:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc35451a}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--spacing-3xl)}.form-textarea{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.form-error{display:block;margin-top:var(--spacing-xs);color:var(--danger-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-overlay);padding:var(--spacing-lg);-webkit-backdrop-filter:var(--modal-overlay-blur);backdrop-filter:var(--modal-overlay-blur)}.modal-content{background:var(--white);border-radius:var(--modal-radius);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-modal-content)}.modal-content.modal-sm{max-width:450px}.modal-content.modal-md{max-width:500px}.modal-content.modal-lg{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.modal-title{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--gray-500);cursor:pointer;padding:0;width:32px;height:32px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal)}.modal-close:hover:not(:disabled){background:var(--gray-200);color:var(--text-primary)}.modal-body{padding:var(--spacing-2xl);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--gray-200);background:var(--gray-50)}.alert{padding:var(--spacing-md) var(--spacing-lg);border:1px solid transparent;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.alert-success{background:var(--success-light);color:var(--success-text);border-color:var(--success-border)}.alert-warning{background:var(--warning-light);color:var(--warning-text);border-color:var(--warning-border)}.alert-danger{background:var(--danger-light);color:var(--danger-text);border-color:var(--danger-border)}.alert-info{background:var(--info-light);color:var(--info-text);border-color:var(--info-border)}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card-header{padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.card-title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card-body{padding:var(--spacing-2xl)}.card-footer{padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--gray-200);background:var(--gray-50)}.table{width:100%;border-collapse:collapse;margin-bottom:0}.table th{background:var(--gray-50);padding:var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--gray-200);font-size:var(--font-size-sm)}.table td{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-100);vertical-align:middle;font-size:var(--font-size-sm)}.table tbody tr:hover{background:var(--gray-50)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--white)}.text-success{color:var(--success-text)}.text-warning{color:var(--warning-text)}.text-danger{color:var(--danger-text)}.text-info{color:var(--info-text)}.bg-primary{background:var(--primary-color)}.bg-secondary{background:var(--gray-50)}.bg-white{background:var(--white)}.bg-gradient{background:var(--bg-gradient)}.m-0{margin:0}.p-0{padding:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-lg)}.mb-3{margin-bottom:var(--spacing-xl)}.mb-4{margin-bottom:var(--spacing-2xl)}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.align-center{align-items:center}.text-center{text-align:center}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{flex-direction:column}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.modal-content{margin:0;border-radius:0;max-height:100vh;height:100vh}}.App{min-height:100vh;width:100%;overflow-x:hidden}