*{box-sizing:border-box}body,html,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{display:flex;align-items:center;justify-content:center;min-height:100%;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.app:has(.dashboard-layout){display:block;padding:0;background:none;align-items:stretch;justify-content:stretch}.login-container{width:100%;max-width:440px;background:#fff;padding:40px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:56px;height:56px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center}.login-logo svg{width:28px;height:28px;color:#fff}.login-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a2e;letter-spacing:-.5px}.login-header p{margin:0;font-size:15px;color:#6b7280}.alert{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:500}.alert svg{width:20px;height:20px;flex-shrink:0}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.required-star{color:#dc2626;font-weight:700}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;width:20px;height:20px;color:#9ca3af;pointer-events:none}.input-wrapper input{width:100%;padding:14px 46px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1f2937;background:#f9fafb;transition:all .2s ease}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:hover{border-color:#d1d5db}.input-wrapper input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.toggle-password{position:absolute;right:14px;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-password svg{width:20px;height:20px;color:#9ca3af;transition:color .2s ease}.toggle-password:hover svg{color:#6b7280}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-4px}.checkbox-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#4b5563}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.forgot-link{font-size:14px;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#764ba2}.btn-primary{width:100%;padding:16px;margin-top:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -10px #667eea80}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;margin:28px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span{padding:0 16px;font-size:13px;color:#9ca3af;font-weight:500}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.btn-social svg{width:20px;height:20px}.btn-social:hover{border-color:#d1d5db;background:#f9fafb}.signup-link{text-align:center;margin:28px 0 0;font-size:14px;color:#6b7280}.signup-link a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-link a:hover{color:#764ba2}.dashboard{width:100%;max-width:600px}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.dashboard-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000040}.dashboard-header{display:flex;align-items:center;gap:20px;margin-bottom:32px}.avatar{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff}.user-info h1{margin:0 0 4px;font-size:24px;font-weight:700;color:#1a1a2e}.user-info p{margin:0;font-size:14px;color:#6b7280}.dashboard-content{margin-bottom:32px}.info-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin-bottom:24px}.info-card svg{width:24px;height:24px;color:#16a34a;flex-shrink:0}.info-card h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#166534}.info-card p{margin:0;font-size:14px;color:#15803d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.stat-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:20px;height:20px;color:#fff}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.stat-value{font-size:14px;color:#1a1a2e;font-weight:600}.btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.btn-logout svg{width:20px;height:20px}.btn-logout:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.menu-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.menu-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.menu-card:hover{border-color:#667eea;background:#f8f7ff;transform:translate(4px)}.menu-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-icon svg{width:24px;height:24px;color:#fff}.menu-info{flex:1;display:flex;flex-direction:column;gap:2px}.menu-title{font-size:16px;font-weight:600;color:#1a1a2e}.menu-description{font-size:13px;color:#6b7280}.menu-arrow{width:20px;height:20px;color:#9ca3af;flex-shrink:0}.menu-card:hover .menu-arrow{color:#667eea}.select-input{width:100%;padding:14px 14px 14px 46px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1f2937;background:#f9fafb;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px}.select-input:hover{border-color:#d1d5db}.select-input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 4px #667eea1a}.accounts-page{width:100%;max-width:900px;padding:20px}.accounts-container{background:#fff;border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000040}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.accounts-header h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#1a1a2e}.accounts-header p{margin:0;font-size:14px;color:#6b7280}.btn-add{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-add svg{width:18px;height:18px}.btn-add:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #667eea80}.accounts-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.no-accounts{text-align:center;padding:60px 20px}.no-accounts-icon{width:80px;height:80px;margin:0 auto 24px;background:#f3f4f6;border-radius:20px;display:flex;align-items:center;justify-content:center}.no-accounts-icon svg{width:40px;height:40px;color:#9ca3af}.no-accounts h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1a1a2e}.no-accounts p{margin:0 0 24px;font-size:14px;color:#6b7280}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.account-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .2s ease}.account-card:hover{border-color:#667eea;box-shadow:0 10px 30px -10px #667eea33}.account-card-header{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;background:#f9fafb}.account-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.account-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-transform:capitalize}.account-card-body{padding:20px}.account-name{margin:0 0 16px;font-size:18px;font-weight:600;color:#1a1a2e}.account-details{display:flex;flex-direction:column;gap:12px}.account-detail{display:flex;align-items:flex-start;gap:12px}.account-detail svg{width:18px;height:18px;color:#9ca3af;flex-shrink:0;margin-top:2px}.account-detail div{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:12px;color:#6b7280;font-weight:500}.detail-value{font-size:14px;color:#1a1a2e;font-family:SF Mono,Monaco,Inconsolata,monospace}.detail-value.api-url{font-size:12px;word-break:break-all}.account-card-footer{padding:12px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.account-date{font-size:12px;color:#9ca3af}.accounts-footer{margin-top:32px;text-align:center}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;text-decoration:none;transition:all .2s ease}.btn-back svg{width:18px;height:18px}.btn-back:hover{border-color:#667eea;color:#667eea}.campaign-container{max-width:500px}.campaign-logo,.menu-icon.campaign-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)}.template-hint{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding:10px 14px;background:#fef3c7;border-radius:8px;font-size:12px;color:#92400e}.template-hint svg{width:16px;height:16px;flex-shrink:0}.account-container{max-width:480px}.whatsapp-logo{background:linear-gradient(135deg,#25d366,#128c7e)}.form-section{margin:24px 0 16px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px}.section-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#166534}.section-header svg{width:20px;height:20px}.section-hint{margin:8px 0 0;font-size:12px;color:#15803d}.field-hint{margin:6px 0 0 4px;font-size:11px;color:#9ca3af}.meta-verification-info{margin-top:24px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.meta-verification-info h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.meta-verification-info h3 svg{width:20px;height:20px;color:#3b82f6}.meta-verification-info ol{margin:0;padding:0 0 0 20px;list-style-type:decimal}.meta-verification-info li{margin-bottom:10px;font-size:13px;color:#475569;line-height:1.5}.meta-verification-info li strong{color:#1e293b}.meta-verification-info li a{color:#3b82f6;text-decoration:none}.meta-verification-info li a:hover{text-decoration:underline}.btn-guide{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;background:#3b82f6;color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease}.btn-guide:hover{background:#2563eb}.btn-guide svg{width:16px;height:16px}.accounts-checkbox-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:4px}.account-checkbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.account-checkbox-item:hover{border-color:#d1d5db;background:#f3f4f6}.account-checkbox-item.selected{border-color:#667eea;background:#f8f7ff}.account-checkbox-item input[type=checkbox]{display:none}.account-checkbox-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.account-checkbox-info{flex:1;display:flex;flex-direction:column;gap:2px}.account-checkbox-name{font-size:14px;font-weight:600;color:#1a1a2e}.account-checkbox-type{font-size:12px;color:#6b7280;text-transform:capitalize}.checkbox-indicator{width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.checkbox-indicator svg{width:14px;height:14px;color:#fff;opacity:0;transition:opacity .2s ease}.account-checkbox-item.selected .checkbox-indicator{background:#667eea;border-color:#667eea}.account-checkbox-item.selected .checkbox-indicator svg{opacity:1}.selected-count{margin:8px 0 0;font-size:13px;color:#667eea;font-weight:500}.accounts-select-loading{display:flex;align-items:center;gap:12px;padding:20px;background:#f9fafb;border-radius:12px;color:#6b7280;font-size:14px}.spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.no-accounts-message{text-align:center;padding:24px;background:#fef3c7;border-radius:12px;border:2px solid #fcd34d}.no-accounts-message p{margin:0 0 12px;font-size:14px;color:#92400e}.btn-link{color:#667eea;font-weight:600;text-decoration:none}.btn-link:hover{text-decoration:underline}.file-upload-wrapper{width:100%}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease}.file-upload-area:hover{border-color:#667eea;background:#f8f7ff}.file-input-hidden{display:none}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.file-upload-content svg{width:40px;height:40px;color:#9ca3af}.file-upload-area:hover .file-upload-content svg{color:#667eea}.file-upload-text{font-size:14px;font-weight:600;color:#374151}.file-upload-hint{font-size:12px;color:#9ca3af}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0fdf4;border:2px solid #86efac;border-radius:12px}.file-info{display:flex;align-items:center;gap:12px}.file-info svg{width:24px;height:24px;color:#22c55e}.file-name{font-size:14px;font-weight:500;color:#166534}.file-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.file-remove-btn svg{width:18px;height:18px;color:#9ca3af}.file-remove-btn:hover{background:#fee2e2}.file-remove-btn:hover svg{color:#dc2626}.account-header-actions{display:flex;align-items:center;gap:8px}.btn-delete-account{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-delete-account svg{width:18px;height:18px;color:#9ca3af}.btn-delete-account:hover{background:#fee2e2}.btn-delete-account:hover svg{color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon.delete-icon{background:#fee2e2}.modal-icon.delete-icon svg{width:32px;height:32px;color:#dc2626}.modal-content h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#1a1a2e}.modal-content p{margin:0 0 24px;font-size:14px;color:#6b7280;line-height:1.5}.modal-content p strong{color:#1a1a2e}.modal-actions{display:flex;gap:12px}.btn-cancel{flex:1;padding:12px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-confirm-delete{flex:1;padding:12px 20px;background:#dc2626;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-confirm-delete:hover:not(:disabled){background:#b91c1c}.btn-confirm-delete:disabled{opacity:.7;cursor:not-allowed}.dashboard-layout{display:flex;min-height:100vh;width:100%;background:#f8fafc;position:absolute;top:0;left:0;right:0;bottom:0}.sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-header{padding:24px;border-bottom:1px solid #e5e7eb}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.sidebar-logo span{font-size:16px;font-weight:600;color:#1a1a2e}.sidebar-user{display:flex;align-items:center;gap:12px}.sidebar-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff}.sidebar-user-info{flex:1;min-width:0}.sidebar-welcome{font-size:14px;font-weight:500;color:#1a1a2e;margin:0}.sidebar-email{font-size:12px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;padding:24px 16px 16px;overflow-y:auto}.sidebar-section-title{padding:24px 16px 8px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;border-radius:10px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:4px}.sidebar-nav-item:hover{background:#f3f4f6;color:#1a1a2e}.sidebar-nav-item.active{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.sidebar-nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-icon-box{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon-box svg{width:16px;height:16px}.nav-icon-box.blue{background:#eff6ff;border:1px solid #bfdbfe}.nav-icon-box.blue svg{color:#2563eb}.nav-icon-box.purple{background:#f5f3ff;border:1px solid #ddd6fe}.nav-icon-box.purple svg{color:#7c3aed}.nav-icon-box.orange{background:#fff7ed;border:1px solid #fed7aa}.nav-icon-box.orange svg{color:#ea580c}.sidebar-footer{padding:16px;border-top:1px solid #e5e7eb}.sidebar-logout{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.sidebar-logout svg{width:18px;height:18px}.sidebar-logout:hover{background:#fef2f2;color:#dc2626}.main-content{flex:1;overflow-y:auto;min-height:100vh;background:#f8fafc}.content-wrapper{width:100%;padding:32px}.success-banner{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:32px}.success-banner svg{width:20px;height:20px;color:#22c55e;flex-shrink:0;margin-top:2px}.success-title{font-size:14px;font-weight:600;color:#166534;margin:0}.success-text{font-size:14px;color:#15803d;margin:4px 0 0}.view-content{animation:fadeIn .3s ease}.welcome-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff}.welcome-text h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.welcome-text p{margin:0;font-size:15px;color:#ffffffd9}.welcome-date{font-size:14px;color:#ffffffbf;background:#ffffff26;padding:8px 16px;border-radius:8px;white-space:nowrap}.overview-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.overview-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:20px;transition:all .2s ease}.overview-stat-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.stat-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper svg{width:28px;height:28px}.stat-icon-wrapper.messages{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.stat-icon-wrapper.messages svg{color:#fff}.stat-icon-wrapper.impressions{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.stat-icon-wrapper.impressions svg{color:#fff}.stat-icon-wrapper.clicks{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.stat-icon-wrapper.clicks svg{color:#fff}.stat-details{display:flex;flex-direction:column;gap:4px}.stat-details .stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-details .stat-number{font-size:32px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-details .stat-description{font-size:13px;color:#9ca3af;margin-top:4px}.stat-loading{display:inline-block;width:60px;height:32px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.campaign-summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:700;color:#1a1a2e;margin:0}.btn-view-all{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-all svg{width:16px;height:16px}.btn-view-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.campaign-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.campaign-summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.campaign-summary-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon svg{width:24px;height:24px;color:#fff}.campaign-summary-card.total .summary-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.campaign-summary-card.delivered .summary-icon{background:linear-gradient(135deg,#10b981,#059669)}.campaign-summary-card.failed .summary-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.campaign-summary-card.rate .summary-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.summary-content{display:flex;flex-direction:column;gap:4px}.summary-number{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.summary-label{font-size:13px;font-weight:500;color:#6b7280}.stat-loading.small{width:40px;height:24px}@media (max-width: 1200px){.campaign-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.campaign-summary-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:16px;align-items:flex-start}.btn-view-all{width:100%;justify-content:center}}.quick-actions-section{margin-top:32px}.quick-actions-section h2{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s ease}.quick-action-card:hover{border-color:#667eea;background:#f8f7ff;transform:translateY(-2px)}.quick-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-action-icon svg{width:24px;height:24px;color:#fff}.quick-action-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.quick-action-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quick-action-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.quick-action-card span{font-size:14px;font-weight:600;color:#374151}.quick-action-card:hover span{color:#667eea}@media (max-width: 900px){.overview-stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.welcome-section{flex-direction:column;gap:16px}.welcome-date{align-self:flex-start}.quick-actions-grid{grid-template-columns:1fr}}.view-header-with-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.view-header-with-actions .view-header{margin-bottom:0}.view-header-buttons{display:flex;gap:12px;flex-shrink:0}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary svg{width:18px;height:18px}.btn-secondary:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.view-header-buttons .btn-primary{width:auto;margin-top:0;padding:12px 20px}.view-header-buttons .btn-primary svg{width:18px;height:18px}@media (max-width: 768px){.view-header-with-actions{flex-direction:column;gap:16px}.view-header-buttons{width:100%}.view-header-buttons .btn-secondary,.view-header-buttons .btn-primary{flex:1;justify-content:center}}.view-header{margin-bottom:32px}.view-header h1{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 8px;letter-spacing:-.5px}.view-header p{font-size:14px;color:#6b7280;margin:0}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;max-width:560px}.form-card form{display:flex;flex-direction:column;gap:24px}.form-card .form-group{display:flex;flex-direction:column;gap:8px}.form-card .form-group label{font-size:14px;font-weight:600;color:#374151}.form-card .required{color:#dc2626}.form-card input,.form-card .select-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#f9fafb;transition:all .2s ease}.form-card input:hover,.form-card .select-input:hover{border-color:#d1d5db}.form-card input:focus,.form-card .select-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.form-card input::placeholder{color:#9ca3af}.dashboard-layout .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dashboard-layout .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.dashboard-layout .stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.dashboard-layout .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dashboard-layout .stat-icon svg{width:24px;height:24px}.dashboard-layout .stat-icon.blue{background:#eff6ff;border:1px solid #bfdbfe}.dashboard-layout .stat-icon.blue svg{color:#2563eb}.dashboard-layout .stat-icon.green{background:#f0fdf4;border:1px solid #bbf7d0}.dashboard-layout .stat-icon.green svg{color:#22c55e}.dashboard-layout .stat-icon.purple{background:#f5f3ff;border:1px solid #ddd6fe}.dashboard-layout .stat-icon.purple svg{color:#7c3aed}.dashboard-layout .stat-info{display:flex;flex-direction:column;gap:4px}.dashboard-layout .stat-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.dashboard-layout .stat-value{font-size:20px;font-weight:600;color:#1a1a2e}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px}.loading-inline{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:10px;font-size:14px;color:#6b7280}.empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.empty-state svg{width:64px;height:64px;color:#d1d5db;margin-bottom:20px}.empty-state h3{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}.dashboard-layout .accounts-grid{display:flex;flex-direction:row;gap:20px;overflow-x:auto;padding-bottom:16px}.dashboard-layout .accounts-grid .account-card{min-width:300px;flex-shrink:0}.dashboard-layout .account-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .2s ease}.dashboard-layout .account-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f61f}.dashboard-layout .account-card-header{padding:20px;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.dashboard-layout .account-avatar{width:48px;height:48px;border-radius:12px;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.dashboard-layout .btn-delete{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.dashboard-layout .btn-delete svg{width:18px;height:18px;color:#9ca3af}.dashboard-layout .btn-delete:hover{background:#fee2e2}.dashboard-layout .btn-delete:hover svg{color:#dc2626}.dashboard-layout .account-name{padding:20px 20px 0;font-size:18px;font-weight:600;color:#1a1a2e;margin:0}.dashboard-layout .account-details{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.dashboard-layout .account-detail{display:flex;flex-direction:column;gap:4px}.dashboard-layout .detail-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase}.dashboard-layout .detail-value{font-size:13px;color:#1a1a2e;font-family:SF Mono,Monaco,monospace}.dashboard-layout .detail-value.url{font-size:12px;word-break:break-all;color:#6b7280}.dashboard-layout .account-footer{padding:12px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af}.dashboard-layout .accounts-checkbox-list{display:flex;flex-direction:column;gap:8px}.dashboard-layout .account-checkbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.dashboard-layout .account-checkbox-item:hover{border-color:#d1d5db}.dashboard-layout .account-checkbox-item.selected{border-color:#3b82f6;background:#eff6ff}.dashboard-layout .account-checkbox-item input{display:none}.dashboard-layout .checkbox-avatar{width:36px;height:36px;border-radius:8px;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.dashboard-layout .checkbox-info{flex:1;display:flex;flex-direction:column;gap:2px}.dashboard-layout .checkbox-name{font-size:14px;font-weight:600;color:#1a1a2e}.dashboard-layout .checkbox-status{font-size:12px;color:#22c55e}.dashboard-layout .checkbox-indicator{width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dashboard-layout .checkbox-indicator svg{width:14px;height:14px;color:#fff;opacity:0}.dashboard-layout .account-checkbox-item.selected .checkbox-indicator{background:#3b82f6;border-color:#3b82f6}.dashboard-layout .account-checkbox-item.selected .checkbox-indicator svg{opacity:1}.dashboard-layout .file-upload-area{display:flex;flex-direction:column;align-items:center;padding:32px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease}.dashboard-layout .file-upload-area:hover{border-color:#3b82f6;background:#eff6ff}.dashboard-layout .file-upload-area svg{width:40px;height:40px;color:#9ca3af;margin-bottom:12px}.dashboard-layout .file-upload-area:hover svg{color:#3b82f6}.dashboard-layout .upload-text{font-size:14px;font-weight:600;color:#374151}.dashboard-layout .upload-hint{font-size:12px;color:#9ca3af;margin-top:4px}.dashboard-layout .file-selected{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0fdf4;border:2px solid #86efac;border-radius:12px}.dashboard-layout .file-info{display:flex;align-items:center;gap:12px}.dashboard-layout .file-info svg{width:24px;height:24px;color:#22c55e}.dashboard-layout .file-info span{font-size:14px;font-weight:500;color:#166534}.dashboard-layout .btn-remove-file{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer}.dashboard-layout .btn-remove-file svg{width:18px;height:18px;color:#9ca3af}.dashboard-layout .btn-remove-file:hover{background:#fee2e2}.dashboard-layout .btn-remove-file:hover svg{color:#dc2626}.no-accounts-msg{padding:20px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;text-align:center}.no-accounts-msg p{margin:0 0 8px;font-size:14px;color:#92400e}.dashboard-layout .modal-icon.delete{background:#fee2e2}.dashboard-layout .modal-icon.delete svg{width:32px;height:32px;color:#dc2626}.dashboard-layout .modal-icon.warning{background:#fef3c7}.dashboard-layout .modal-icon.warning svg{width:32px;height:32px;color:#d97706}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.sidebar-nav{display:flex;flex-wrap:wrap;padding:12px}.sidebar-section-title{display:none}.sidebar-nav-item{flex:1;min-width:100px;justify-content:center;padding:10px}.sidebar-nav-item span{display:none}.content-wrapper{padding:20px}.dashboard-layout .stats-grid{grid-template-columns:1fr}.dashboard-layout .accounts-grid{flex-direction:row;overflow-x:auto}.dashboard-layout .accounts-grid .account-card{min-width:280px}}@media (max-width: 480px){.app{padding:20px 16px}.login-container{padding:32px 24px;border-radius:20px}.login-header h1{font-size:24px}.social-buttons{grid-template-columns:1fr}.form-options{flex-direction:column;gap:12px;align-items:flex-start}.dashboard-card{padding:24px}.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;text-align:center}.accounts-container{padding:24px}.accounts-header{flex-direction:column;gap:16px;text-align:center}.accounts-grid{grid-template-columns:1fr}}.csv-modal-content{background:#fff;border-radius:16px;max-width:900px;width:95%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.csv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.csv-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a2e}.btn-close-modal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-close-modal svg{width:20px;height:20px;color:#9ca3af}.btn-close-modal:hover{background:#f3f4f6}.btn-close-modal:hover svg{color:#374151}.csv-modal-controls{display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.csv-selection-buttons{display:flex;gap:8px}.btn-select-all,.btn-deselect-all{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-select-all{background:#3b82f6;color:#fff;border:none}.btn-select-all:hover{background:#2563eb}.btn-deselect-all{background:#fff;color:#374151;border:2px solid #e5e7eb}.btn-deselect-all:hover{border-color:#d1d5db;background:#f3f4f6}.csv-range-filter{display:flex;align-items:center;gap:8px;margin-left:auto}.range-label{font-size:13px;font-weight:600;color:#374151}.range-input{width:80px;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:13px;text-align:center}.range-input:focus{outline:none;border-color:#3b82f6}.range-separator{font-size:13px;color:#6b7280}.btn-apply-range{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-apply-range:hover{background:#059669}.csv-selection-info{padding:12px 24px;background:#eff6ff;border-bottom:1px solid #bfdbfe}.csv-selection-info span{font-size:14px;font-weight:600;color:#2563eb}.csv-table-wrapper{flex:1;overflow:auto;padding:0}.csv-table{width:100%;border-collapse:collapse;font-size:13px}.csv-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.csv-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.csv-table td{padding:12px 16px;color:#1f2937;border-bottom:1px solid #e5e7eb}.csv-table tbody tr:hover{background:#f9fafb}.csv-table tbody tr.selected{background:#eff6ff}.csv-table tbody tr.selected:hover{background:#dbeafe}.csv-table .checkbox-col{width:40px;text-align:center}.csv-table .checkbox-col input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.csv-table .index-col{width:50px;text-align:center;color:#9ca3af;font-weight:500}.csv-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#fff}.csv-modal-footer .btn-cancel{padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.csv-modal-footer .btn-cancel:hover{border-color:#d1d5db;background:#f9fafb}.csv-modal-footer .btn-confirm{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.csv-modal-footer .btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.file-selected-container{display:flex;flex-direction:column;gap:8px}.file-actions{display:flex;gap:8px}.btn-view-file{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-file svg{width:16px;height:16px}.btn-view-file:hover{background:#2563eb}.selected-contacts-info{padding:8px 12px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe}.selected-contacts-info .selected-count{font-size:13px;font-weight:600;color:#2563eb}.contact-count{font-size:12px;color:#6b7280;margin-left:8px}.csv-country-filter{padding:16px 24px;background:#fefce8;border-bottom:1px solid #fef08a}.country-filter-input{display:flex;align-items:center;gap:12px}.country-filter-input svg{width:20px;height:20px;color:#ca8a04;flex-shrink:0}.country-code-input{flex:1;padding:10px 14px;border:2px solid #fef08a;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.country-code-input:focus{outline:none;border-color:#eab308;box-shadow:0 0 0 3px #eab30826}.country-code-input::placeholder{color:#a3a3a3}.btn-filter-country{padding:10px 20px;background:#eab308;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-filter-country:hover{background:#ca8a04}.btn-clear-filter{padding:10px 16px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-clear-filter:hover{border-color:#d1d5db;background:#f9fafb}.country-filter-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px dashed #fef08a}.filter-result{font-size:14px;font-weight:600;color:#854d0e}.btn-select-filtered{padding:8px 16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-select-filtered:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.country-filter-empty{margin-top:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:14px;color:#dc2626;text-align:center}.filter-active{color:#ca8a04;font-weight:500}@media (max-width: 768px){.csv-modal-content{width:100%;max-height:100vh;border-radius:0}.csv-modal-controls{flex-direction:column}.csv-range-filter{margin-left:0;flex-wrap:wrap}.range-input{width:70px}.country-filter-input{flex-wrap:wrap}.country-code-input{width:100%;flex:none}.country-filter-actions{flex-direction:column;gap:12px;align-items:stretch}.filter-result{text-align:center}}.create-account-modal{background:#fff;border-radius:20px;max-width:600px;width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.create-account-modal-header{position:relative;padding:32px 32px 24px;text-align:center;border-bottom:1px solid #e5e7eb}.create-account-modal-header .meta-logo{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.create-account-modal-header .meta-logo svg{width:72px;height:72px}.create-account-modal-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1a1a2e}.create-account-modal-header p{margin:0;font-size:14px;color:#6b7280}.create-account-modal-header .btn-close-modal{position:absolute;top:20px;right:20px}.create-account-modal-body{padding:24px 32px}.setup-steps{display:flex;flex-direction:column;gap:16px}.setup-step{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.setup-step:hover{border-color:#25d366;background:#f0fdf4}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h4{margin:0 0 6px;font-size:15px;font-weight:600;color:#1a1a2e}.step-content p{margin:0;font-size:13px;color:#6b7280;line-height:1.5}.setup-note{display:flex;align-items:flex-start;gap:12px;margin-top:24px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px}.setup-note svg{width:20px;height:20px;color:#3b82f6;flex-shrink:0;margin-top:2px}.setup-note p{margin:0;font-size:13px;color:#1e40af;line-height:1.5}.create-account-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 20px 20px}.create-account-modal-footer .btn-secondary{padding:12px 24px}.btn-meta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;width:auto;margin-top:0}.btn-meta svg{width:18px;height:18px}.btn-meta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36659}@media (max-width: 600px){.create-account-modal{max-height:100vh;border-radius:0}.create-account-modal-header{padding:24px 20px 20px}.create-account-modal-header .meta-logo{width:56px;height:56px}.create-account-modal-header .meta-logo svg{width:56px;height:56px}.create-account-modal-header h2{font-size:20px}.create-account-modal-body{padding:20px}.setup-step{padding:12px}.create-account-modal-footer{flex-direction:column;padding:16px 20px}.create-account-modal-footer .btn-secondary,.btn-meta{width:100%;justify-content:center}}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.campaign-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;transition:all .2s ease;display:flex;flex-direction:column}.campaign-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.campaign-status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.campaign-status-badge.completed{background:#d1fae5;color:#065f46}.campaign-status-badge.completed_with_errors{background:#fef3c7;color:#92400e}.campaign-status-badge.sending{background:#dbeafe;color:#1e40af}.campaign-status-badge.failed{background:#fee2e2;color:#991b1b}.campaign-status-badge.draft{background:#f3f4f6;color:#4b5563}.campaign-name{font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.campaign-details{flex:1;display:flex;flex-direction:column;gap:12px}.campaign-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.campaign-detail:last-child{border-bottom:none}.campaign-detail .detail-label{font-size:13px;color:#6b7280}.campaign-detail .detail-value{font-size:14px;font-weight:500;color:#1a1a2e}.campaign-stats-row{display:flex;gap:16px;padding-top:12px;margin-top:8px;border-top:1px solid #e5e7eb}.campaign-stat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.campaign-stat svg{width:16px;height:16px}.campaign-stat.sent{color:#059669}.campaign-stat.sent svg{stroke:#059669}.campaign-stat.failed{color:#dc2626}.campaign-stat.failed svg{stroke:#dc2626}.campaign-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af}@media (max-width: 768px){.campaigns-grid{grid-template-columns:1fr}.campaign-stats-row{flex-direction:column;gap:8px}}.nav-icon-box.green{background:linear-gradient(135deg,#10b981,#059669)}.csv-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.csv-file-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;transition:all .2s ease}.csv-file-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.csv-file-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.csv-file-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;display:flex;align-items:center;justify-content:center}.csv-file-icon svg{width:24px;height:24px;stroke:#fff}.csv-file-name{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.csv-file-filename{font-size:13px;color:#6b7280;margin:0 0 16px;word-break:break-all}.csv-file-details{display:flex;gap:24px;padding:16px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.csv-file-stat{display:flex;flex-direction:column;gap:2px}.csv-file-stat .stat-value{font-size:20px;font-weight:700;color:#1a1a2e}.csv-file-stat .stat-label{font-size:12px;color:#6b7280}.csv-file-footer{margin-top:16px;font-size:12px;color:#9ca3af}.upload-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.csv-source-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-select-saved-csv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 24px;background:#f0fdf4;border:2px dashed #10b981;border-radius:16px;cursor:pointer;transition:all .2s ease}.btn-select-saved-csv:hover{background:#dcfce7;border-color:#059669}.btn-select-saved-csv svg{width:32px;height:32px;stroke:#10b981}.btn-select-saved-csv .select-text{font-size:14px;font-weight:600;color:#059669}.btn-select-saved-csv .select-hint{font-size:12px;color:#6b7280}.saved-badge{background:#d1fae5;color:#059669;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px}.csv-selector-modal{background:#fff;border-radius:20px;max-width:500px;width:95%;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.csv-selector-header{position:relative;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.csv-selector-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1a1a2e}.csv-selector-header p{margin:0;font-size:14px;color:#6b7280}.csv-selector-header .btn-close-modal{position:absolute;top:16px;right:16px}.csv-selector-body{max-height:400px;overflow-y:auto}.csv-selector-list{padding:8px}.csv-selector-item{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.csv-selector-item:hover{background:#f3f4f6}.csv-selector-icon{width:44px;height:44px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csv-selector-icon svg{width:22px;height:22px;stroke:#fff}.csv-selector-info{flex:1;min-width:0}.csv-selector-name{display:block;font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.csv-selector-details{display:block;font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csv-selector-arrow{width:20px;height:20px;stroke:#9ca3af;flex-shrink:0}.empty-csv-list{padding:48px 24px;text-align:center}.empty-csv-list p{margin:0 0 12px;color:#6b7280}.dashboard-layout .campaign-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;transition:all .2s ease}.dashboard-layout .campaign-footer{display:flex;justify-content:space-between;align-items:center}.dashboard-layout .view-details-link{color:#667eea;font-size:12px;font-weight:500}.dashboard-layout .campaign-details-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.dashboard-layout .detail-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.dashboard-layout .detail-stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dashboard-layout .detail-stat-card .stat-icon svg{width:24px;height:24px}.dashboard-layout .detail-stat-card.total .stat-icon{background:#ede9fe;color:#7c3aed}.dashboard-layout .detail-stat-card.sent .stat-icon{background:#fef3c7;color:#f59e0b}.dashboard-layout .detail-stat-card.delivered .stat-icon{background:#d1fae5;color:#10b981}.dashboard-layout .detail-stat-card.read .stat-icon{background:#dbeafe;color:#3b82f6}.dashboard-layout .detail-stat-card.failed .stat-icon{background:#fee2e2;color:#ef4444}.dashboard-layout .detail-stat-card .stat-info{display:flex;flex-direction:column}.dashboard-layout .detail-stat-card .stat-number{font-size:24px;font-weight:700;color:#1f2937}.dashboard-layout .detail-stat-card .stat-label{font-size:13px;color:#6b7280}.dashboard-layout .messages-table-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.dashboard-layout .messages-table-container h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.dashboard-layout .messages-table-wrapper{overflow-x:auto;max-height:500px;overflow-y:auto}.dashboard-layout .messages-table{width:100%;border-collapse:collapse;font-size:14px}.dashboard-layout .messages-table th{text-align:left;padding:12px 16px;background:#f9fafb;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:1}.dashboard-layout .messages-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#4b5563}.dashboard-layout .messages-table tbody tr:hover{background:#f9fafb}.dashboard-layout .status-row.failed{background:#fef2f2}.dashboard-layout .status-row.delivered{background:#f0fdf4}.dashboard-layout .status-row.read{background:#eff6ff}.dashboard-layout .status-cell{display:flex;align-items:center;gap:8px}.dashboard-layout .status-icon{width:18px;height:18px}.dashboard-layout .status-text{font-weight:500}.dashboard-layout .status-text.sent{color:#f59e0b}.dashboard-layout .status-text.delivered{color:#10b981}.dashboard-layout .status-text.read{color:#3b82f6}.dashboard-layout .status-text.failed{color:#ef4444}.dashboard-layout .error-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ef4444;font-size:12px}@media (max-width: 1200px){.dashboard-layout .campaign-details-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dashboard-layout .campaign-details-stats{grid-template-columns:repeat(2,1fr)}.dashboard-layout .messages-table{font-size:12px}.dashboard-layout .messages-table th,.dashboard-layout .messages-table td{padding:8px 12px}}@media (max-width: 480px){.dashboard-layout .campaign-details-stats{grid-template-columns:1fr}}@media (max-width: 768px){.csv-files-grid,.csv-source-options{grid-template-columns:1fr}}