.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;color:#1f2937;font-size:.95rem;font-weight:500}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.toast-close:hover{color:#1f2937}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-container>*{pointer-events:auto}@media (max-width: 768px){.toast-container{bottom:1rem;right:1rem;left:1rem}.toast{min-width:auto;width:100%}}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:#fff;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:2rem;border-bottom:1px solid #f0f0f0;display:grid;align-items:center;justify-content:center}.sidebar-logo{max-width:180px;height:auto;object-fit:contain}.sidebar-title{font-size:1.5rem;font-weight:700;color:#000;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:2rem 1.5rem;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;margin-bottom:.5rem;color:#666;text-decoration:none;transition:all .15s ease;border-radius:8px;font-weight:500;font-size:.9375rem;flex-wrap:wrap}.nav-item>svg{flex-shrink:0}.nav-item>span:first-of-type{flex:1;min-width:0}.nav-item:hover{background:#f8f8f8;color:#000}.nav-item.active{background:#000;color:#fff}.nav-item.disabled{cursor:not-allowed;opacity:.6;position:relative}.nav-item.disabled:hover{background:transparent;color:#666}.coming-soon-badge{font-size:.5rem;font-weight:600;padding:.15rem .35rem;background:#e8e8e8;color:#888;border-radius:3px;letter-spacing:.03em;flex-shrink:0;white-space:nowrap;text-transform:uppercase}@media (max-width: 1024px){.sidebar{width:240px}}@media (max-width: 768px){.sidebar{position:fixed;transform:translate(-100%);z-index:1000;transition:transform .3s ease;box-shadow:2px 0 8px #0000001a}.sidebar.mobile-open{transform:translate(0)}}.sidebar-footer{padding:1.5rem;border-top:1px solid #f0f0f0;flex-shrink:0}.time-display{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;font-size:.875rem;color:#666}.time-display svg{flex-shrink:0;color:#666}.time-value{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-variant-numeric:tabular-nums}.time-value small{font-size:.65rem;font-weight:500;color:#999;letter-spacing:.01em}.time-value span{font-size:.85rem;font-weight:600;color:#000;letter-spacing:.02em}.credit-info{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:1rem;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.credit-info:hover{background:#f0f0f0;border-color:#d0d0d0}.credit-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#666}.credit-amount{font-size:1.25rem;font-weight:700;color:#000;letter-spacing:-.02em}.logout-button{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;width:100%;color:#dc2626;background:transparent;border:1px solid #fecaca;border-radius:8px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .15s ease}.logout-button:hover{background:#fef2f2;border-color:#fca5a5}.logout-button svg{flex-shrink:0}.logout-button span{flex:1;text-align:left}.admin-badge{text-align:center;font-size:11px;color:#6366f1;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.menu-section-header{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px 8px;margin-top:8px;border-top:1px solid #e2e8f0}.app-footer{padding:2rem;margin-top:auto;border-top:1px solid #f0f0f0}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:1rem}.footer-powered{margin:0;color:#9ca3af;font-size:.875rem;font-weight:400;letter-spacing:.02em}.app-footer .heart{color:#ef4444;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite;margin:0 .25rem}.footerLink{color:#7e7e7e;text-decoration:none;transition:color .2s ease}.footerLink:hover{color:#000}.footer-links{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.footer-link{color:#666;text-decoration:none;font-weight:500;transition:color .2s ease}.footer-link:hover{color:#000}.footer-separator{color:#d1d5db;font-weight:300}.footer-version{color:#9ca3af;font-size:.8125rem;font-weight:500;padding:.25rem .5rem;background:#f9fafb;border-radius:4px}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:.75rem}.footer-links{justify-content:center}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.layout{display:flex;min-height:100vh;background:#fff;overflow-x:hidden;position:relative}.mobile-menu-btn{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1001;padding:.75rem;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.mobile-menu-btn:hover{background:#333}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.main-wrapper{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;max-width:calc(100vw - 280px);overflow-x:hidden;transition:margin-left .3s ease}.global-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;padding:1rem 4rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.main-content{flex:1;padding:3rem 4rem;display:flex;flex-direction:column;overflow-x:hidden}@media (max-width: 1024px){.main-wrapper{margin-left:240px;max-width:calc(100vw - 240px)}.global-header{padding:1rem 3rem}.main-content{padding:2.5rem 3rem}}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}.main-wrapper{margin-left:0;width:100%;max-width:100vw}.global-header{padding:5rem 1.5rem 1rem;gap:1rem}.main-content{padding:1.5rem}.user-phone{display:none}.user-profile-display{padding:.5rem}.whatsapp-status-badge span{display:none}.whatsapp-status-badge{padding:.625rem}}.whatsapp-status-badge{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.7rem;font-weight:500;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.whatsapp-status-badge.connected{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.whatsapp-status-badge.disconnected{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.whatsapp-status-badge .status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.whatsapp-status-badge.connected .status-indicator{background:#10b981}.whatsapp-status-badge.disconnected .status-indicator{background:#ef4444;animation:none}.user-profile-display{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#000,#333);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-avatar.large{width:48px;height:48px}.user-phone{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap}.logout-btn-header{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.logout-btn-header:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.language-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#666;transition:all .2s ease}.language-selector:hover{border-color:#d1d5db}.language-selector svg{flex-shrink:0}.language-select{border:none;background:transparent;font-size:.875rem;font-weight:600;color:#111827;cursor:pointer;outline:none;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.language-select:focus{outline:none}.language-select option{background:#fff;color:#111827;padding:.5rem}@media (max-width: 768px){.language-selector{padding:.5rem}.language-selector svg{display:none}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:2rem}.login-card{background:#fff;border-radius:12px;border:1px solid #f0f0f0;padding:3rem;width:100%;max-width:440px;box-shadow:0 1px 3px #0000000d}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{max-width:220px;height:auto;margin:0 auto 1rem;display:block}.login-header h1{font-size:2rem;font-weight:700;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.login-header p{color:#666;font-size:.9375rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.9375rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.form-group input{width:100%;padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;color:#000;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.form-group small{color:#6b7280;font-size:.8125rem;line-height:1.4;display:flex;align-items:center;gap:.5rem}.phone-input-group{display:grid;grid-template-columns:110px 1fr;gap:.75rem}.country-select-wrapper{position:relative}.country-select-button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.875rem .75rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.9375rem;font-weight:500;color:#000;height:52px;box-sizing:border-box}.country-select-button:hover{border-color:#9ca3af}.country-select-button:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.country-select-button .fi{width:20px;height:15px;flex-shrink:0;border-radius:2px;box-shadow:0 1px 2px #0000001a}.country-select-button .country-code{flex:1;text-align:left}.country-select-button .chevron{color:#6b7280;transition:transform .2s ease;flex-shrink:0}.country-select-button .chevron.open{transform:rotate(180deg)}.country-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:280px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:1000;padding:.5rem 0;animation:fadeIn .15s ease;transform-origin:top left}.country-dropdown::-webkit-scrollbar{width:8px}.country-dropdown::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.country-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.country-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.country-option{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.75rem;padding:.625rem 1rem;border:none;background:#fff;cursor:pointer;transition:background .15s ease;text-align:left;font-size:.875rem;color:#1f2937}.country-option:hover{background:#f3f4f6}.country-option.selected{background:#eff6ff}.country-option.selected .country-name{color:#1e40af;font-weight:600}.country-option .fi{width:24px;height:18px;flex-shrink:0;border-radius:2px;box-shadow:0 1px 3px #00000026;display:block}.country-option .country-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-option .country-code{color:#6b7280;font-size:.8125rem;font-weight:500;white-space:nowrap}.phone-input{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;transition:all .2s ease;height:52px}.phone-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.phone-input svg{color:#6b7280;flex-shrink:0}.phone-input input{flex:1;border:none!important;outline:none;padding:0;font-size:.9375rem;color:#000;background:transparent;line-height:1.5;box-shadow:none!important}.phone-input input::placeholder{color:#9ca3af}.code-input{text-align:center;font-size:1.5rem;letter-spacing:.5em;font-weight:600;padding:1rem!important}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn svg{flex-shrink:0}.btn-primary{background:#3b82f6;color:#fff;width:200px;margin:0 auto}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-text{background:transparent;color:#6b7280;padding:.75rem;font-size:.875rem;font-weight:500}.btn-text:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.link-btn{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:.8125rem;margin-left:5px}.link-btn:hover{color:#2563eb}.login-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #f0f0f0;text-align:center}.login-footer p{color:#9ca3af;font-size:.775rem}.checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;margin:.5rem 0}.checkbox:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .2s ease;margin:0;flex-shrink:0}.checkbox input[type=checkbox]:hover{border-color:#3b82f6}.checkbox input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.checkbox label{font-size:.875rem;color:#4b5563;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0}.checkbox label:hover{color:#1f2937}.error-message{color:#dc2626;font-size:.875rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;text-align:center;margin:0}.terms-link{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;display:inline;transition:color .2s ease}.terms-link:hover{color:#2563eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;line-height:1;padding:0}.modal-body{flex:1;overflow-y:auto;padding:2rem}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-body h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:1.5rem 0 .75rem}.modal-body h3:first-child{margin-top:0}.modal-body p{color:#4b5563;line-height:1.6;margin:.75rem 0}.modal-body ul{margin:.75rem 0;padding-left:1.5rem}.modal-body li{color:#4b5563;line-height:1.6;margin:.5rem 0}.modal-body strong{color:#1f2937;font-weight:600}.modal-footer-text{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;color:#9ca3af;font-size:.875rem;font-style:italic}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.modal-footer .btn{width:auto;min-width:120px}@media (max-width: 640px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.phone-input-group{grid-template-columns:100px 1fr;gap:.5rem}.country-select-button{padding:.75rem .5rem;gap:.375rem;font-size:.875rem;height:48px}.country-select-button .fi{width:18px;height:13px}.phone-input{height:48px;padding:.75rem .875rem}.phone-input input{font-size:.875rem}.country-dropdown{width:100%;max-width:calc(100vw - 3rem)}.country-option{grid-template-columns:24px 1fr auto;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem}.country-option .fi{width:20px;height:15px}.country-option .country-code{font-size:.75rem}.checkbox{padding:.875rem;gap:.625rem}.checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px}.checkbox input[type=checkbox]:checked:after{left:5px;top:1px;width:4px;height:9px}.checkbox label{font-size:.8125rem}.modal-overlay{padding:.5rem}.modal-content{max-height:90vh}.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.25rem}.modal-body h3{font-size:1rem}.modal-body p,.modal-body li{font-size:.875rem}.modal-footer{padding:1rem 1.25rem}.terms-link{font-size:.8125rem}}.login-footer{margin-top:2rem;text-align:center;color:#999;font-size:.875rem}.login-footer p{margin:.5rem 0}.footer-link{color:#667eea;text-decoration:none;transition:color .2s}.footer-link:hover{color:#764ba2;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:90%;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f1f5f9;color:#334155}.modal-content{padding:40px 32px 32px;text-align:center}.modal-icon{margin:0 auto 20px;display:block}.modal-icon.success{color:#16a34a}.modal-icon.error{color:#dc2626}.modal-icon.warning{color:#f59e0b}.modal-icon.info{color:#3b82f6}.modal-title{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 12px}.modal-message{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 28px}.modal-buttons{display:flex;gap:12px;flex-direction:column}.modal-buttons.two-buttons{flex-direction:row}.modal-button{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.modal-button.cancel{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.modal-button.cancel:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.modal-button.success{background:#16a34a;color:#fff}.modal-button.success:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.modal-button.error{background:#dc2626;color:#fff}.modal-button.error:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.modal-button.warning{background:#f59e0b;color:#fff}.modal-button.warning:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.modal-button.info{background:#3b82f6;color:#fff}.modal-button.info:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.modal-container{max-width:95%}.modal-content{padding:32px 24px 24px}.modal-title{font-size:20px}.modal-message{font-size:14px}}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafafa;padding:2rem}.onboarding-card{background:#fff;border-radius:12px;border:1px solid #f0f0f0;padding:3rem;width:100%;max-width:640px}.onboarding-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:4rem;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;z-index:2}.step-number{width:48px;height:48px;border-radius:50%;background:#f0f0f0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;transition:all .3s ease}.progress-step.active .step-number{background:#000;color:#fff}.progress-step span{font-size:.875rem;color:#999;font-weight:500}.progress-step.active span{color:#000;font-weight:600}.progress-line{flex:1;height:2px;background:#f0f0f0;margin:0 1rem;position:relative;top:-12px}.step-content{text-align:center}.step-icon{width:96px;height:96px;margin:0 auto 2rem;background:#fafafa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.step-icon.success{background:#f0fdf4;color:#16a34a}.step-content h2{font-size:1.75rem;font-weight:600;color:#000;margin-bottom:.75rem;letter-spacing:-.01em}.step-content p{color:#666;font-size:.9375rem;margin-bottom:2.5rem;line-height:1.6}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem;max-width:480px;margin:0 auto}.phone-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.875rem 1rem;transition:all .15s ease}.phone-input-wrapper:focus-within{border-color:#000}.phone-icon{display:flex;align-items:center;color:#666;margin-right:.75rem}.phone-input-wrapper input{flex:1;border:none;outline:none;font-size:.9375rem;color:#000}.phone-input-wrapper input::placeholder{color:#999}.verification-note{color:#666;font-size:.875rem;text-align:center;margin:-.5rem 0 0}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.terms-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#000000;flex-shrink:0}.terms-checkbox label{flex:1;color:#333;font-size:.9375rem;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.terms-checkbox label a{color:#4285f4;text-decoration:none;font-weight:500}.terms-checkbox label a:hover{text-decoration:underline}.qr-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem}.qr-placeholder{width:240px;height:240px;background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#999}.success-info{background:#fafafa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{color:#666;font-size:.875rem;font-weight:500}.info-value{color:#000;font-weight:600;font-size:.9375rem}.status-active{color:#16a34a;background:#f0fdf4;padding:.25rem .75rem;border-radius:6px;font-size:.8125rem}@media (max-width: 640px){.onboarding-card{padding:2rem 1.5rem}.onboarding-progress{margin-bottom:3rem}.step-number{width:40px;height:40px;font-size:1rem}.progress-step span{font-size:.75rem}.progress-line{margin:0 .5rem}.step-content h2{font-size:1.5rem}.qr-placeholder{width:200px;height:200px}}.error-message{color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;text-align:center}.phone-display{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:1rem}.phone-display .phone-icon{color:#28a745;flex-shrink:0}.phone-number{font-size:1.125rem;font-weight:600;color:#212529;letter-spacing:.5px}.verification-note{color:#28a745;font-size:.9375rem;margin:.5rem 0 1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.qr-code-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-code-image{width:280px;height:280px;border:2px solid #e0e0e0;border-radius:12px;padding:1rem;background:#fff;box-shadow:0 2px 8px #00000014}.qr-instructions{color:#666;font-size:.875rem;line-height:1.6;text-align:center;max-width:360px;margin:0}.qr-instructions strong{color:#000;font-weight:600}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (max-width: 640px){.qr-code-image{width:240px;height:240px}}.button-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.button-group .btn{flex:1;min-width:150px}.btn-outline{background:transparent;color:#666;border:1px solid #e0e0e0}.btn-outline:hover:not(:disabled){background:#f5f5f5;border-color:#999;color:#333}@media (max-width: 640px){.button-group{flex-direction:column}.button-group .btn{width:100%}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:16px;width:100%}.skeleton-text-sm{height:14px;width:60%}.skeleton-text-md{height:18px;width:80%}.skeleton-text-lg{height:24px;width:50%}.skeleton-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.skeleton-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-table{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.skeleton-table-header,.skeleton-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 0}.skeleton-table-header{border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.skeleton-table-row{border-bottom:1px solid #f9f9f9}.skeleton-table-row:last-child{border-bottom:none}.skeleton-field-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.skeleton-icon-sm{width:40px;height:40px;border-radius:8px;flex-shrink:0}.skeleton-field-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-field-actions{display:flex;gap:.5rem}.skeleton-button-sm{width:32px;height:32px;border-radius:6px}.skeleton-button{width:120px;height:36px;border-radius:8px}.skeleton-onboarding{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.skeleton-onboarding-header{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.skeleton-onboarding-steps{display:flex;flex-direction:column;gap:1rem}.skeleton-onboarding-step{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f9f9f9;border-radius:12px}.skeleton-circle{width:32px;height:32px;border-radius:50%;flex-shrink:0}.skeleton-step-content{flex:1;display:flex;flex-direction:column;gap:.5rem}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:200% 100%}.skeleton-card,.skeleton-table,.skeleton-field-card,.skeleton-onboarding{background:#1a1a1a}.skeleton-onboarding-step{background:#222}}.dashboard{width:100%}.page-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.page-header>div:first-child{flex:1}.auto-refresh-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem .75rem;border-radius:8px;transition:background .2s;white-space:nowrap}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:1rem}.auto-refresh-toggle{justify-content:center}}.onboarding-section{background:#fff;padding:2rem;border-radius:12px;border:1px solid #f0f0f0;margin-bottom:3rem}.onboarding-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.onboarding-title{flex:1}.onboarding-header h2{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.25rem;letter-spacing:-.01em}.onboarding-header p{color:#666;font-size:.875rem}.onboarding-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.onboarding-close-btn:hover{background:#f0f0f0;color:#000}.onboarding-steps{display:grid;gap:.75rem}.onboarding-step{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:1.25rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;transition:all .2s ease}.onboarding-step:hover{background:#f5f5f5;border-color:#e0e0e0}.onboarding-step.completed{background:#fff;opacity:.6}.step-number{width:32px;height:32px;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.onboarding-step.completed .step-number{background:#f0f0f0;color:#000}.step-icon{display:none}.step-content{flex:1;min-width:0}.step-content h3{font-size:.9375rem;font-weight:600;color:#000;margin-bottom:.125rem;letter-spacing:-.01em;text-align:left}.step-content p{color:#666;font-size:.8125rem;margin:0;line-height:1.4;text-align:left}.step-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#000;color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.step-action-btn:hover{background:#333}.step-action-btn svg{width:14px;height:14px}.step-completed-badge{padding:.375rem .75rem;background:#f0f0f0;color:#666;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.onboarding-section{padding:1.5rem}.onboarding-step{grid-template-columns:auto 1fr;gap:.75rem}.step-action-btn,.step-completed-badge{grid-column:1 / -1;justify-content:center}}.page-header h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.page-header p{color:#666;font-size:.9375rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.stat-icon{display:none}.stat-label{color:#666;font-size:.8125rem;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.25rem;font-weight:600;color:#000;letter-spacing:-.02em}.recent-campaigns{background:#fff;padding:2.5rem;border-radius:12px;border:1px solid #f0f0f0}.recent-campaigns .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.recent-campaigns h2{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:0;letter-spacing:-.01em}.view-all-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#666;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{color:#065f46;background:#d1fae5}.view-all-btn svg{transition:transform .2s ease}.view-all-btn:hover svg{transform:translate(4px)}.campaigns-table{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:transparent}th{text-align:left;padding:.875rem 0;font-size:.75rem;font-weight:600;color:#999;border-bottom:1px solid #f0f0f0;text-transform:uppercase;letter-spacing:.08em}td{padding:1.25rem 0;border-bottom:1px solid #f8f8f8;color:#333;font-size:.9375rem}.campaign-name{font-weight:500;color:#000}.badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.badge-success{background:#f0f0f0;color:#000}.badge-info{background:#000;color:#fff}.badge-warning{background:#f8f8f8;color:#666}.badge-default{background:#f8f8f8;color:#999}.empty-state{text-align:center;padding:3rem 2rem}.empty-state p{color:#666;font-size:.9375rem;margin-bottom:1.5rem}.empty-state .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.empty-state .btn:hover{background:#333;transform:translateY(-1px)}@media (max-width: 768px){.dashboard .page-header h1{font-size:1.75rem}.recent-campaigns{padding:1.5rem}.campaigns-table{min-width:600px}.campaigns-table-wrapper{overflow-x:auto}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;gap:1rem}.dashboard{max-width:100%}.stat-card{padding:1.5rem}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-top:2rem;gap:1rem;flex-wrap:wrap}.pagination-info{font-size:.875rem;color:#666;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .75rem;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-btn.active{background:#000;color:#fff;border-color:#000}.pagination-ellipsis{padding:0 .5rem;color:#9ca3af;font-weight:500}@media (max-width: 640px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{text-align:center}.pagination-controls{justify-content:center;flex-wrap:wrap}}.skeleton-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #f0f0f0;animation:pulse 1.5s ease-in-out infinite}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-title{height:24px;width:60%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-badge{height:24px;width:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-content{margin-bottom:1rem}.skeleton-line{height:16px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-line.short{width:70%}.skeleton-footer{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.skeleton-stat{height:40px;flex:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.campaigns-page{max-width:1600px}.campaigns-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.campaigns-page .page-header>div:first-child{flex:0 1 auto}.campaigns-page .page-header>button{flex-shrink:0;align-self:flex-start;margin-right:0}@media (max-width: 768px){.campaigns-page .page-header{flex-direction:column;align-items:stretch;gap:1.5rem}.campaigns-page .page-header>button{width:100%}.campaigns-page .page-header>div:last-child{flex-direction:column;width:100%}.auto-refresh-toggle{width:100%;justify-content:center}.info-banner{padding:.875rem 1rem;gap:.625rem}.info-banner-icon{font-size:1.125rem}.info-banner p{font-size:.8125rem}}.campaigns-page .page-header h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.campaigns-page .page-header p{color:#666;font-size:.9375rem}.filters-section{display:grid;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.filter-row{flex-direction:column}.filter-item{width:100%;min-width:auto}.search-filter{min-width:auto}.btn-reset{width:100%}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#000;color:#fff;font-weight:500}.btn-secondary{background:#fff;color:#000;border:1px solid #e0e0e0;font-weight:500}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}@media (max-width: 768px){.campaigns-grid{grid-template-columns:1fr}.campaigns-page{max-width:100%}.btn{width:100%;justify-content:center}}.campaign-card{background:#fff;border-radius:12px;padding:0;border:1px solid #f0f0f0;transition:all .2s ease;overflow:hidden}.campaign-card:hover{border-color:#e0e0e0;box-shadow:0 2px 8px #0000000a}.campaign-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid #f8f8f8}.campaign-card-header h3{font-size:1.125rem;font-weight:600;color:#000;margin:0;letter-spacing:-.01em}.draft-guidance{padding:1rem 1.75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #bae6fd}.draft-guidance p{margin:0;color:#0c4a6e;font-size:.875rem;font-weight:500;text-align:center}.campaign-progress{padding:1.25rem 1.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.8125rem;font-weight:600;color:#78350f;text-transform:uppercase;letter-spacing:.05em}.progress-percentage{font-size:.875rem;font-weight:700;color:#78350f}.progress-bar{width:100%;height:8px;background:#ffffff80;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;transition:width .5s ease;box-shadow:0 0 8px #f59e0b66}.progress-text{font-size:.75rem;color:#92400e;text-align:center;font-weight:500}.campaign-info{padding:1.5rem 1.75rem;border-bottom:1px solid #f8f8f8}.campaign-list-badges{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.campaign-list-badge{display:inline-block;padding:.25rem .625rem;background:#eff6ff;color:#1e40af;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.campaign-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;background:transparent;border:none;border-radius:0}@media (max-width: 640px){.campaign-stats{grid-template-columns:repeat(2,1fr)}}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem .75rem;border-right:1px solid #f8f8f8}.stat-item:last-child{border-right:none}.stat-number{font-size:1.75rem;font-weight:600;color:#000;letter-spacing:-.02em;margin-bottom:.25rem}.stat-text{font-size:.6875rem;color:#999;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.campaign-actions{display:flex;gap:0;justify-content:stretch;border-top:1px solid #f8f8f8}.btn-icon{flex:1;padding:.875rem;border:none;border-right:1px solid #f8f8f8;background:#fff;cursor:pointer;color:#666;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-start{background:#000!important;color:#fff!important;gap:.5rem;font-weight:500;font-size:.875rem}.btn-start:hover{background:#1f2937!important;color:#fff!important}.btn-start:disabled{background:#9ca3af!important;color:#fff!important;cursor:not-allowed!important;opacity:.7}.btn-start:disabled:hover{background:#9ca3af!important;color:#fff!important;transform:none}.btn-cancel{background:#fff!important;color:#ef4444!important;gap:.5rem;font-weight:500;font-size:.875rem;border-left:1px solid #f8f8f8!important}.btn-cancel:hover{background:#fef2f2!important;color:#dc2626!important}.btn-danger:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.modal h2{margin-bottom:2rem;color:#000;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.campaign-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-weight:500;color:#000;font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group select{padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;transition:all .15s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#000;background:#fff}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-default{background:#f3f4f6;color:#374151}.badge-secondary{background:#f3f4f6;color:#6b7280}.preview-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.preview-info-item{display:flex;flex-direction:column;gap:.25rem}.preview-value{font-size:1.25rem;font-weight:600;color:#000}.preview-lists,.preview-message{display:flex;flex-direction:column;gap:.75rem}.whatsapp-image{background:#fff;border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 1px 2px #0000001a;margin-bottom:-8px}.whatsapp-image img{width:100%;height:auto;display:block;object-fit:contain}.whatsapp-image+.whatsapp-bubble{border-radius:0 0 8px 8px;box-shadow:none}.whatsapp-image+.whatsapp-bubble:after{display:none}@media (max-width: 640px){.preview-info{grid-template-columns:1fr}}.campaign-preview-section .contact-info .contact-name{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-timeline{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.campaign-timeline h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.timeline-events{position:relative;padding-left:2rem}.timeline-events:before{content:"";position:absolute;left:1rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(to bottom,#3b82f6,#e5e7eb)}.timeline-event{position:relative;margin-bottom:1.5rem;display:flex;align-items:flex-start;padding-left:15px}.timeline-event:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-2rem;width:2rem;height:2rem;background:#fff;border:2px solid #3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.timeline-icon{font-size:.875rem}.timeline-content{flex:1}.timeline-label{font-weight:600;color:#1f2937;margin-bottom:.25rem}.timeline-date{font-size:.875rem;color:#6b7280}.timeline-event.completed .timeline-dot{border-color:#10b981;background:#d1fae5}.timeline-event.started .timeline-dot{border-color:#3b82f6;background:#dbeafe}.timeline-event.paused .timeline-dot{border-color:#f59e0b;background:#fef3c7}.timeline-event.scheduled .timeline-dot{border-color:#8b5cf6;background:#ede9fe}.timeline-event.created .timeline-dot{border-color:#6b7280;background:#f3f4f6}.queue-table-container{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-top:1.5rem}.queue-table-wrapper{overflow-x:auto}.queue-table{width:100%;border-collapse:collapse}.queue-table thead{background:#f9fafb}.queue-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#6b7280;border-bottom:2px solid #e5e7eb}.queue-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#1f2937}.queue-table tbody tr:hover{background:#f9fafb}.queue-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-sent{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.error-cell{color:#dc2626;font-size:.8125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-table-loading,.queue-table-empty{text-align:center;padding:3rem;color:#6b7280}.queue-table-loading .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.queue-table-container{padding:1rem}.queue-table{font-size:.8125rem}.queue-table th,.queue-table td{padding:.5rem}.error-cell{max-width:100px}}.campaign-detail-page{padding:2rem;width:100%;margin:0 auto}.campaign-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.875rem;color:#6b7280;transition:all .2s}.back-button:hover{background:#f9fafb;color:#1f2937}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.breadcrumb-item{cursor:pointer;transition:color .2s}.breadcrumb-item:hover{color:#1f2937}.breadcrumb-item.active{color:#1f2937;font-weight:600;cursor:default}.breadcrumb-separator{color:#d1d5db}.auto-refresh-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dbeafe;border-radius:8px;font-size:.875rem;color:#1e40af;margin-left:auto}.refresh-pulse{width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.campaign-detail-content{display:flex;flex-direction:column;gap:1.5rem}.campaign-header-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.campaign-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.campaign-title-row h1{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.badge{padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-warning{background:#fef3c7;color:#92400e}.badge-default{background:#f3f4f6;color:#4b5563}.badge-secondary{background:#e5e7eb;color:#6b7280}.campaign-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:600}.meta-value{font-size:.875rem;color:#1f2937}.campaign-stats-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.stat-icon{font-size:2rem}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:600}.campaign-progress{margin-top:1rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label{font-size:.875rem;font-weight:600;color:#1f2937}.progress-percentage{font-size:.875rem;font-weight:600;color:#3b82f6}.progress-bar{height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,#3b82f6,#2563eb);transition:width .3s ease}.progress-text{margin-top:.5rem;font-size:.75rem;color:#6b7280;text-align:center}.campaign-actions-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.campaign-actions-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.campaign-message-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.campaign-message-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.message-content{padding:1rem;background:#f9fafb;border-radius:8px;white-space:pre-wrap;word-wrap:break-word}.message-content p{margin:0;color:#1f2937;line-height:1.6}.media-preview{margin-top:1.5rem}.media-preview h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase}.media-item{margin-bottom:1rem}.media-item img,.media-item video{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.campaign-lists{margin-top:1.5rem}.campaign-lists h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase}.list-badges{display:flex;flex-wrap:wrap;gap:.5rem}.list-badge{padding:.375rem .875rem;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:600}.campaign-queue-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.campaign-queue-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.queue-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:200px}.filter-item svg{color:#6b7280}.filter-item input,.filter-item select{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;color:#1f2937}.queue-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;color:#1f2937}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-total{color:#9ca3af}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.error-state h2{margin:0 0 .5rem;color:#dc2626}.error-state p{margin:0 0 1.5rem;color:#6b7280}@media (max-width: 768px){.campaign-detail-page{padding:1rem}.campaign-title-row{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.queue-filters{flex-direction:column}.filter-item{min-width:100%}}.tag-selector{position:relative;width:100%}.tag-selector-input{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.tag-selector-input:hover:not(.disabled){border-color:#3b82f6}.tag-selector-input.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tag-selector-input.disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.selected-tags-container{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-height:28px;align-items:center}.tag-selector-placeholder{color:#9ca3af;font-size:14px}.selected-tag-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:500;color:#fff;white-space:nowrap}.tag-remove-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:#ffffff4d;border-radius:50%;width:16px;height:16px;cursor:pointer;transition:background .2s}.tag-remove-btn:hover{background:#ffffff80}.dropdown-icon{flex-shrink:0;color:#6b7280;transition:transform .2s}.dropdown-icon.open{transform:rotate(180deg)}.tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tag-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:#9ca3af;text-align:center}.tag-dropdown-empty p{margin:8px 0 0;font-size:14px}.tag-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:#fff;text-align:left;cursor:pointer;transition:background .15s;font-size:14px}.tag-option:hover{background:#f9fafb}.tag-option.selected{background:#eff6ff}.tag-color-indicator{width:16px;height:16px;border-radius:4px;flex-shrink:0}.tag-option-name{flex:1;color:#1f2937}.tag-checkmark{color:#3b82f6;font-weight:600;font-size:16px}.tag-dropdown::-webkit-scrollbar{width:6px}.tag-dropdown::-webkit-scrollbar-track{background:#f9fafb;border-radius:8px}.tag-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.tag-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.tag-selector-input{min-height:38px;padding:4px 10px}.selected-tag-badge{font-size:12px;padding:3px 6px}.tag-option{padding:12px}}.verification-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;white-space:nowrap;margin-right:4px;vertical-align:middle;transition:all .2s ease}.verification-badge.small{padding:3px 0;font-size:11px;gap:4px}.verification-badge.large{padding:6px 14px;font-size:13px;gap:8px}.verification-badge.verified{color:#155724}.verification-badge.unverified{color:#721c24}.verification-badge.unknown{color:#856404}.badge-shield{width:16px;height:16px;flex-shrink:0}.verification-badge.small .badge-shield{width:16x;height:16px}.verification-badge.large .badge-shield{width:18px;height:18px}.verification-badge .badge-text{line-height:1;font-weight:600}.verification-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.verification-badge.small .badge-text{display:none}.verification-badge.small{padding:3px 6px}}.unverified-warning-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:20px}.banner-content{display:flex;align-items:center;gap:12px;flex:1}.banner-icon{color:#721c24;font-size:24px;flex-shrink:0;font-weight:700}.banner-text{color:#721c24;flex:1}.banner-text strong{display:block;font-size:14px;margin-bottom:4px}.error-message{margin:4px 0 0;font-size:13px;color:#721c24}.retry-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#721c24;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.retry-button:hover:not(:disabled){background-color:#5a161c}.retry-button:disabled{opacity:.6;cursor:not-allowed}.retry-button span{font-size:18px;font-weight:700}.retry-button .spinner{display:inline-block;animation:spin 1s linear infinite}@media (max-width: 768px){.unverified-warning-banner{flex-direction:column;align-items:stretch}.retry-button{width:100%;justify-content:center}}.contacts-page{padding:0;max-width:100%;width:100%;flex:1;display:flex;flex-direction:column}.header-actions .btn-primary{min-width:160px}.contacts-container{display:grid;grid-template-columns:280px 1fr;gap:2rem;padding:0 1rem;flex:1}.lists-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;height:fit-content;display:flex;flex-direction:column;gap:1rem}.lists-panel h3{font-size:1.1rem;color:#1f2937;margin-bottom:0}.list-toggle{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.toggle-btn{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.toggle-btn:hover{background:#f9fafb;border-color:#d1d5db}.toggle-btn.active{background:#000;color:#fff;border-color:#000}.list-items{display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;transition:all .2s;color:#6b7280}.list-item:hover{background:#f3f4f6;color:#1f2937}.list-item.active{background:#000;color:#fff;font-weight:600}.list-item-content{display:flex;align-items:center;gap:.75rem;flex:1;padding:.25rem .5rem;cursor:pointer}.list-item-content span:first-of-type{flex:1}.list-item .count{background:#e5e7eb;color:#6b7280;padding:.25rem .5rem;border-radius:12px;font-size:.85rem;font-weight:600}.list-item.active .count{background:#fff;color:#000}.list-delete-btn{padding:.375rem;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:0}.list-item:hover .list-delete-btn{opacity:1}.list-delete-btn:hover{background:#fee2e2;color:#dc2626}.list-item.active .list-delete-btn{color:#fff}.list-item.active .list-delete-btn:hover{background:#fff3;color:#fff}.contacts-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.search-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem}.search-bar input{flex:1;border:none;background:none;outline:none;font-size:1rem;color:#1f2937}.search-bar input::placeholder{color:#9ca3af}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.contact-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.contact-card:hover{border-color:#000;box-shadow:0 4px 12px #0000001a}.contact-card.cancelled{opacity:.6;background:#f9fafb}.contact-card.cancelled:hover{border-color:#6b7280;opacity:.8}.cancelled-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:#ef4444;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.btn-success{background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.contact-info{display:flex;align-items:center;gap:1rem;flex:1}.contact-avatar{width:48px;height:48px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.contact-details h4{font-size:1rem;color:#1f2937;margin-bottom:.25rem}.contact-details p{font-size:.9rem;color:#6b7280;margin-bottom:.25rem}.contact-list-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.contact-list-badge{display:inline-block;padding:.25rem .5rem;background:#a9a9a9;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.contact-actions{display:flex;gap:.5rem}.icon-btn{background:#f3f4f6;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.icon-btn:hover{background:#e5e7eb;color:#1f2937}.icon-btn.danger:hover{background:#fee2e2;color:#dc2626}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#9ca3af}.upload-progress{margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease;box-shadow:0 0 8px #3b82f666}.progress-text{font-size:.875rem;color:#1e40af;font-weight:600;text-align:center}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.small{max-width:400px}.modal-header h2{font-size:1.5rem;color:#1f2937}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#1f2937}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.btn-primary:hover:not(:disabled){background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-secondary{background:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.btn-outline{background:#fff;color:#000;border:2px solid #000000;font-weight:600}.btn-outline:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-accent{background:#1f2937;color:#fff;font-weight:600;border:2px solid #1f2937}.btn-accent:hover:not(:disabled){background:#000;border-color:#000;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.checkbox-group::-webkit-scrollbar{width:6px}.checkbox-group::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb:hover{background:#9ca3af}.checkbox-label:hover span:first-of-type{border-color:#000}.checkbox-label input[type=checkbox]:checked+span{background:#000;border-color:#000}.text-muted{color:#9ca3af;font-style:italic;font-size:.9rem;padding:.5rem .75rem}@media (max-width: 768px){.contacts-container{grid-template-columns:1fr}.lists-panel{order:2}.contacts-panel{order:1}.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%;justify-content:center}.contacts-grid{grid-template-columns:1fr}}.contact-card.cancelled .contact-avatar{background:#9ca3af}.contact-card.cancelled .contact-details h4{color:#6b7280}.contact-card.cancelled .contact-details p{color:#9ca3af}@media (max-width: 1024px){.modal-content-grid{grid-template-columns:1fr}}.contact-form{display:flex;flex-direction:column}.contact-preview-section{background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;height:fit-content;position:sticky;top:0}.contact-preview-section .preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#fff}.contact-preview-section .preview-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.contact-preview-section .preview-badge{padding:.25rem .5rem;background:#10b981;color:#fff;border-radius:4px;font-size:.6875rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.contact-preview-container{padding:1.5rem;min-height:400px}.preview-contact-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.preview-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;margin-bottom:1rem;border:3px solid rgba(102,126,234,.2)}.preview-info{width:100%}.preview-info h4{font-size:1.25rem;font-weight:600;color:#000;margin:0 0 .5rem}.preview-phone{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6b7280;font-size:.9375rem;margin-bottom:1rem}.preview-label{display:block;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem;text-align:left}.preview-lists{text-align:left;padding-top:1rem;border-top:1px solid #f0f0f0}.preview-list-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.preview-list-badge{display:inline-block;padding:.25rem .625rem;background:#eff6ff;color:#1e40af;border-radius:4px;font-size:.75rem;font-weight:600}.preview-custom-fields{text-align:left;padding-top:1rem;border-top:1px solid #f0f0f0}.preview-field{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.preview-field-label{color:#6b7280;font-weight:500}.preview-field-value{color:#000;font-weight:600}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af}.preview-empty p{margin:0;font-size:.875rem;text-align:center}.list-divider{height:1px;background:#e5e7eb;margin:1rem 0}.tag-filters{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.tag-filter-btn{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border:2px solid;border-radius:8px;background:transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.tag-filter-btn:hover{transform:translate(2px);box-shadow:0 2px 4px #0000001a}.tag-filter-btn.active{font-weight:600;box-shadow:0 2px 6px #00000026}.tag-filter-btn:disabled{cursor:not-allowed;opacity:.5}.tag-filter-btn:disabled:hover{transform:none;box-shadow:none}.clear-filters-btn{margin-top:.5rem;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#e5e7eb;color:#374151}.contact-tag-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.contact-tag-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:500;color:#fff;white-space:nowrap}@media (max-width: 768px){.tag-filters{max-height:200px;overflow-y:auto}.tag-filter-btn{padding:.5rem .75rem;font-size:.8125rem}.contact-tag-badges{gap:.25rem}.contact-tag-badge{font-size:.6875rem;padding:.1875rem .5rem}}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.toggle-btn:disabled:hover{background:inherit;transform:none}.contact-detail-page{max-width:1400px;margin:0 auto;width:100%}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#000;font-weight:500;cursor:pointer;transition:all .2s}.btn-back:hover{background:#f8f8f8;border-color:#d0d0d0}.header-actions{display:flex;gap:.75rem}.detail-container{display:grid;grid-template-columns:1fr 350px;gap:2rem}@media (max-width: 1024px){.detail-container{grid-template-columns:1fr}}.detail-main{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;flex-shrink:0;border:3px solid rgba(255,255,255,.3)}.profile-info{flex:1}.profile-info h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#fff}.profile-name-input{font-size:1.75rem;font-weight:600;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:.5rem 1rem;color:#fff;width:100%}.profile-name-input::placeholder{color:#fff9}.profile-phone{display:flex;align-items:center;gap:.5rem;font-size:1rem;opacity:.9;margin:0}.detail-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem}.detail-section h2{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem;color:#000;font-weight:500}.info-item input{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem}.info-item input:focus{outline:none;border-color:#000}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f3f4f6;color:#374151;border-radius:6px;font-size:.875rem;font-weight:500}.list-tag{background:#eff6ff;color:#1e40af}.tag-remove{background:none;border:none;padding:0;cursor:pointer;color:#6b7280;display:flex;align-items:center;transition:color .2s}.tag-remove:hover{color:#ef4444}.add-tag-form{display:flex;gap:.75rem;margin-top:1rem}.add-tag-form input{flex:1;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem}.add-tag-form input:focus{outline:none;border-color:#000}.notes-content{padding:1rem;background:#f9fafb;border-radius:8px;white-space:pre-wrap;line-height:1.6;color:#374151}.detail-section textarea{width:100%;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;line-height:1.6}.detail-section textarea:focus{outline:none;border-color:#000}.custom-fields{display:flex;flex-direction:column;gap:.75rem}.custom-field-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#f9fafb;border-radius:8px}.custom-field-label{font-weight:600;color:#6b7280;font-size:.875rem;min-width:120px}.custom-field-value{flex:1;color:#000;font-size:.9375rem}.custom-field-input{flex:1}.custom-field-input input,.custom-field-input select,.custom-field-input textarea{width:100%;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem}.custom-field-input input:focus,.custom-field-input select:focus,.custom-field-input textarea:focus{outline:none;border-color:#000}.custom-field-remove{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;transition:color .2s}.custom-field-remove:hover{color:#ef4444}.add-field-form{display:flex;gap:.75rem;margin-top:1rem}.add-field-form input{flex:1;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem}.add-field-form input:focus{outline:none;border-color:#000}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400;margin:0;padding:.5rem .75rem;border-radius:6px;transition:background .2s;position:relative}.checkbox-label:hover{background:#fff}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkbox-label span:first-of-type{position:relative;display:inline-block;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;transition:all .2s;flex-shrink:0}.checkbox-label:hover span:first-of-type{border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+span{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+span:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label span:last-of-type{color:#374151;font-size:.95rem;-webkit-user-select:none;user-select:none;margin-left:10px}.detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem}.sidebar-section h3{font-size:1rem;font-weight:600;color:#000;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:8px}.activity-icon{font-size:1.5rem;line-height:1}.activity-content{flex:1}.activity-title{font-weight:600;color:#000;font-size:.875rem;margin-bottom:.25rem}.activity-time{font-size:.75rem;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{text-align:center;padding:1rem;background:#f9fafb;border-radius:8px}.stat-value{font-size:1.75rem;font-weight:600;color:#000;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.text-muted{color:#9ca3af;font-style:italic;font-size:.9rem}.no-tags-message{padding:1.5rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;text-align:center}.no-tags-message p{margin:0 0 1rem;color:#6b7280;font-size:.9375rem}@media (max-width: 768px){.detail-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{width:100%}.header-actions .btn{flex:1}.profile-card{flex-direction:column;text-align:center}.info-grid,.stats-grid{grid-template-columns:1fr}.add-tag-form,.add-field-form{flex-direction:column}}.templates-page{width:100%}.templates-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.templates-page .page-header>div:first-child{flex:0 1 auto}.templates-page .page-header>button{flex-shrink:0;align-self:flex-start;margin-right:0}@media (max-width: 768px){.templates-page .page-header{flex-direction:column;align-items:stretch;gap:1.5rem}.templates-page .page-header>button{width:100%}}.templates-page .page-header h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.templates-page .page-header p{color:#666;font-size:.9375rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr}}.template-card{background:#fff;border-radius:12px;padding:2rem;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.template-card:hover{border-color:#e0e0e0;box-shadow:0 2px 8px #0000000a}.template-header{display:flex;justify-content:space-between;align-items:start}.template-header h3{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.01em}.category-badge{display:inline-block;padding:.375rem .875rem;background:#fef3c7;color:#92400e;border-radius:9999px;font-size:.75rem;font-weight:600}.template-actions{display:flex;gap:.5rem}.template-content{flex:1;padding:1.25rem;background:#fafbfc;border-radius:12px;border:1px solid #f3f4f6;border-left:4px solid #10b981}.template-content p{color:#374151;line-height:1.7;margin:0;font-size:.9375rem}.template-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.template-variables{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.variables-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.variable-tag{display:inline-block;padding:.375rem .625rem;background:#e0e7ff;color:#3730a3;border-radius:6px;font-size:.75rem;font-family:Courier New,monospace;font-weight:600}.template-date{font-size:.75rem;color:#9ca3af;font-weight:500}.modal-large{max-width:600px}.template-form{display:flex;flex-direction:column;gap:1.25rem}.template-form textarea{padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s;background:#fafbfc}.template-form textarea:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.form-hint{color:#6b7280;font-size:.75rem;margin-top:.5rem;font-style:italic}.image-upload-area{border:2px dashed #e0e0e0;border-radius:8px;padding:2rem;text-align:center;transition:all .2s}.image-upload-area:hover{border-color:#3b82f6;background:#f9fafb}.image-upload-label{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;color:#6b7280}.image-upload-label:hover{color:#3b82f6}.image-upload-label span{font-weight:500;font-size:.9375rem}.image-upload-label small{font-size:.8125rem;color:#9ca3af}.image-preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.image-preview img{width:100%;max-height:300px;object-fit:contain;display:block;background:#f9fafb}.remove-image-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:#fee2e2;color:#dc2626;border:none;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;justify-content:center}.remove-image-btn:hover{background:#fecaca}.template-image{margin-bottom:1rem;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0}.template-image img{width:100%;max-height:200px;object-fit:cover;display:block}@media (max-width: 768px){.templates-page{max-width:100%}.template-card{padding:1.5rem}}.modal-with-preview{max-width:1100px!important;width:95%!important}.modal-content-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem}.campaign-preview-section{background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;height:fit-content;position:sticky;top:0}.campaign-preview-section .preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#fff}.campaign-preview-section .preview-header h3{margin:0;font-size:.9375rem;font-weight:600;color:#1f2937}.campaign-preview-section .preview-badge{padding:.25rem .5rem;background:#25d366;color:#fff;border-radius:4px;font-size:.6875rem;font-weight:600}.campaign-preview-section .whatsapp-preview-container{padding:1.25rem;background:#e5ddd5;min-height:450px}.campaign-preview-section .whatsapp-chat{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.campaign-preview-section .chat-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#075e54;color:#fff}.campaign-preview-section .contact-avatar{width:36px;height:36px;border-radius:50%;background:#128c7e;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.campaign-preview-section .contact-info{flex:1;min-width:0}.campaign-preview-section .contact-info .contact-name2{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-preview-section .contact-status{font-size:.6875rem;opacity:.8}.campaign-preview-section .chat-body{padding:1.25rem;min-height:350px;background:#e5ddd5;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px)}.campaign-preview-section .message-bubble{max-width:90%;margin-left:auto;background:#dcf8c6;border-radius:8px;padding:.5rem .75rem;box-shadow:0 1px 2px #0000001a;position:relative}.campaign-preview-section .message-bubble.sent{background:#dcf8c6}.campaign-preview-section .message-bubble:after{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #dcf8c6 transparent}.campaign-preview-section .message-image{margin:-.5rem -.75rem .5rem;border-radius:8px 8px 0 0;overflow:hidden}.campaign-preview-section .message-image img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;background:#f9fafb}.campaign-preview-section .message-text{white-space:pre-wrap;word-wrap:break-word;font-size:.875rem;line-height:1.5;color:#000;margin-bottom:.25rem}.campaign-preview-section .message-time{font-size:.6875rem;color:#667781;text-align:right;margin-top:.25rem}.campaign-preview-section .empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;color:#9ca3af;text-align:center}.campaign-preview-section .empty-preview svg{opacity:.3;margin-bottom:1rem}.campaign-preview-section .empty-preview p{margin:0;font-size:.875rem;font-weight:500}@media (max-width: 1024px){.modal-content-grid{grid-template-columns:1fr}.campaign-preview-section{position:relative}}.available-variables{margin-top:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.available-variables .form-hint{display:block;margin-top:.5rem;color:#6b7280;font-size:.8125rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#1a1a1a}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group small{display:block;margin-top:.5rem;color:#6b7280;font-size:.875rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-primary{background:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.api-key-created{text-align:center}.warning-message{background:#fef3c7;border:1px solid #fde68a;color:#92400e;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:left}.api-key-display{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.api-key-display code{display:block;font-family:Monaco,Courier New,monospace;font-size:.875rem;color:#1f2937;word-break:break-all;margin-bottom:1rem}.btn-copy{background:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-copy:hover{background:#4338ca}.api-key-details{text-align:left;background:#fff;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.api-key-details p{margin:.5rem 0;color:#6b7280;font-size:.95rem}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1rem}.api-key-management{padding:1rem 0}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.api-key-header h2{margin:0;font-size:1.5rem;color:#1a1a1a}.btn-create-api-key{background:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-create-api-key:hover{background:#4338ca;transform:translateY(-1px)}.api-key-loading{text-align:center;padding:3rem;color:#666}.api-key-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1rem}.api-key-empty{text-align:center;padding:3rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.api-key-empty p{color:#6b7280;margin:.5rem 0}.api-key-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.api-key-table{width:100%;border-collapse:collapse}.api-key-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.api-key-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.api-key-table td{padding:1rem;border-top:1px solid #f3f4f6;font-size:.95rem;color:#1f2937}.api-key-value code{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-active{background:#d1fae5;color:#065f46}.status-expired{background:#fee2e2;color:#991b1b}.status-inactive{background:#f3f4f6;color:#6b7280}.btn-delete{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#dc2626}.tag-management{width:100%}.tags-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:20px}.tag-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s}.tag-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.tag-preview{flex-shrink:0}.tag-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500;color:#fff;white-space:nowrap}.tag-info{flex:1;min-width:0}.tag-info h3{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.tag-color-code{font-family:monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px}.tag-usage{color:#059669;font-weight:500}.tag-actions{display:flex;gap:8px;flex-shrink:0}.color-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.color-option{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.color-option.selected{border-color:#111827;box-shadow:0 0 0 2px #fff,0 0 0 4px #111827}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.color-preview{padding:16px;background:#f9fafb;border-radius:8px;text-align:center}.loading-state{text-align:center;padding:40px;color:#6b7280}@media (max-width: 768px){.tags-list{grid-template-columns:1fr}.color-picker{grid-template-columns:repeat(5,1fr)}}.settings-page{width:100%}.settings-page .page-header{margin-bottom:2rem}.settings-page .page-header h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.settings-page .page-header p{color:#666;font-size:.9375rem}.info-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:10px}.info-banner p{margin:0;color:#78350f;font-size:.875rem;font-weight:500;line-height:1.5}.info-banner strong{font-weight:600}.settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #f0f0f0}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:500;font-size:.9375rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab-button:hover{color:#000;background:#f9fafb}.tab-button.active{color:#000;border-bottom-color:#000}.settings-content{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:2rem;min-height:400px}.settings-section{display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.section-header>div:first-child{flex:1}.section-header>button{flex-shrink:0;align-self:flex-start;margin-left:auto}.section-header h2{font-size:1.5rem;font-weight:600;color:#000;margin:0 0 .5rem;letter-spacing:-.01em}.section-header p{color:#6b7280;font-size:.9375rem;margin:0}.fields-list{display:flex;flex-direction:column;gap:1rem}.field-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.field-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.field-icon{font-size:2rem;line-height:1;flex-shrink:0}.field-info{flex:1;min-width:0}.field-info h3{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 .5rem}.field-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.875rem}.field-type{padding:.25rem .625rem;background:#e0e7ff;color:#3730a3;border-radius:4px;font-weight:500}.field-required{padding:.25rem .625rem;background:#fee2e2;color:#991b1b;border-radius:4px;font-weight:500}.field-name{color:#6b7280;font-family:Courier New,monospace;font-size:.8125rem}.field-options{margin-top:.5rem;font-size:.875rem;color:#6b7280}.field-options strong{color:#374151}.field-actions{display:flex;gap:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#9ca3af}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p{font-size:.9375rem;color:#6b7280;margin:0 0 1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:#000;margin:0}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;transition:color .2s}.modal-close:hover{color:#000}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;transition:all .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#000}.form-group small{font-size:.8125rem;color:#6b7280}.field-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.field-type-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.field-type-option:hover{border-color:#d1d5db;background:#f9fafb}.field-type-option.selected{border-color:#000;background:#fafafa}.field-type-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.type-icon{font-size:1.5rem;line-height:1}.type-label{font-size:.875rem;font-weight:500;color:#374151;text-align:center}.option-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.option-input-group input{flex:1}.checkbox-label-inline{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:background .2s}.checkbox-label-inline:hover{background:#f9fafb}.checkbox-label-inline input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin:0}.checkbox-label-inline span{font-size:.9375rem;color:#374151;-webkit-user-select:none;user-select:none}.btn-primary:hover{background:#333;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary:hover{background:#f8f8f8;border-color:#d0d0d0}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-icon{padding:.5rem;border:none;background:transparent;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#000}.btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626}@media (max-width: 768px){.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap}.settings-content{padding:1.5rem}.section-header{flex-direction:column;align-items:stretch;gap:1rem}.section-header>button{width:100%;margin-left:0}.field-card{flex-direction:column;align-items:flex-start}.field-actions{width:100%;justify-content:flex-end}.field-type-grid{grid-template-columns:repeat(2,1fr)}}.billing-page{max-width:1400px;width:100%}.info-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;margin-bottom:2rem}.info-banner.credit-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.info-banner.credit-info p{color:#78350f}.info-banner-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.info-banner p{margin:0;color:#1e40af;font-size:.875rem;font-weight:500;line-height:1.5}.info-banner p strong{font-weight:700}.success-banner{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.success-content{background:#fff;border:2px solid #000000;border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 24px #0000001f;min-width:500px}.success-content svg:first-child{color:#000;flex-shrink:0}.success-text{flex:1}.success-text strong{display:block;font-size:1rem;font-weight:600;color:#000;margin-bottom:.25rem}.success-text p{font-size:.875rem;color:#666;margin:0}.close-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:#000}.error-banner{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .3s ease}.error-content{background:#fff5f5;border:2px solid #e53e3e;border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 24px #e53e3e1f;min-width:500px}.error-content svg:first-child{color:#e53e3e;flex-shrink:0}.error-text{flex:1}.error-text strong{display:block;font-size:1rem;color:#e53e3e;margin-bottom:.25rem}.error-text p{font-size:.875rem;color:#c53030;margin:0}.billing-page .page-header{margin-bottom:3rem}.billing-page .page-header h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.billing-page .page-header p{color:#666;font-size:.9375rem}.usage-overview{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:3rem}.usage-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:2rem;transition:all .2s ease}.usage-card:hover{border-color:#e0e0e0;box-shadow:0 2px 8px #0000000a}.main-usage{grid-column:span 1}.usage-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem}.usage-header h3{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.5rem}.usage-period{color:#666;font-size:.875rem}.usage-icon{width:56px;height:56px;background:#fafafa;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000}.usage-stats{display:flex;flex-direction:column;gap:1rem}.usage-numbers{display:flex;align-items:baseline;gap:.5rem}.usage-numbers .used{font-size:2.5rem;font-weight:600;color:#000;letter-spacing:-.02em}.usage-numbers .separator{font-size:1.5rem;color:#999}.usage-numbers .total{font-size:1.5rem;font-weight:500;color:#666}.usage-numbers .label{font-size:.875rem;color:#999;margin-left:.25rem}.usage-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:#000;border-radius:4px;transition:width .3s ease}.usage-info{display:flex;justify-content:space-between;font-size:.875rem;color:#666}.usage-info .percentage{font-weight:600;color:#000}.stat-item{display:flex;align-items:center;gap:1rem}.stat-item svg{color:#000;flex-shrink:0}.stat-item>div{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:#666;font-weight:500}.stat-value{font-size:1.5rem;font-weight:600;color:#000;letter-spacing:-.01em}.plans-section{margin-bottom:3rem}.credit-purchase-card{background:#fff;border:2px solid #000000;border-radius:16px;padding:3rem;display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;box-shadow:0 4px 24px #00000014}.credit-selector{display:flex;flex-direction:column;gap:2rem}.credit-display{text-align:center;padding:2rem;background:#fafafa;border-radius:12px;border:2px dashed #e0e0e0;transition:all .2s ease}.credit-display:hover{border-color:#000;background:#fff}.credit-input-label{display:block;font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.credit-amount{display:flex;align-items:baseline;justify-content:center;gap:.75rem;position:relative}.credit-input{font-size:3.5rem;font-weight:700;color:#000;border:none;background:transparent;text-align:center;width:100%;max-width:300px;letter-spacing:-.02em;outline:none;padding:.5rem;border-radius:8px;transition:all .2s ease;cursor:text}.credit-input:hover{background:#00000008}.credit-input:focus{background:#fff;box-shadow:0 0 0 3px #0000001a}.credit-input.error{color:#dc2626;box-shadow:0 0 0 2px #dc262633}.credit-input::-webkit-inner-spin-button,.credit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.credit-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500}.credit-label{font-size:1.25rem;color:#666;font-weight:500}.credit-info{display:flex;justify-content:center;gap:1rem}.price-per-credit{font-size:.875rem;color:#666;font-weight:500}.slider-container{padding:0 .5rem}.credit-slider{width:100%;height:8px;border-radius:4px;background:#f0f0f0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.credit-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#000;cursor:pointer;transition:all .2s ease}.credit-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #0000001a}.credit-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#000;cursor:pointer;border:none;transition:all .2s ease}.credit-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px #0000001a}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem;color:#999;font-weight:500}.quick-select{display:flex;flex-direction:column;gap:1rem}.quick-select-label{font-size:.875rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.quick-select-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.quick-btn{padding:.625rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#000;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-btn:hover{background:#000;color:#fff;border-color:#000}.purchase-summary{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#fafafa;border-radius:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.9375rem;color:#666}.summary-row.total{border-top:2px solid #e0e0e0;padding-top:1.5rem;margin-top:.5rem;font-size:1.125rem;font-weight:600;color:#000}.summary-value{font-weight:600;color:#000}.summary-row.total .summary-value{font-size:1.5rem}.purchase-btn{width:100%;justify-content:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;margin-top:.5rem}.purchase-btn:disabled{opacity:.5;cursor:not-allowed;background:#e0e0e0;color:#999;border-color:#e0e0e0}.purchase-btn:disabled:hover{background:#e0e0e0;color:#999;transform:none}.purchase-features{display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.purchase-features .feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.purchase-features .feature-item svg{color:#000;flex-shrink:0}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.01em}.section-header p{color:#666;font-size:.9375rem}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.plan-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:2rem;display:flex;flex-direction:column;position:relative;transition:all .2s ease}.plan-card:hover{border-color:#e0e0e0;box-shadow:0 4px 16px #00000014;transform:translateY(-4px)}.plan-card.popular{border-color:#000;border-width:2px}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:.375rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0}.plan-header h3{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:1rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.plan-price .currency{font-size:1.25rem;color:#666;font-weight:500}.plan-price .amount{font-size:3rem;font-weight:700;color:#000;letter-spacing:-.02em}.plan-price .period{font-size:1rem;color:#999}.plan-messages{color:#666;font-size:.9375rem;font-weight:500}.plan-features{list-style:none;margin-bottom:2rem;flex:1}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#333;font-size:.9375rem}.plan-features li svg{color:#000;flex-shrink:0}.plan-card .btn{width:100%;justify-content:center}.usage-history{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:2rem}.usage-history h2{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:1.5rem}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:transparent}.history-table th{text-align:left;padding:.875rem 0;font-size:.75rem;font-weight:600;color:#999;border-bottom:1px solid #f0f0f0;text-transform:uppercase;letter-spacing:.08em}.history-table td{padding:1.25rem 0;border-bottom:1px solid #f8f8f8;color:#333;font-size:.9375rem}.history-table .campaign-name{font-weight:500;color:#000}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.status-badge.completed{background:#f0f0f0;color:#000}.status-badge.in-progress{background:#000;color:#fff}.status-badge.paused{background:#f8f8f8;color:#666}.status-badge.draft{background:#f8f8f8;color:#999}.invoice-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#000;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.invoice-btn:hover{background:#000;color:#fff;border-color:#000}.invoice-btn svg{flex-shrink:0}.empty-history{text-align:center;padding:3rem 2rem;color:#666}.empty-history p{font-size:.9375rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #f0f0f0}.pagination-btn{padding:.625rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#000;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f8f8;border-color:#d0d0d0}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#666;font-weight:500;min-width:120px;text-align:center}@media (max-width: 1200px){.usage-overview,.plans-grid{grid-template-columns:1fr}.credit-purchase-card{grid-template-columns:1fr;gap:2rem;padding:2rem}}@media (max-width: 768px){.billing-page{max-width:100%}.usage-card,.plan-card{padding:1.5rem}.usage-numbers .used{font-size:2rem}.usage-numbers .total{font-size:1.25rem}.plan-price .amount{font-size:2.5rem}.history-table{min-width:600px}.credit-purchase-card{padding:1.5rem}.credit-input{font-size:2.5rem;max-width:200px}.quick-select-buttons{justify-content:center}}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;text-align:center}.status-badge.completed{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.status-badge.pending{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-badge.failed{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.checkout-container{min-height:100vh;background:#fafafa;padding:2rem}.checkout-wrapper{max-width:1200px;margin:0 auto}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#000;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:2rem}.back-btn:hover{background:#f8f8f8;border-color:#d0d0d0}.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}.checkout-form-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:3rem}.checkout-header{margin-bottom:2.5rem}.checkout-header h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.checkout-header p{color:#666;font-size:.9375rem}.payment-methods{display:flex;gap:1rem;margin-bottom:2rem}.payment-method{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-weight:500;cursor:pointer;transition:all .15s ease}.payment-method:hover{border-color:#d0d0d0;background:#fafafa}.payment-method.active{background:#000;color:#fff;border-color:#000}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group input{padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;transition:all .15s ease}.form-group input:focus{outline:none;border-color:#000}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:#666;pointer-events:none;z-index:1}.input-with-icon input{width:100%;padding-left:3rem!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#000000}.checkbox-group label{cursor:pointer;margin:0;color:#666}.security-note{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#fafafa;border-radius:8px;color:#666;font-size:.875rem}.security-note svg{color:#000}.bank-transfer-info{display:flex;flex-direction:column;gap:2rem}.info-box{display:flex;gap:1rem;padding:1.5rem;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.info-box svg{color:#000;flex-shrink:0}.info-box h3{font-size:1rem;font-weight:600;color:#000;margin-bottom:.25rem}.info-box p{color:#666;font-size:.875rem}.bank-details{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #f0f0f0;border-radius:8px}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f8f8f8}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-size:.875rem;font-weight:500}.detail-value{color:#000;font-weight:600;font-size:.9375rem;font-family:monospace}.order-summary{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:2rem;position:sticky;top:2rem}.order-summary h2{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:1.5rem}.plan-summary{padding:1.5rem;background:#fafafa;border-radius:8px;margin-bottom:1.5rem}.plan-badge{display:inline-block;padding:.375rem .75rem;background:#000;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.plan-info h3{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:.25rem}.plan-info p{color:#666;font-size:.875rem}.features-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.feature-item{display:flex;align-items:center;gap:.5rem;color:#333;font-size:.875rem}.feature-item svg{color:#000;flex-shrink:0}.price-breakdown{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.price-row{display:flex;justify-content:space-between;color:#666;font-size:.9375rem}.price-row.total{font-size:1.25rem;font-weight:600;color:#000;padding-top:.75rem;border-top:1px solid #f0f0f0}.guarantee-badge{display:flex;gap:1rem;padding:1rem;background:#f0fdf4;border-radius:8px;border:1px solid #dcfce7}.guarantee-badge svg{color:#16a34a;flex-shrink:0}.guarantee-badge strong{display:block;color:#000;font-size:.875rem;margin-bottom:.25rem}.guarantee-badge p{color:#666;font-size:.8125rem;margin:0}@media (max-width: 1024px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width: 768px){.checkout-container{padding:1.5rem}.checkout-form-section{padding:2rem 1.5rem}.checkout-header h1{font-size:1.75rem}.payment-methods{flex-direction:column}.form-row{grid-template-columns:1fr}.order-summary{padding:1.5rem}}.whatsapp-test{padding:0;max-width:100%;width:100%;flex:1}.page-header{margin-bottom:2rem;padding:0 1rem}.page-header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:1rem}.alert{padding:1rem;border-radius:8px;margin:0 1rem 2rem;font-weight:500}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.send-message-container{display:grid;grid-template-columns:1fr 450px;gap:2rem;padding:0 1rem;margin-bottom:2rem}.message-form-section{min-width:0}.preview-section{position:sticky;top:2rem;height:fit-content}@media (max-width: 1200px){.send-message-container{grid-template-columns:1fr}.preview-section{position:relative;top:0}}.test-grid{display:flex;justify-content:center;margin-bottom:2rem;padding:0 1rem}.single-message-card{max-width:600px;width:100%}.test-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#1f2937}.card-header h2{font-size:1.25rem;margin:0}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s;background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.template-select{cursor:pointer}.form-group small{display:block;color:#6b7280;font-size:.85rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn:disabled{opacity:.6;cursor:not-allowed}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.info-box h3{font-size:1.1rem;color:#1f2937;margin-bottom:1rem}.info-box p{color:#4b5563;margin-bottom:.5rem;font-size:.95rem}.info-box strong{color:#1f2937}.step-indicator{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;font-weight:600;color:#374151}.step{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;font-weight:700;font-size:.9rem}.step.active{background:#3b82f6;color:#fff}.step.completed{background:#10b981;color:#fff}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.message-input-wrapper{position:relative}.emoji-button{position:absolute;right:10px;bottom:10px;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.emoji-button:hover{background:#e5e7eb;color:#3b82f6;transform:scale(1.1)}.emoji-picker{position:absolute;bottom:50px;right:0;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 10px 25px #00000026;width:320px;max-height:400px;z-index:1000;overflow:hidden}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-weight:600;color:#374151}.emoji-close{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.emoji-close:hover{background:#e5e7eb;color:#1f2937}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:.75rem;max-height:340px;overflow-y:auto}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:#f3f4f6}.emoji-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.emoji-item{background:none;border:none;font-size:1.5rem;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:#f3f4f6;transform:scale(1.2)}.emoji-item:active{transform:scale(1.1)}@media (max-width: 768px){.test-grid{grid-template-columns:1fr}.emoji-picker{width:280px;max-height:350px}.emoji-grid{grid-template-columns:repeat(6,1fr)}}.image-preview{position:relative;display:inline-block;max-width:300px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image-btn:hover{background:#dc2626e6;transform:scale(1.1)}.contact-search-wrapper{position:relative}.contact-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:300px;overflow-y:auto;z-index:1000;margin-top:4px}.contact-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.contact-item:last-child{border-bottom:none}.contact-item:hover{background-color:#f9fafb}.contact-item.focused{background-color:#dbeafe;border-left:3px solid #3b82f6;padding-left:13px}.contact-name{font-weight:600;color:#1f2937;margin-bottom:4px}.contact-name2{font-weight:600;color:#fff;margin-bottom:4px}.contact-phone{font-size:.875rem;color:#6b7280;margin-bottom:4px}.contact-lists{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.list-title-sp{font-size:.875rem;color:#374151;margin-right:6px;font-weight:500}.list-badge{display:inline-block;padding:.1rem .6rem;background-color:#dbeafe;color:#1e40af;border-radius:12px;font-size:.75rem;font-weight:500}.no-results{padding:16px;text-align:center;color:#6b7280;font-size:.875rem}.selected-contact-info{margin-top:8px;padding:8px 12px;background-color:#d1fae5;color:#065f46;border-radius:6px;font-size:.875rem;border:1px solid #10b981}.selected-contact-info strong{font-weight:600}.personalization-info{margin-top:12px;padding:12px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:.875rem;color:#1e40af}.personalization-info strong{display:block;margin-bottom:8px;color:#1e3a8a}.personalization-info code{background-color:#dbeafe;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;color:#1e40af;font-weight:600}.preview-variables{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #bfdbfe}.preview-variables span{display:flex;align-items:center;gap:8px;font-size:.875rem}.preview-variables code{min-width:80px}.preview-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.preview-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.preview-badge{padding:.25rem .625rem;background:#25d366;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.whatsapp-preview-container{padding:1.5rem;background:#e5ddd5;min-height:500px}.whatsapp-chat{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#075e54;color:#fff}.contact-avatar{width:40px;height:40px;border-radius:50%;background:#128c7e;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.contact-info{flex:1;min-width:0}.contact-info .contact-name{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-status{font-size:.75rem;opacity:.8}.chat-body{padding:1.5rem;min-height:400px;background:#e5ddd5;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px)}.message-bubble{max-width:85%;margin-left:auto;background:#dcf8c6;border-radius:8px;padding:.5rem .75rem;box-shadow:0 1px 2px #0000001a;position:relative}.message-bubble.sent{margin-left:auto;margin-right:0}.message-bubble:after{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #DCF8C6 transparent}.message-image{margin:-.5rem -.75rem .5rem;border-radius:8px 8px 0 0;overflow:hidden}.message-image img{width:100%;height:auto;display:block;max-height:300px;object-fit:contain;background:#f9fafb}.message-text{white-space:pre-wrap;word-wrap:break-word;font-size:.9375rem;line-height:1.5;color:#000;margin-bottom:.25rem}.message-time{font-size:.6875rem;color:#667781;text-align:right;margin-top:.25rem}.empty-preview,.no-contact-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#9ca3af;text-align:center}.empty-preview svg,.no-contact-preview svg{opacity:.3;margin-bottom:1rem}.empty-preview p,.no-contact-preview p{margin:0;font-size:.9375rem;font-weight:500}.button-group{display:flex;gap:1rem;margin-top:1rem}.button-group .btn{flex:1}.button-group .btn-secondary{background-color:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.button-group .btn-secondary:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.button-group .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.available-variables{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.variables-header{margin-bottom:.75rem;color:#374151;font-size:.875rem}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem}.variable-chip{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Courier New,monospace;font-size:.8125rem;color:#059669;cursor:pointer;transition:all .2s}.variable-chip:hover{background:#059669;color:#fff;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #05966933}.reports-page{padding:0;max-width:100%;width:100%}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.header-content{display:flex;align-items:center;gap:1rem}.header-content svg{color:#3b82f6}.page-header h1{font-size:2rem;color:#1f2937;margin:0}.page-header p{color:#6b7280;margin:.25rem 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.total{background-color:#dbeafe;color:#1e40af}.stat-icon.single{background-color:#d1fae5;color:#065f46}.stat-icon.campaign{background-color:#fce7f3;color:#9f1239}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;text-align:center}.stat-label{font-size:.875rem;color:#6b7280}.filters-section{background:#fff;display:grid;border-radius:12px;padding:1.5rem;margin:0 1rem 2rem;box-shadow:0 1px 3px #0000001a}.filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1f2937}.filters-header h3{margin:0;font-size:1.125rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:#374151}.filter-group select,.filter-group input{padding:.625rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.search-input,.date-input{position:relative;display:flex;align-items:center}.search-input svg,.date-input svg{position:absolute;left:.75rem;color:#9ca3af}.search-input input,.date-input input{padding-left:2.5rem;width:100%}.table-container{background:#fff;border-radius:12px;margin:0 1rem 2rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.reports-table{width:100%;border-collapse:collapse}.reports-table thead{background-color:#f9fafb}.reports-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.reports-table td{padding:1rem;font-size:.875rem;color:#1f2937;border-bottom:1px solid #f3f4f6}.reports-table tbody tr:hover{background-color:#f9fafb}.date-cell{white-space:nowrap;color:#6b7280}.name-cell{font-weight:600}.phone-cell{font-family:Courier New,monospace;color:#6b7280}.message-cell{max-width:300px}.message-preview{display:flex;align-items:center;gap:.5rem}.image-badge{font-size:1rem}.campaign-cell{color:#6b7280;font-style:italic}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.type-badge.single{background-color:#d1fae5;color:#065f46}.type-badge.campaign{background-color:#fce7f3;color:#9f1239}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.sent{background-color:#d1fae5;color:#065f46}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.empty-state{padding:4rem 2rem;text-align:center;color:#9ca3af}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;color:#6b7280;margin-bottom:.5rem}.empty-state p{color:#9ca3af}.loading-state{padding:4rem 2rem;text-align:center}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary{display:flex;align-items:center;width:200px;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#666;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{color:#065f46!important;background:#d1fae5!important}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-text{background:none;color:#3b82f6;padding:.5rem 1rem}.btn-text:hover{background-color:#eff6ff}@media (max-width: 768px){.stats-grid,.filters-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.table-container{overflow-x:auto}.reports-table{min-width:800px}}.scheduled-messages-page{width:100%}.scheduled-messages-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.scheduled-messages-page .page-header h1{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;letter-spacing:-.02em}.scheduled-messages-page .page-header p{color:#666;font-size:.9375rem}.auto-refresh-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem .75rem;border-radius:8px;transition:background .2s}.auto-refresh-toggle:hover{background:#f9fafb}.auto-refresh-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#000000}.toggle-label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s}.stat-card:hover{border-color:#e0e0e0;box-shadow:0 2px 8px #0000000a}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.75rem;font-weight:600;color:#000;letter-spacing:-.02em}.stat-label{font-size:.8125rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filters-section{background:#fff;display:grid;border:1px solid #f0f0f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-item{display:flex;align-items:center;gap:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.625rem 1rem;flex:1;min-width:200px}.filter-item svg{color:#6b7280;flex-shrink:0}.filter-item input,.filter-item select{border:none;background:transparent;outline:none;font-size:.875rem;color:#000;width:100%;padding:0}.filter-item input::placeholder{color:#9ca3af}.filter-item select{cursor:pointer}.search-filter{flex:2;min-width:250px}.btn-reset{padding:.625rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-reset:hover{background:#f9fafb;border-color:#d1d5db;color:#000}.filter-summary{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0;font-size:.875rem;color:#6b7280}.filter-info{color:#9ca3af}.messages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.message-card{background:#fff;border-radius:12px;padding:0;border:1px solid #f0f0f0;transition:all .2s ease;overflow:hidden}.message-card:hover{border-color:#e0e0e0;box-shadow:0 2px 8px #0000000a}.message-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid #f8f8f8}.recipient-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.recipient-info h3{font-size:1.125rem;font-weight:600;color:#000;margin:0;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-number{font-size:.875rem;color:#666}.badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-info{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-default{background:#f3f4f6;color:#6b7280}.overdue-banner{padding:1rem 1.75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d;color:#78350f;font-size:.875rem;font-weight:500;text-align:center}.error-banner{padding:1rem 1.75rem;background:#fee2e2;border-bottom:1px solid #fecaca;color:#991b1b;font-size:.875rem}.message-info{padding:1.5rem 1.75rem;border-bottom:1px solid #f8f8f8}.info-row{display:flex;justify-content:space-between;padding:.5rem 0}.info-row:first-child{padding-top:0}.info-row:last-child{padding-bottom:0}.info-label{color:#999;font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-value{color:#000;font-weight:500;font-size:.875rem}.message-preview{padding:1.5rem 1.75rem;border-bottom:1px solid #f8f8f8;background:#f9fafb}.message-preview p{margin:0;color:#374151;line-height:1.5;font-size:.9375rem}.message-actions{display:flex;gap:0;justify-content:stretch;border-top:1px solid #f8f8f8}.btn-icon{flex:1;padding:.875rem;border:none;border-right:1px solid #f8f8f8;background:#fff;cursor:pointer;color:#666;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500}.btn-icon:last-child{border-right:none}.btn-icon:hover{background:#fafafa;color:#000}.btn-send{background:#000!important;color:#fff!important}.btn-send:hover{background:#1f2937!important;color:#fff!important}.btn-delete{color:#ef4444!important}.btn-delete:hover{background:#fef2f2!important;color:#dc2626!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:2.5rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.preview-modal{max-width:600px}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-weight:500;color:#000;font-size:.875rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9375rem}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#333}.btn-secondary{background:#fff;color:#000;border:1px solid #e0e0e0}.btn-secondary:hover{background:#f8f8f8}.preview-content{display:flex;flex-direction:column;gap:1.5rem}.preview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.preview-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#000}.preview-info{display:grid;flex-direction:column;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.preview-info-item{display:flex;justify-content:space-between;align-items:center}.preview-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.preview-value{font-size:.9375rem;font-weight:500;color:#000}.preview-message{display:flex;flex-direction:column;gap:.75rem}.whatsapp-preview{background:#e5ddd5;padding:1.5rem;border-radius:8px;position:relative}.whatsapp-bubble{background:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 1px 2px #0000001a;white-space:pre-wrap;word-wrap:break-word;font-size:.9375rem;line-height:1.5;color:#000;position:relative}.whatsapp-bubble:after{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #ffffff transparent}.whatsapp-time{font-size:.6875rem;color:#667781;text-align:right;margin-top:.25rem;padding-right:.5rem}.loading-spinner{display:inline-block;width:50px;height:50px}.spinner{width:100%;height:100%;border:4px solid #f3f4f6;border-top:4px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.scheduled-messages-page{max-width:100%}.scheduled-messages-page .page-header{flex-direction:column;align-items:stretch;gap:1rem}.auto-refresh-toggle{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-row{flex-direction:column}.filter-item{width:100%;min-width:auto}.search-filter{min-width:auto}.btn-reset{width:100%}.messages-grid{grid-template-columns:1fr}.btn-icon span{display:none}}.users-container{padding:20px;width:100%;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-header h1{margin:0;font-size:24px;color:#333}.users-stats{color:#666;font-size:14px}.users-loading{text-align:center;padding:40px;font-size:18px;color:#666}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#f8f9fa}.users-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.users-table td{padding:12px;border-bottom:1px solid #dee2e6}.users-table tbody tr:hover{background:#f8f9fa}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.role-admin{background:#dc3545;color:#fff}.role-standarduser{background:#28a745;color:#fff}.role-apiuser{background:#007bff;color:#fff}.btn-send-message{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-send-message:hover{background:#0056b3}.btn-view-detail{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-view-detail:hover{background:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-view-detail svg{flex-shrink:0}.users-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.users-pagination button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.users-pagination button:disabled{background:#ccc;cursor:not-allowed}.users-pagination span{color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:8px;width:100%;max-width:500px}.modal-content h2{margin-top:0;margin-bottom:16px}.modal-content p{margin-bottom:16px;color:#666}.modal-content textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-primary:hover{background:#0056b3}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-secondary:hover{background:#5a6268}.btn-secondary:disabled{background:#ccc;cursor:not-allowed}.brand-text-filter{padding:.5rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#25d366}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.payments-container{padding:20px;width:100%;margin:0 auto}.payments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payments-header h1{margin:0;font-size:24px;color:#333}.payments-stats{color:#666;font-size:14px}.payments-loading{text-align:center;padding:40px;font-size:18px;color:#666}.payments-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table thead{background:#f8f9fa}.payments-table th{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.payments-table td{padding:12px;border-bottom:1px solid #dee2e6}.payments-table tbody tr:hover{background:#f8f9fa}.payment-guid{font-family:monospace;font-size:12px;color:#666}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.status-completed{background:#28a745;color:#fff}.status-pending{background:#ffc107;color:#333}.status-failed{background:#dc3545;color:#fff}.status-unknown{background:#6c757d;color:#fff}.payments-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.payments-pagination button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.payments-pagination button:disabled{background:#ccc;cursor:not-allowed}.payments-pagination span{color:#666}.admin-settings-container{padding:2rem;max-width:800px;margin:0 auto}.admin-settings-header{margin-bottom:2rem}.admin-settings-header h1{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.admin-settings-header p{color:#666;font-size:.95rem}.settings-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#333}.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:100px}.form-group input[type=number]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem}.form-group textarea:focus,.form-group input[type=number]:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.form-group small{display:block;margin-top:.25rem;color:#666;font-size:.85rem}.credit-costs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.save-button{background:#25d366;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.save-button:hover{background:#1fb855}.save-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem}.success-message{background:#efe;color:#3c3;padding:1rem;border-radius:8px;margin-bottom:1rem}.loading-spinner{text-align:center;padding:3rem;color:#666}.api-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .3s ease-in-out}.api-error-content{text-align:center;color:#fff;max-width:500px;padding:40px}.api-error-icon{color:#f44;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.api-error-content h2{font-size:28px;font-weight:600;margin-bottom:16px;color:#fff}.api-error-content p{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0 0 30px}.retry-indicator{display:flex;align-items:center;justify-content:center;gap:12px;color:#ffffffb3;font-size:14px}.retry-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.retry-indicator span{min-width:100px;text-align:left}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.whatsapp-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.whatsapp-warning-modal{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}.warning-icon{margin-bottom:24px;color:#f59e0b;animation:pulse 2s infinite}.whatsapp-warning-modal h2{color:#1f2937;margin-bottom:16px;font-size:24px;font-weight:600}.warning-message{color:#6b7280;margin-bottom:24px;font-size:16px;line-height:1.5}.connection-status{background:#f3f4f6;border-radius:8px;padding:16px;margin-bottom:24px}.status-item{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:14px}.status-item svg{color:#f59e0b;animation:spin 2s linear infinite}.countdown-section{margin-bottom:24px}.countdown-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 20px #10b9814d;animation:countdownPulse 1s ease-in-out infinite}.countdown-number{color:#fff;font-size:32px;font-weight:700}.countdown-section p{color:#6b7280;font-size:14px;margin:0}.warning-actions{margin-bottom:24px}.warning-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s}.warning-actions .btn-primary{background:#3b82f6;color:#fff}.warning-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.help-text{background:#f8fafc;border-radius:8px;padding:16px;text-align:left}.help-text p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.help-text strong{color:#334155}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countdownPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #10b9814d}50%{transform:scale(1.05);box-shadow:0 6px 30px #10b98180}}@media (max-width: 640px){.whatsapp-warning-modal{padding:24px;margin:16px}.whatsapp-warning-modal h2{font-size:20px}.countdown-circle{width:60px;height:60px}.countdown-number{font-size:24px}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{font-family:Inter,-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;background:#fff}#root{min-height:100vh}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;height:16px;display:inline-block}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}