:root{--lemlist-primary:#6c5ce7;--lemlist-primary-hover:#5f4fd8;--lemlist-primary-light:#ede9fe;--success:#00d97e;--warning:#ffa800;--error:#e74c3c;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-size:var(--text-base);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}.container{margin:0 auto;max-width:1400px;padding:32px;padding:var(--space-8)}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.clickable:active{transform:scale(.98)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:767px){.container{padding:16px;padding:var(--space-4)}}@media (min-width:768px){.container{padding:24px;padding:var(--space-6)}}@media (min-width:1024px){.container{padding:32px;padding:var(--space-8)}}.top-navigation{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-xs);height:60px;justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-left,.top-navigation{align-items:center;display:flex}.nav-left{gap:var(--space-8)}.nav-logo{color:var(--gray-900);gap:var(--space-3);text-decoration:none}.logo-icon,.nav-logo{align-items:center;display:flex}.logo-icon{background:var(--lemlist-primary);border-radius:8px;color:#fff;font-size:18px;height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{font-weight:var(--font-bold)}.logo-text{font-size:16px}.workspace-selector{align-items:center;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .2s}.workspace-selector:hover{background:var(--gray-100)}.nav-right{align-items:center;display:flex;gap:var(--space-4)}.notification-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;padding:var(--space-2);position:relative;transition:all .2s}.notification-btn:hover{background:var(--gray-100)}.notification-badge{background:var(--error);border-radius:10px;font-size:10px;padding:2px 5px;position:absolute;right:4px;top:4px}.notification-badge,.upgrade-btn{color:#fff;font-weight:var(--font-semibold)}.upgrade-btn{background:linear-gradient(135deg,var(--lemlist-primary),var(--lemlist-primary-hover));border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all .2s}.upgrade-btn:hover{box-shadow:0 4px 12px #6c5ce74d;transform:translateY(-1px)}.user-menu-container{position:relative}.user-avatar{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2);transition:all .2s}.user-avatar:hover{background:var(--gray-100)}.avatar-circle{background:var(--lemlist-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);height:36px;width:36px}.user-name{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.user-dropdown{animation:fadeIn .2s;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px)}.dropdown-item{background:none;border:none;color:var(--gray-700);display:block;font-size:var(--text-sm);padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.logout{color:var(--error)}.dropdown-divider{background:var(--gray-200);margin:var(--space-2) 0}@media (max-width:768px){.user-name,.workspace-selector{display:none}.top-navigation{padding:0 var(--space-4)}}.left-sidebar{background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:calc(100vh - 60px);position:-webkit-sticky;position:sticky;top:60px;width:240px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-4) 0}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--gray-700);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);margin:0 var(--space-3);padding:12px var(--space-6);text-decoration:none;transition:all .2s}.nav-item:hover{background:var(--gray-100)}.nav-item.active{background:#ede9fe;color:var(--lemlist-primary)}.nav-icon{align-items:center;display:flex;justify-content:center}.nav-label{white-space:nowrap}.sidebar-footer{border-top:1px solid var(--gray-200);padding:var(--space-4) var(--space-6)}.storage-info{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.storage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.storage-label{color:var(--gray-700);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.storage-usage{color:var(--gray-600);font-size:var(--text-xs)}.storage-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden;width:100%}.storage-fill{background:linear-gradient(90deg,var(--lemlist-primary),var(--lemlist-primary-hover));border-radius:3px;height:100%;transition:width .3s}@media (max-width:768px){.left-sidebar{box-shadow:var(--shadow-lg);left:-240px;position:fixed;top:60px;transition:left .3s;z-index:90}.left-sidebar.open{left:0}}.lemlist-layout{background:var(--bg-secondary);min-height:100vh}.layout-content{display:flex}.main-content{background:var(--bg-secondary);flex:1 1;min-height:calc(100vh - 60px);overflow-y:auto;padding:var(--space-6)}@media (max-width:768px){.main-content{padding:var(--space-4)}}.lem-label{color:var(--gray-700);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.lem-label.required:after{color:var(--error);content:" *"}.input-wrapper{position:relative;width:100%}.input-icon,.input-wrapper.has-icon{align-items:center;display:flex}.input-icon{color:var(--gray-400);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.lem-input{background:#fff;border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-900);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.lem-input.with-icon{padding-left:40px}.lem-input:focus{border-color:var(--lemlist-primary);box-shadow:0 0 0 3px #6c5ce71a;outline:none}.lem-input.error{border-color:var(--error)}.lem-input.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.lem-input:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.lem-textarea{font-family:inherit;min-height:120px;resize:vertical}.error-message{align-items:center;color:var(--error);display:flex;font-size:12px;gap:6px;margin-top:6px}.error-message span,.lem-button{font-size:14px}.lem-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;padding:10px 20px;transition:all .2s}.lem-button.primary{background:var(--lemlist-primary);color:#fff}.lem-button.primary:hover:not(:disabled){background:var(--lemlist-primary-hover);box-shadow:0 4px 12px #6c5ce74d;transform:translateY(-1px)}.lem-button.secondary{background:#fff;border:1px solid var(--gray-300);color:var(--gray-700)}.lem-button.secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.lem-button.ghost{background:#0000;color:var(--gray-700)}.lem-button.ghost:hover:not(:disabled){background:var(--gray-100)}.lem-button.danger{background:var(--error);color:#fff}.lem-button.danger:hover:not(:disabled){background:#c0392b}.lem-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.lem-button.sm{font-size:12px;padding:6px 12px}.lem-button.md{font-size:14px;padding:10px 20px}.lem-button.lg{font-size:16px;padding:14px 28px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.button-icon,.login-page{align-items:center;display:flex}.login-page{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;min-height:100vh;padding:var(--space-4)}.login-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:450px;padding:var(--space-10);width:100%}.login-header{margin-bottom:var(--space-8);text-align:center}.logo-large{gap:var(--space-3);margin-bottom:var(--space-4)}.logo-icon-large,.logo-large{align-items:center;display:flex;justify-content:center}.logo-icon-large{background:var(--lemlist-primary);border-radius:12px;color:#fff;height:48px;width:48px}.logo-icon-large,.logo-text-large{font-size:28px;font-weight:var(--font-bold)}.logo-text-large{color:var(--gray-900);margin:0}.login-subtitle{color:var(--gray-600);font-size:var(--text-base);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-footer{margin-top:calc(var(--space-2)*-1);text-align:right}.forgot-link{color:var(--lemlist-primary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none}.forgot-link:hover{text-decoration:underline}.signup-prompt{color:var(--gray-600);font-size:var(--text-sm);margin:0;text-align:center}.signup-link{color:var(--lemlist-primary);font-weight:var(--font-semibold);text-decoration:none}.signup-link:hover{text-decoration:underline}@media (max-width:768px){.login-container{padding:var(--space-6)}}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.register-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--space-10);width:100%}.register-header{margin-bottom:var(--space-8);text-align:center}.register-subtitle{color:var(--gray-600);font-size:var(--text-base);margin:0}.register-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-prompt{color:var(--gray-600);font-size:var(--text-sm);margin:0;text-align:center}.login-link{color:var(--lemlist-primary);font-weight:var(--font-semibold);text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:768px){.register-container{padding:var(--space-6)}.form-row{grid-template-columns:1fr}}.lem-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s}.lem-card.hover-lift{cursor:pointer}.lem-card.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-dot{border-radius:50%;height:8px;width:8px}.badge.active{background:#d1fae5;color:#065f46}.badge.active .badge-dot{background:#00d97e}.badge.paused{background:#fef3c7;color:#92400e}.badge.paused .badge-dot{background:#ffa800}.badge.draft{background:#f3f4f6;color:#6b7280}.badge.draft .badge-dot{background:#d1d5db}.badge.stopped{background:#fee2e2;color:#991b1b}.badge.stopped .badge-dot{background:#e74c3c}.badge.scheduled{background:#dbeafe;color:#1e40af}.badge.scheduled .badge-dot{background:#3b82f6}.loading-spinner{animation:spin .8s linear infinite;border-radius:50%;border-style:solid}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-md{border-width:3px;height:24px;width:24px}.spinner-lg{border-width:4px;height:40px;width:40px}.spinner-primary{border-color:var(--lemlist-primary);border-top-color:#0000}.spinner-white{border-color:#0000 #fff #fff}.spinner-gray{border-color:var(--gray-400);border-top-color:#0000}.spinner-fullscreen{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes spin{to{transform:rotate(1turn)}}.stat-card{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all .3s ease}.stat-card.clickable{cursor:pointer}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.stat-card-primary .stat-icon{background:var(--primary-light);color:var(--primary)}.stat-card-success .stat-icon{background:#00d97e1a;color:var(--success)}.stat-card-warning .stat-icon{background:#ffa8001a;color:var(--warning)}.stat-card-error .stat-icon{background:#e74c3c1a;color:var(--error)}.stat-card-info .stat-icon{background:#3b82f61a;color:var(--info)}.stat-content{flex:1 1;min-width:0}.stat-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-title,.stat-value{margin-bottom:var(--space-2)}.stat-value{color:var(--text-primary);font-size:var(--text-3xl)}.stat-card-primary .stat-value{color:var(--primary)}.stat-subtitle{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-1)}.stat-trend{align-items:center;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);margin-top:var(--space-2)}.stat-trend-up{color:var(--success)}.stat-trend-down{color:var(--error)}.stat-trend-neutral{color:var(--text-tertiary)}.trend-icon{font-size:var(--text-sm)}.trend-value{font-size:var(--text-xs)}@media (max-width:768px){.stat-card{padding:var(--space-4)}.stat-icon{font-size:24px;height:48px;width:48px}.stat-value{font-size:var(--text-2xl)}}.skeleton-container{display:flex;flex-direction:column;gap:12px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:12px;width:60%}.skeleton-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.skeleton-circle{border-radius:50%;height:40px;width:40px}.skeleton-button{border-radius:var(--radius-md);height:40px;width:100px}.skeleton-table{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table-header{background:var(--bg-secondary)}.skeleton-table-header,.skeleton-table-row{grid-gap:16px;border-bottom:1px solid var(--border-color);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:16px}.skeleton-table-row:last-child{border-bottom:none}.dashboard{background:#f9fafb;margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--space-6)}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-4) 0}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-1)}.page-subtitle{color:var(--gray-600);font-size:var(--text-sm);margin:0}.recent-section{margin-bottom:var(--space-10);margin-top:var(--space-10)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.section-title{color:var(--gray-900);font-weight:var(--font-bold);margin:0 0 var(--space-1)}.section-subtitle{color:var(--gray-600);font-size:var(--text-sm);margin:0}.view-all-link{align-items:center;color:var(--lemlist-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);text-decoration:none;transition:all .2s}.view-all-link:hover{color:var(--lemlist-primary-hover);transform:translateX(2px)}.empty-state{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-icon{font-size:64px;margin-bottom:var(--space-4)}.empty-title{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.empty-text{color:var(--gray-600);font-size:var(--text-sm);margin:0 0 var(--space-6);margin-left:auto;margin-right:auto;max-width:400px}.campaigns-grid{grid-gap:var(--space-6);gap:var(--space-6)}.campaign-card-dashboard{border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.campaign-card-dashboard:hover{border-color:var(--lemlist-primary);box-shadow:var(--shadow-md)}.campaign-card-header{margin-bottom:var(--space-4)}.campaign-title-row{gap:var(--space-3)}.status-dot-active{background:var(--success)}.status-dot-paused{background:var(--warning)}.status-dot-completed{background:var(--info)}.status-dot-draft{background:var(--gray-300)}.campaign-title{font-size:var(--text-base);font-weight:var(--font-semibold)}.campaign-description{color:var(--gray-600);font-size:var(--text-sm);margin:0 0 var(--space-4)}.campaign-stats{border-top:1px solid var(--gray-200);gap:var(--space-5);margin-bottom:var(--space-4);padding-top:var(--space-4)}.stat-item{color:var(--gray-700);font-size:var(--text-sm)}.campaign-date,.stat-item svg{color:var(--gray-500)}.campaign-date{font-size:var(--text-xs)}.quick-actions{margin-top:var(--space-10)}.action-cards{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-6)}.action-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-6);text-align:center;transition:all .2s ease}.action-card:hover{border-color:var(--lemlist-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon{align-items:center;background:var(--lemlist-primary-light);border-radius:var(--radius-md);color:var(--lemlist-primary);display:flex;height:56px;justify-content:center;margin:0 auto var(--space-4);width:56px}.action-card h3{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.action-card p{color:var(--gray-600);font-size:var(--text-sm);margin:0}@media (max-width:1024px){.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.stats-grid{gap:var(--space-4)}.action-cards,.campaigns-grid,.stats-grid{grid-template-columns:1fr}.campaign-stats{flex-wrap:wrap}}.lem-dropdown{display:inline-block;position:relative}.lem-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.lem-dropdown-menu{animation:fadeInDown .2s ease-out;background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow:hidden;overflow-y:auto;position:absolute;top:calc(100% + 8px);z-index:100}.lem-dropdown-menu-left{left:0}.lem-dropdown-menu-right{right:0}.lem-dropdown-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:12px;padding:12px 16px;transition:all .2s}.lem-dropdown-item:hover{background:var(--bg-hover)}.lem-dropdown-item.selected{background:var(--primary-light);color:var(--primary);font-weight:var(--font-semibold)}.dropdown-item-icon{align-items:center;display:flex;font-size:var(--text-base)}.lem-dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lem-dropdown-menu::-webkit-scrollbar{width:6px}.lem-dropdown-menu::-webkit-scrollbar-track{background:#0000}.lem-dropdown-menu::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.lem-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.empty-state{padding:var(--space-12)}.empty-state-icon{color:var(--gray-400);font-size:48px;margin-bottom:var(--space-4)}.empty-state-title{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.empty-state-description{color:var(--gray-600);font-size:var(--text-base);margin:0 0 var(--space-6);max-width:400px}.modal-overlay{animation:fadeIn .2s;background:#00000080;inset:0}.modal-content{animation:slideUp .3s;background:#fff;border-radius:12px;box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:24px 32px}.modal-title{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:32px}.modal-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.create-campaign-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-2) 0}.form-divider{align-items:center;display:flex;gap:var(--space-3);margin:var(--space-2) 0}.form-divider:after,.form-divider:before{background:var(--gray-200);content:"";flex:1 1;height:1px}.divider-text{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.confirmation-modal{align-items:center;display:flex;flex-direction:column;gap:24px;padding:8px 0}.confirmation-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:8px;width:80px}.confirmation-icon-danger{background-color:#ef44441a;color:#ef4444}.confirmation-icon-warning{background-color:#f59e0b1a;color:#f59e0b}.confirmation-icon-primary{background-color:#3b82f61a;color:#3b82f6}.confirmation-message{color:#374151;font-size:15px;line-height:1.6;max-width:400px;text-align:center}.confirmation-input-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.confirmation-instruction{color:#6b7280;font-size:14px;margin:0;text-align:center}.confirmation-instruction strong{background-color:#f3f4f6;border-radius:4px;color:#111827;font-family:Courier New,monospace;font-weight:600;padding:2px 6px}.confirmation-actions{display:flex;gap:12px;margin-top:8px;width:100%}@media (prefers-color-scheme:dark){.confirmation-message{color:#d1d5db}.confirmation-instruction{color:#9ca3af}.confirmation-instruction strong{background-color:#374151;color:#f9fafb}}.campaign-list-page{margin:0 auto;max-width:1400px;padding:32px}.page-header{margin-bottom:32px}.page-title{color:var(--gray-900);font-size:30px}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-bar>div:first-child{flex:1 1;min-width:300px}.filter-controls{display:flex;gap:12px}.campaigns-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.campaign-card-list{position:relative}.campaign-card-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:24px;transition:all .2s ease}.campaign-card-dashboard:hover{border-color:#7c4dff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.campaign-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-title-row{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.status-dot-active{background:#00d97e;box-shadow:0 0 8px #00d97e66}.status-dot-paused{background:#ffa800;box-shadow:0 0 8px #ffa80066}.status-dot-completed{background:#3b82f6;box-shadow:0 0 8px #3b82f666}.status-dot-draft{background:#d1d5db}.campaign-title{color:#111827;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;min-height:42px;overflow:hidden}.campaign-stats{border-top:1px solid #e5e7eb;display:flex;gap:20px;margin-bottom:16px;padding-top:16px}.stat-item{align-items:center;color:#374151;font-size:14px;gap:8px}.stat-item svg{color:#9ca3af;flex-shrink:0}.campaign-date{color:#9ca3af;font-size:12px;margin-bottom:12px}.campaign-card-actions{border-top:1px solid #e5e7eb;margin-top:8px;opacity:0;padding-top:16px;pointer-events:none;transform:translateY(8px);transition:all .2s ease}.campaign-card-actions.visible{opacity:1;pointer-events:all;transform:translateY(0)}.action-buttons-row{align-items:center;display:flex;gap:8px}.icon-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.icon-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827;transform:scale(1.05)}.icon-action-btn.duplicate:hover{background:#ede9fe;border-color:#7c4dff;color:#7c4dff}.icon-action-btn.delete:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}@media (max-width:768px){.campaign-list-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.page-title{font-size:24px}.search-bar{flex-direction:column;width:100%}.search-bar>div:first-child{min-width:auto;width:100%}.filter-controls{flex-wrap:wrap;width:100%}.filter-controls button{flex:1 1;min-width:140px}.campaigns-grid{gap:16px;grid-template-columns:1fr}.campaign-card{min-height:auto;padding:20px}.campaign-card-title{font-size:16px}.campaign-card-description,.stat-row{font-size:13px}.campaign-card-actions button{font-size:13px;padding:8px 12px}}@media (min-width:768px) and (max-width:1024px){.campaigns-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.campaigns-grid{grid-template-columns:repeat(3,1fr)}}:root{--tab-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--tab-transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--tab-hover-scale:1.02}.lem-tabs,.lem-tabs-list{position:relative;width:100%}.lem-tabs-list{align-items:center;display:flex;gap:var(--space-2)}.lem-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:var(--gray-600);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:var(--font-medium);justify-content:center;outline:none;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tab-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.lem-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lem-tab-content{gap:var(--space-2);position:relative;z-index:1}.lem-tab-content,.lem-tab-icon{align-items:center;display:inline-flex;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--tab-transition-fast)}.lem-tab-icon{justify-content:center}.lem-tab-icon svg{height:20px;width:20px}.lem-tab-badge,.lem-tab-label{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--tab-transition-fast)}.lem-tab-badge{align-items:center;background:var(--gray-200);border-radius:var(--radius-full);color:var(--gray-700);display:inline-flex;font-size:11px;font-weight:var(--font-bold);height:22px;justify-content:center;line-height:1;min-width:22px;padding:0 7px}.lem-tab:not(.lem-tab-disabled):hover{color:var(--gray-900)}.lem-tab:not(.lem-tab-disabled):hover .lem-tab-icon{transform:translateY(-1px)}.lem-tab:not(.lem-tab-disabled):hover .lem-tab-badge{background:var(--gray-300);transform:scale(1.05)}.lem-tab-active{color:var(--primary);font-weight:var(--font-semibold)}.lem-tab-active .lem-tab-badge{background:var(--primary);box-shadow:0 2px 8px #6366f140;color:#fff}.lem-tab-active .lem-tab-icon{color:var(--primary)}.lem-tab-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.lem-tab-ripple{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute}.lem-tabs-animated .lem-tab:active:not(.lem-tab-disabled) .lem-tab-ripple:before{animation:ripple .6s ease-out;background:radial-gradient(circle,#6366f14d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes ripple{to{height:200px;opacity:0;width:200px}}.lem-tabs-pills .lem-tabs-list{background:var(--gray-100);border-radius:var(--radius-xl);gap:4px;padding:4px}.lem-tabs-pills .lem-tab{border-radius:calc(var(--radius-xl) - 4px);flex:1 1;font-size:var(--text-sm);min-height:42px;padding:10px 20px}.lem-tabs-pills .lem-tab:hover:not(.lem-tab-disabled):not(.lem-tab-active){background:#ffffff80}.lem-tabs-pills .lem-tab-active{background:#fff;box-shadow:0 1px 3px #00000014,0 4px 8px #0000000a}.lem-tabs-underline .lem-tabs-list{border-bottom:2px solid var(--gray-200);gap:2px;padding-bottom:0}.lem-tabs-underline .lem-tab{border-bottom:3px solid #0000;font-size:var(--text-base);margin-bottom:-2px;padding:14px 24px;position:relative}.lem-tabs-underline .lem-tab,.lem-tabs-underline .lem-tab:before{background:#0000;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.lem-tabs-underline .lem-tab:before{content:"";inset:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tab-transition);z-index:0}.lem-tabs-underline .lem-tab:hover:not(.lem-tab-disabled):not(.lem-tab-active):before{background:var(--gray-50)}.lem-tabs-underline .lem-tab-active{border-bottom-color:var(--primary)}.lem-tabs-underline .lem-tab-active:before{background:linear-gradient(180deg,#6366f10d,#0000)}.lem-tabs-underline .lem-tabs-indicator{background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px 3px 0 0;bottom:-2px;box-shadow:0 -2px 10px #6366f166;height:3px;left:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.lem-tabs-cards .lem-tabs-list{gap:12px}.lem-tabs-cards .lem-tab{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d;font-size:var(--text-base);padding:16px 28px}.lem-tabs-cards .lem-tab:hover:not(.lem-tab-disabled):not(.lem-tab-active){border-color:var(--gray-300);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.lem-tabs-cards .lem-tab-active{background:linear-gradient(135deg,#6366f10d,#6366f105);border-color:var(--primary);box-shadow:0 4px 16px #6366f126,inset 0 0 0 1px #6366f11a}.lem-tabs-cards .lem-tab-active:after{background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.lem-tabs-segmented .lem-tabs-list{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);gap:3px;padding:3px}.lem-tabs-segmented .lem-tab{border-radius:calc(var(--radius-xl) - 3px);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);padding:10px 20px}.lem-tabs-segmented .lem-tab-active{background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.lem-tabs-sm .lem-tab{font-size:var(--text-xs);gap:var(--space-1-5);padding:8px 16px}.lem-tabs-sm .lem-tab-icon svg{height:16px;width:16px}.lem-tabs-sm .lem-tab-badge{font-size:10px;height:18px;min-width:18px;padding:0 5px}.lem-tabs-lg .lem-tab{font-size:var(--text-lg);gap:var(--space-3);padding:16px 32px}.lem-tabs-lg .lem-tab-icon svg{height:24px;width:24px}.lem-tabs-lg .lem-tab-badge{font-size:12px;height:26px;min-width:26px;padding:0 9px}.lem-tabs-underline.lem-tabs-sm .lem-tab{padding:10px 18px}.lem-tabs-underline.lem-tabs-lg .lem-tab{padding:18px 36px}.lem-tabs-full .lem-tabs-list{width:100%}.lem-tabs-full .lem-tab{flex:1 1;justify-content:center}.lem-tab-description{background:var(--gray-50);border-left:3px solid var(--primary);border-radius:var(--radius-md);color:var(--gray-600);font-size:var(--text-sm);margin-top:var(--space-2);padding:var(--space-3)}@media (max-width:768px){.lem-tabs-list{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.lem-tabs-list::-webkit-scrollbar{display:none}.lem-tab{flex-shrink:0}.lem-tabs-pills .lem-tab{min-width:120px}.lem-tabs-cards .lem-tabs-list{gap:8px}.lem-tabs-cards .lem-tab{padding:12px 20px}.lem-tabs-underline .lem-tab{font-size:var(--text-sm);padding:12px 20px}}@media (max-width:480px){.lem-tabs-lg .lem-tab{font-size:var(--text-base);padding:12px 24px}.lem-tab-description{font-size:var(--text-xs);padding:var(--space-2)}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes indicatorSlide{0%{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}.lem-tabs-animated .lem-tab{animation:tabFadeIn .3s ease-out backwards}.lem-tabs-animated .lem-tab:first-child{animation-delay:.05s}.lem-tabs-animated .lem-tab:nth-child(2){animation-delay:.1s}.lem-tabs-animated .lem-tab:nth-child(3){animation-delay:.15s}.lem-tabs-animated .lem-tab:nth-child(4){animation-delay:.2s}.lem-tabs-animated .lem-tab:nth-child(5){animation-delay:.25s}.lem-tabs-underline .lem-tabs-indicator{animation:indicatorSlide .3s ease-out}@keyframes tabPulse{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 0 4px #6366f100}}.lem-tabs-pills .lem-tab-active{animation:tabPulse 2s ease-in-out infinite}@media (prefers-color-scheme:dark){.lem-tabs-pills .lem-tabs-list{background:#ffffff0d}.lem-tabs-pills .lem-tab-active{background:#ffffff1a}.lem-tabs-underline .lem-tabs-list{border-bottom-color:#ffffff1a}.lem-tabs-cards .lem-tab{background:#ffffff0d;border-color:#ffffff1a}}@media print{.lem-tab-ripple,.lem-tabs-indicator{display:none!important}.lem-tab{border:1px solid #ccc}.lem-tab-active{border-color:#000;font-weight:700}}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.lem-rich-text-editor{margin-bottom:24px;width:100%}.lem-editor-label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.lem-editor-label .required-mark{color:var(--error);margin-left:4px}.editor-wrapper{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative;transition:all .2s ease}.editor-wrapper:hover{border-color:var(--border-hover)}.editor-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.editor-wrapper.has-error{border-color:var(--error)}.editor-wrapper.has-error:focus-within{box-shadow:0 0 0 3px #ef44441a}.editor-wrapper .quill{background:var(--bg-primary)}.editor-wrapper .ql-toolbar{background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-color);padding:12px}.editor-wrapper .ql-container{border:none;font-family:var(--font-family);font-size:14px;line-height:1.6}.editor-wrapper .ql-editor{color:var(--text-primary);min-height:200px;padding:16px}.editor-wrapper .ql-editor.ql-blank:before{color:var(--text-tertiary);font-style:normal;left:16px}.ql-toolbar button{border-radius:4px;height:32px;padding:4px;transition:all .2s ease;width:32px}.ql-toolbar button:hover{background:var(--bg-hover)}.ql-toolbar button.ql-active{background:var(--primary);color:#fff}.ql-toolbar button:hover .ql-stroke{stroke:var(--primary)}.ql-toolbar button.ql-active .ql-stroke{stroke:#fff}.ql-toolbar button:hover .ql-fill{fill:var(--primary)}.ql-toolbar button.ql-active .ql-fill{fill:#fff}.ql-toolbar .ql-picker{color:var(--text-primary)}.ql-toolbar .ql-picker-label{border-radius:4px;padding:4px 8px;transition:all .2s ease}.ql-toolbar .ql-picker-label:hover{background:var(--bg-hover)}.ql-toolbar .ql-picker-options{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;padding:4px}.ql-toolbar .ql-picker-item{border-radius:4px;color:var(--text-primary);padding:8px 12px;transition:all .2s ease}.ql-toolbar .ql-picker-item:hover{background:var(--bg-hover)}.ql-toolbar .ql-picker-item.ql-selected{background:var(--primary-light);color:var(--primary)}.ql-editor img{border-radius:4px;cursor:pointer;height:auto;max-width:100%}.ql-editor img:hover{box-shadow:var(--shadow-md)}.image-resize-module{box-sizing:border-box;position:absolute}.image-resize-module .image-resize-handle{background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-sm);cursor:nwse-resize;height:12px;position:absolute;width:12px}.image-resize-module .image-resize-handle.handle-ne{cursor:nesw-resize;right:-6px;top:-6px}.image-resize-module .image-resize-handle.handle-se{bottom:-6px;cursor:nwse-resize;right:-6px}.image-resize-module .image-resize-handle.handle-sw{bottom:-6px;cursor:nesw-resize;left:-6px}.image-resize-module .image-resize-handle.handle-nw{cursor:nwse-resize;left:-6px;top:-6px}.lem-editor-error{animation:slideDown .2s ease;color:var(--error);display:block;font-size:13px;margin-top:6px}.ql-editor a{color:var(--primary);text-decoration:underline}.ql-editor a:hover{color:var(--primary-dark)}.ql-editor pre.ql-syntax{background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:6px;color:var(--text-primary);overflow-x:auto;padding:12px}.ql-editor blockquote{border-left:4px solid var(--primary);color:var(--text-secondary);font-style:italic;margin-left:0;padding-left:16px}.ql-editor::-webkit-scrollbar{width:8px}.ql-editor::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.ql-editor::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.ql-editor::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:768px){.ql-toolbar{padding:8px}.ql-toolbar button{height:28px;width:28px}.ql-editor{min-height:150px;padding:12px}}.variable-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;max-height:400px;overflow:hidden;width:300px}.dropdown-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#111827;padding:10px 12px}.dropdown-title{color:#111827;display:block;font-size:13px;font-weight:600;margin-bottom:2px}.dropdown-hint{color:#6b7280;display:block;font-size:11px;font-weight:400}.dropdown-list{max-height:320px;overflow-y:auto;padding:4px}.dropdown-item{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:all .1s ease}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.selected{background:#f3f4f6;border-color:#e5e7eb}.variable-code{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;font-weight:500;padding:2px 6px;white-space:nowrap}.dropdown-item.selected .variable-code{background:#fff;border-color:#d1d5db;color:#111827}.variable-label{color:#4b5563;flex:1 1;font-size:13px;font-weight:400;text-transform:capitalize}.dropdown-item.selected .variable-label{color:#111827;font-weight:500}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f9fafb;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.email-preview-modal{align-items:center;animation:fadeIn .2s ease;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.email-preview-overlay{animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.email-preview-container{background:#fff;border-radius:16px;box-shadow:0 24px 48px #0003,0 8px 16px #0000001a;display:flex;flex-direction:column;max-height:92vh;opacity:0;position:relative;transform:scale(.95) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.email-preview-container.loaded{opacity:1;transform:scale(1) translateY(0)}.email-preview-container.desktop{width:65%}.email-preview-container.mobile{max-width:95%;width:450px}.email-preview-header{align-items:center;background:linear-gradient(180deg,#fff 0,#fafafa);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 32px}.preview-header-left{align-items:center;display:flex;gap:16px}.preview-icon{align-items:center;background:linear-gradient(135deg,#7c4dff,#6a3de8);border-radius:12px;box-shadow:0 4px 12px #7c4dff4d;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.preview-title h3{color:#111827;font-size:18px;font-weight:700;line-height:1.2;margin:0}.preview-subtitle{color:#6b7280;font-size:12px;font-weight:400}.preview-controls{align-items:center;display:flex;gap:16px}.view-mode-toggle{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:4px;padding:4px}.preview-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.preview-mode-btn:hover{background:#7c4dff14;color:#111827}.preview-mode-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#7c4dff}.preview-mode-btn span{font-weight:600}.preview-send-test-btn{align-items:center;background:#7c4dff;border:none;border-radius:10px;box-shadow:0 2px 4px #7c4dff33;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.preview-send-test-btn:hover{background:#6a3de8;box-shadow:0 4px 8px #7c4dff4d;transform:translateY(-1px)}.preview-send-test-btn:active{transform:translateY(0)}.preview-close-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.preview-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:rotate(90deg)}.email-preview-content{background:#f9fafb;flex:1 1;overflow:auto;position:relative}.email-preview-content.desktop{padding:48px}.email-preview-content.mobile{display:flex;justify-content:center;padding:24px}.email-preview-content::-webkit-scrollbar{width:8px}.email-preview-content::-webkit-scrollbar-track{background:#f1f1f1}.email-preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.email-preview-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.email-client-wrapper{margin:0 auto;max-width:100%}.email-preview-content.mobile .email-client-wrapper{max-width:400px}.email-preview-window{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000f;overflow:hidden}.email-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 20px}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:4px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toolbar-btn:hover{background:#f3f4f6;color:#111827}.email-time{color:#6b7280;font-size:12px;margin:0 8px}.email-header-preview{background:#fff;border-bottom:1px solid #f3f4f6;padding:24px 32px}.email-subject-line h2{color:#111827;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 20px}.email-sender-info{align-items:flex-start;display:flex;gap:16px}.sender-avatar{flex-shrink:0}.avatar-circle{align-items:center;background:linear-gradient(135deg,#7c4dff,#6a3de8);border-radius:50%;box-shadow:0 2px 8px #7c4dff4d;color:#fff;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.sender-details{display:flex;flex:1 1;flex-direction:column;gap:6px}.recipient-row,.sender-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sender-name{color:#111827;font-size:14px;font-weight:600}.recipient-email,.sender-email{color:#6b7280;font-size:13px}.email-badge{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-flex;font-size:12px;font-weight:500;padding:2px 8px}.recipient-label{color:#9ca3af;font-size:13px}.recipient-name{color:#111827;font-size:13px;font-weight:500}.email-meta-time{color:#9ca3af;flex-shrink:0;font-size:12px;margin-left:auto}.email-body-preview{background:#fff;max-height:600px;min-height:300px;overflow-y:auto;padding:32px}.email-body-preview::-webkit-scrollbar{width:6px}.email-body-preview::-webkit-scrollbar-track{background:#0000}.email-body-preview::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.email-content{color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.7}.email-content p{margin:0 0 16px}.email-content p:last-child{margin-bottom:0}.email-content h1{font-size:24px;margin:32px 0 16px}.email-content h1,.email-content h2{color:#111827;font-weight:700;line-height:1.3}.email-content h2{font-size:20px;margin:28px 0 14px}.email-content h3{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:24px 0 12px}.email-content a{border-bottom:1px solid #0000;color:#7c4dff;font-weight:500;text-decoration:none;transition:all .2s}.email-content a:hover{border-bottom-color:#7c4dff}.email-content ol,.email-content ul{margin:0 0 16px;padding-left:28px}.email-content li{margin-bottom:8px}.email-content strong{color:#111827;font-weight:600}.email-content code{background:#f3f4f6;border-radius:4px;color:#7c4dff;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.email-content blockquote{background:#f9fafb;border-left:4px solid #7c4dff;color:#6b7280;font-style:italic;margin:16px 0;padding:12px 20px}.email-footer-preview{background:#fafafa;border-top:1px solid #f3f4f6;padding:24px 32px}.reply-actions{display:flex;gap:12px;margin-bottom:20px}.reply-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.reply-btn:hover{background:#f9fafb;border-color:#d1d5db}.reply-btn.primary{background:#7c4dff;border-color:#7c4dff;color:#fff}.reply-btn.primary:hover{background:#6a3de8;border-color:#6a3de8}.email-footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.footer-link{color:#6b7280;text-decoration:none;transition:color .2s}.footer-link:hover{color:#7c4dff;text-decoration:underline}.footer-separator{color:#d1d5db}.preview-info-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:0 0 16px 16px;border-top:1px solid #fcd34d;padding:16px 32px}.info-banner-content{align-items:center;color:#78350f;display:flex;font-size:13px;gap:12px;justify-content:center}.info-icon{flex-shrink:0;font-size:18px}.info-text{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.info-text code{background:#fbbf24;border-radius:4px;color:#78350f;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px}@media (max-width:768px){.email-preview-container.desktop,.email-preview-container.mobile{max-width:65%;width:65%}.email-preview-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.preview-header-left{width:100%}.preview-controls{justify-content:space-between;width:100%}.preview-icon{font-size:20px;height:40px;width:40px}.preview-title h3{font-size:18px}.preview-subtitle{font-size:12px}.preview-mode-btn span{display:none}.preview-mode-btn{padding:8px 12px}.email-preview-content.desktop,.email-preview-content.mobile{padding:16px}.email-header-preview{padding:20px}.email-subject-line h2{font-size:20px}.avatar-circle{font-size:16px;height:40px;width:40px}.email-body-preview{max-height:400px;padding:20px}.email-footer-preview{padding:20px}.reply-actions{flex-direction:column}.reply-btn{justify-content:center;width:100%}.preview-info-banner{padding:12px 16px}.info-banner-content{flex-direction:column;gap:8px}}@media (max-width:1024px) and (min-width:769px){.email-preview-container.desktop{width:65%}.email-preview-content.desktop{padding:32px}}@media print{.email-preview-header,.email-preview-overlay,.email-toolbar,.preview-info-banner{display:none}.email-preview-container{box-shadow:none;max-height:none}.email-preview-content{overflow:visible;padding:0}}.send-btn:hover:not(:disabled){background:#6a3de8}.lead-import-modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.lead-import-modal-container{animation:slideUp .35s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 25px 80px #00000040,0 0 1px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.lead-import-modal-header{align-items:flex-start;background:linear-gradient(180deg,#fafafa 0,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:28px 36px 24px}.lead-import-modal-header h2{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.import-steps-indicator{align-items:center;display:flex;gap:8px}.step-dot{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:50%;color:#9ca3af;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:36px}.step-dot.active{background:linear-gradient(135deg,#7c4dff,#6366f1);border-color:#7c4dff33;box-shadow:0 4px 12px #7c4dff4d,0 0 0 4px #7c4dff1a;color:#fff;transform:scale(1.05)}.step-line{background:#e5e7eb;border-radius:2px;height:3px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:48px}.step-line.active{background:linear-gradient(90deg,#7c4dff,#6366f1)}.modal-close-btn{align-items:center;background:none;border:none;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s cubic-bezier(.16,1,.3,1)}.modal-close-btn:hover{background:#f3f4f6;color:#111827;transform:rotate(90deg)}.modal-close-btn:active{transform:rotate(90deg) scale(.95)}.lead-import-modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:36px 40px}.lead-import-modal-body::-webkit-scrollbar{width:8px}.lead-import-modal-body::-webkit-scrollbar-track{background:#f9fafb}.lead-import-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.lead-import-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.import-step{animation:fadeIn .3s ease}.step-content{margin:0 auto;max-width:600px}.step-header{margin-bottom:24px;text-align:center}.step-header h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.step-header p{color:#6b7280;font-size:13px;margin:0}.upload-illustration{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#7c4dff,#6366f1);border-radius:50%;box-shadow:0 12px 40px #7c4dff4d,0 0 0 10px #7c4dff1a;color:#fff;display:flex;height:140px;justify-content:center;margin:0 auto 32px;width:140px}.upload-step h3{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px;text-align:center}.upload-step>p{color:#6b7280;font-size:15px;line-height:1.7;margin:0 auto 40px;max-width:520px;text-align:center}.file-upload-area{background:linear-gradient(180deg,#fafafa 0,#fff);border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;margin-bottom:32px;padding:56px 32px;position:relative;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.file-upload-area:before{background:linear-gradient(135deg,#0000,#7c4dff26);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.file-upload-area:hover{background:linear-gradient(180deg,#f9fafb 0,#fefefe);border-color:#7c4dff;box-shadow:0 8px 24px #7c4dff1f;transform:translateY(-2px)}.file-upload-area:hover:before{opacity:1}.file-upload-area.dragging{background:linear-gradient(135deg,#7c4dff0d,#6366f10d);border-color:#7c4dff;border-style:solid;transform:scale(1.02)}.file-upload-label{align-items:center;color:#7c4dff;cursor:pointer;display:flex;flex-direction:column;gap:14px}.file-upload-label svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.file-upload-area:hover .file-upload-label svg{transform:translateY(-4px)}.file-upload-label span{color:#374151;font-size:16px;font-weight:600}.file-upload-label small{color:#9ca3af;font-size:14px;font-weight:500}.upload-tips{background:linear-gradient(135deg,#f9fafb,#fefefe);border:1px solid #e5e7eb;border-radius:14px;margin-bottom:28px;padding:28px}.upload-tips h4{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:700;gap:8px;margin:0 0 16px}.upload-tips h4:before{content:"💡";font-size:18px}.upload-tips ul{color:#6b7280;line-height:2;margin:0;padding-left:24px}.upload-tips li{font-size:14px;margin-bottom:8px}.sample-csv-link{background:linear-gradient(135deg,#7c4dff0d,#6366f10d);border:1px dashed #7c4dff4d;border-radius:12px;padding:16px;text-align:center}.sample-csv-link a{align-items:center;color:#7c4dff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;text-decoration:none;transition:all .2s ease}.sample-csv-link a:hover{color:#6366f1;transform:translateX(4px)}.sample-csv-link a:before{content:"⬇"}.mapping-container{display:flex;flex-direction:column;gap:32px}.csv-preview-section h4,.field-mapping-section h4{color:#111827;font-size:15px;font-weight:600;margin:0 0 16px}.csv-preview-table{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;overflow-x:auto}.csv-preview-table table{border-collapse:collapse;width:100%}.csv-preview-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#111827;font-weight:600;text-align:left}.csv-preview-table td,.csv-preview-table th{font-size:13px;padding:12px;white-space:nowrap}.csv-preview-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis}.csv-preview-section small{color:#9ca3af;font-size:13px}.mapping-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mapping-row{grid-gap:16px;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:16px;grid-template-columns:1fr auto 1.2fr;padding:16px}.csv-column{display:flex;flex-direction:column;gap:4px}.column-name{color:#111827;font-size:14px;font-weight:600}.column-sample{color:#9ca3af;font-size:12px;font-style:italic}.mapping-arrow{color:#9ca3af;font-size:20px;font-weight:300}.mapped-field{display:flex;flex-direction:column;gap:8px}.field-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.field-select:focus,.field-select:hover{border-color:#6366f1}.field-select:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}.create-custom-btn{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.create-custom-btn:hover{background:#f9fafb;border-color:#6366f1}.field-info{align-items:center;background:#fff;border-radius:6px;color:#6b7280;display:flex;font-size:12px;gap:8px;padding:8px}.field-info svg{flex-shrink:0}.unmapped-warning{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:12px;margin-bottom:16px;padding:12px 16px}.unmapped-warning svg{color:#f59e0b;flex-shrink:0}.required-fields-check{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.required-fields-check h5{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.required-fields-list{display:flex;flex-wrap:wrap;gap:12px}.required-field{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.required-field.mapped{background:#d1fae5;color:#065f46}.required-field.unmapped{background:#fee2e2;color:#991b1b}.required-field svg{flex-shrink:0}.import-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.stat-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center}.stat-card.success{background:#d1fae5;border-color:#10b981}.stat-card.warning{background:#fef3c7;border-color:#f59e0b}.stat-card.error{background:#fee2e2;border-color:#ef4444}.stat-value{color:#111827;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;letter-spacing:.05em}.validation-section{border:1px solid;border-radius:12px;margin-bottom:24px;padding:16px}.validation-section h4{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.error-section{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.duplicate-section{background:#fef3c7;border-color:#fcd34d;color:#92400e}.duplicate-list,.error-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.duplicate-item,.error-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:13px;gap:12px;padding:10px 12px}.dup-row,.error-row{font-weight:600;min-width:60px}.error-field{font-weight:500;min-width:100px}.dup-email,.error-message{color:#6b7280;flex:1 1}.validation-section small{color:#6b7280;font-size:12px;font-style:italic}.mapped-data-preview{margin-bottom:24px}.mapped-data-preview h4{color:#111827;font-size:15px;font-weight:600;margin:0 0 16px}.preview-table{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.preview-table table{border-collapse:collapse;width:100%}.preview-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#111827;font-size:13px;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.preview-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:13px;padding:12px}.import-warning{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;gap:12px;padding:16px}.import-warning svg{flex-shrink:0;margin-top:2px}.import-warning p{font-size:13px;line-height:1.6;margin:0}.success-step{align-items:center;display:flex;justify-content:center;min-height:400px}.success-content{max-width:500px;text-align:center}.success-icon{color:#10b981;margin-bottom:24px}.success-content h3{color:#111827;font-size:24px;font-weight:700;margin:0 0 12px}.success-content>p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 32px}.success-stats{display:flex;gap:32px;justify-content:center}.success-stat{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:20px}.success-stat .stat-label{color:#6b7280;font-size:12px;font-weight:500}.success-stat .stat-value{color:#111827;font-size:28px;font-weight:700}.lead-import-modal-footer{align-items:center;background:linear-gradient(0deg,#fafafa 0,#fff);border-radius:0 0 20px 20px;border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px #00000005;display:flex;gap:12px;justify-content:flex-end;padding:24px 36px}@media (max-width:768px){.lead-import-modal-container{max-height:95vh;width:95%}.lead-import-modal-footer,.lead-import-modal-header{padding:16px 20px}.lead-import-modal-body{padding:20px}.mapping-row{gap:12px;grid-template-columns:1fr}.mapping-arrow{align-self:center;transform:rotate(90deg)}.import-stats-grid{grid-template-columns:repeat(2,1fr)}.success-stats{flex-direction:column;gap:16px}}.add-lead-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-2) 0}.modal-actions{margin-top:var(--space-4)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.quick-insights{animation:fadeIn .4s ease-out;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #7c4dff;border-radius:20px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;overflow:hidden;padding:28px;position:relative}.insight-header{margin-bottom:24px}.insight-header h3{align-items:center;color:#7c4dff;display:flex;font-size:22px;font-weight:700;gap:8px;margin:0 0 6px}.insight-subtitle{color:#6b7280;font-size:14px;font-weight:500}.insight-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.insight-card{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;border-top:3px solid #0000;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.insight-card:after{background:linear-gradient(90deg,#7c4dff,#9c7eff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:-3px;transition:opacity .3s ease}.insight-card:hover{background:#fff;border-color:#7c4dff;box-shadow:0 8px 24px #7c4dff26;transform:translateY(-4px)}.insight-card:hover:after{opacity:1}.insight-icon{align-items:center;background:#f3f0ff;border-radius:12px;color:#7c4dff;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.insight-content{flex:1 1}.insight-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.insight-value{color:#1f2937;font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.insight-detail{color:#6b7280;font-size:13px;font-weight:500}.analytics-container{animation:fadeIn .3s ease-in;background:#f9fafb;max-height:calc(100vh - 120px);overflow-y:auto;padding:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-bottom:3px solid #7c4dff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 24px;position:relative}@keyframes shimmerBorder{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.analytics-header h2{color:#7c4dff;font-size:28px;font-weight:700;margin:0}.live-indicator{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;display:flex;font-size:14px;gap:10px;padding:8px 16px}.live-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e33;height:10px;width:10px}.live-dot.pulsing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.last-update{color:#9ca3af;font-size:12px;font-weight:500}.refresh-btn{align-items:center;background:#fff;border:1px solid #7c4dff;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#7c4dff;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.refresh-btn:before{background:linear-gradient(135deg,#7c4dff,#9c7eff);border-radius:10px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease}.refresh-btn:hover:before{opacity:1}.refresh-btn:hover{background:#7c4dff;box-shadow:0 4px 16px #7c4dff4d;color:#fff;transform:translateY(-2px) rotate(180deg)}.refresh-btn:active{transform:translateY(0) rotate(180deg)}.metrics-dashboard{animation:slideInUp .6s cubic-bezier(.16,1,.3,1);margin-bottom:32px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));perspective:1000px}.metric-cube{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #00000014,0 1px 2px #0000000d,inset 0 1px 1px #ffffffe6;cursor:pointer;overflow:hidden;padding:28px 24px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.16,1,.3,1)}.metric-cube:before{background:var(--card-gradient);border-radius:24px;content:"";height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:0}.metric-cube.hovered{border-color:var(--card-color);box-shadow:0 24px 48px #0000001f,0 12px 24px var(--glow-color),inset 0 1px 1px #fff;transform:translateY(-12px) scale(1.02)}.metric-cube.hovered:before{opacity:.05}.metric-orb{animation:orbFloat 6s ease-in-out infinite;background:var(--card-gradient);border-radius:50%;filter:blur(60px);height:200px;opacity:0;position:absolute;right:-30%;top:-40%;transition:all .6s cubic-bezier(.16,1,.3,1);width:200px;z-index:0}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-10px,10px) scale(1.1)}66%{transform:translate(10px,-10px) scale(.9)}}.metric-cube.hovered .metric-orb{opacity:.15}.metric-glow{background:var(--card-gradient);border-radius:24px;filter:blur(20px);inset:-2px;opacity:0;position:absolute;transition:opacity .5s ease;z-index:-1}.metric-cube.hovered .metric-glow{opacity:.3}.metric-top{justify-content:space-between;margin-bottom:20px;z-index:1}.metric-icon-circle,.metric-top{align-items:center;display:flex;position:relative}.metric-icon-circle{background:linear-gradient(135deg,#fff,#fffc);border:2px solid #0000000d;border-radius:16px;color:var(--card-color);height:52px;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);width:52px}.metric-icon-circle:before{background:var(--card-gradient);border-radius:16px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.metric-icon-circle svg{position:relative;transition:all .4s ease;z-index:1}.metric-cube.hovered .metric-icon-circle{border-color:var(--card-color);transform:rotate(-10deg) scale(1.1)}.metric-cube.hovered .metric-icon-circle:before{opacity:.15}.metric-cube.hovered .metric-icon-circle svg{filter:drop-shadow(0 2px 8px var(--glow-color));transform:scale(1.1)}.metric-trend-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:12px;font-weight:700;gap:4px;padding:6px 12px;transition:all .3s ease}.metric-trend-badge.up{background:linear-gradient(135deg,#10b98126,#0596691a);border:1px solid #10b9814d;color:#059669}.metric-trend-badge.down{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;color:#dc2626}.metric-cube.hovered .metric-trend-badge{box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.metric-middle{margin-bottom:20px;position:relative;z-index:1}.metric-value-display{margin-bottom:8px;position:relative}.metric-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;display:block;font-size:44px;font-weight:900;letter-spacing:-2px;line-height:1;transition:all .4s cubic-bezier(.16,1,.3,1)}.metric-cube.hovered .metric-number{-webkit-text-fill-color:#0000;background:var(--card-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 8px var(--glow-color));transform:scale(1.05)}.metric-sparkle-container{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:100%}.sparkle{animation:sparkleFloat 1.5s ease-out forwards;font-size:16px;opacity:0;position:absolute}.sparkle-1{animation-delay:0s;right:20%;top:0}.sparkle-2{animation-delay:.2s;right:10%;top:30%}.sparkle-3{animation-delay:.4s;right:30%;top:15%}@keyframes sparkleFloat{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(10px,-30px) scale(1)}}.metric-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.8px;margin:0;text-transform:uppercase;transition:color .3s ease}.metric-cube.hovered .metric-label{color:var(--card-color)}.metric-bottom{position:relative;z-index:1}.metric-progress-container{align-items:center;display:flex;gap:10px;margin-bottom:12px}.metric-progress-track{background:linear-gradient(90deg,#f1f5f9,#e2e8f0);box-shadow:inset 0 1px 2px #0000001a;flex:1 1;height:6px}.metric-progress-active,.metric-progress-track{border-radius:999px;overflow:hidden;position:relative}.metric-progress-active{background:var(--card-gradient);box-shadow:0 2px 8px var(--glow-color);height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.progress-shine{animation:shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:200%}}.metric-cube.hovered .progress-shine{animation-duration:1s}.metric-percentage-label{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #0000000d;border-radius:8px;color:var(--card-color);display:flex;font-size:12px;font-weight:700;gap:4px;padding:4px 10px;transition:all .3s ease;white-space:nowrap}.metric-cube.hovered .metric-percentage-label{background:var(--card-gradient);box-shadow:0 4px 12px var(--glow-color);color:#fff;transform:scale(1.05)}.metric-description{color:#94a3b8;font-size:12px;font-weight:500;margin:0;transition:color .3s ease}.metric-cube.hovered .metric-description{color:#64748b}.step-performance-modern{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.step-metric-cube{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #00000014,0 1px 2px #0000000d,inset 0 1px 1px #ffffffe6;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1)}.step-metric-cube:before{background:var(--step-gradient);border-radius:24px;content:"";height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:0}.step-metric-cube.hovered{border-color:var(--step-color);box-shadow:0 24px 48px #0000001f,0 12px 24px var(--step-glow),inset 0 1px 1px #fff;transform:translateY(-12px) scale(1.02)}.step-metric-cube.hovered:before{opacity:.05}.step-number-badge{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #0000001a;border-radius:12px;color:var(--step-color);font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px;transition:all .3s ease;z-index:2}.step-metric-cube.hovered .step-number-badge{background:var(--step-gradient);color:#fff;transform:scale(1.05)}.step-cube-header{margin-bottom:20px;position:relative;z-index:1}.step-title-section{padding-right:60px}.step-title-text{color:#1e293b;font-size:16px;font-weight:700;line-height:1.3;margin:0 0 6px;transition:color .3s ease}.step-metric-cube.hovered .step-title-text{color:var(--step-color)}.step-subject-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.step-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;position:relative;z-index:1}.step-mini-metric{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #0000000d;border-radius:12px;display:flex;gap:8px;padding:12px;transition:all .3s ease}.step-metric-cube.hovered .step-mini-metric{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.mini-metric-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.mini-metric-content{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-metric-value{color:#1e293b;font-size:16px;font-weight:800;line-height:1}.mini-metric-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.step-performance-stats{display:flex;gap:16px;margin-bottom:16px;position:relative;z-index:1}.perf-stat-item{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #0000000d;border-radius:12px;flex:1 1;padding:12px;transition:all .3s ease}.step-metric-cube.hovered .perf-stat-item{border-color:var(--step-color);box-shadow:0 2px 8px #0000000f}.perf-stat-label{color:#94a3b8;display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.perf-stat-value-container{align-items:center;display:flex;gap:6px}.perf-stat-value{color:#1e293b;font-size:20px;font-weight:800;line-height:1}.step-progress-section{align-items:center;display:flex;gap:10px;position:relative;z-index:1}.lead-status-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.status-metric-cube{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #00000014,0 1px 2px #0000000d,inset 0 1px 1px #ffffffe6;cursor:pointer;overflow:hidden;padding:24px 20px;position:relative;text-align:center;transition:all .5s cubic-bezier(.16,1,.3,1)}.status-metric-cube:before{background:var(--status-gradient);border-radius:24px;content:"";height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:0}.status-metric-cube.hovered{border-color:var(--status-color);box-shadow:0 24px 48px #0000001f,0 12px 24px var(--status-glow),inset 0 1px 1px #fff;transform:translateY(-12px) scale(1.05)}.status-metric-cube.hovered:before{opacity:.08}.status-icon-circle{align-items:center;border:2px solid #0000000d;border-radius:16px;display:flex;height:56px;justify-content:center;margin:0 auto 16px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:56px;z-index:1}.status-metric-cube.hovered .status-icon-circle{border-color:var(--status-color);box-shadow:0 8px 24px var(--status-glow);transform:rotate(-10deg) scale(1.15)}.status-value-display{margin-bottom:8px;position:relative;z-index:1}.status-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;display:block;font-size:40px;font-weight:900;letter-spacing:-2px;line-height:1;transition:all .4s cubic-bezier(.16,1,.3,1)}.status-metric-cube.hovered .status-number{-webkit-text-fill-color:#0000;background:var(--status-gradient);-webkit-background-clip:text;background-clip:text;transform:scale(1.1)}.status-sparkle-container{height:100%;pointer-events:none;position:absolute;right:0;top:0;width:100%}.status-label-text{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.8px;margin:0 0 16px;position:relative;text-transform:uppercase;transition:color .3s ease;z-index:1}.status-metric-cube.hovered .status-label-text{color:var(--status-color)}.status-progress-section{position:relative;z-index:1}@media (max-width:1024px){.step-performance-modern{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.lead-status-modern{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.step-metrics-grid,.step-performance-modern{grid-template-columns:1fr}.lead-status-modern{gap:12px;grid-template-columns:repeat(2,1fr)}.status-metric-cube{padding:20px 16px}.status-icon-circle{height:48px;width:48px}.status-number{font-size:32px}}.step-performance-section{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #7c4dff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;padding:28px;position:relative}.step-performance-section h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:24px}.step-performance-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-performance-card:before{background:linear-gradient(180deg,#7c4dff,#9c7eff);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.step-performance-card:hover{background:#fff;border-color:#7c4dff;box-shadow:0 4px 16px #7c4dff1a;transform:translateX(4px)}.step-performance-card:hover:before{opacity:1}.step-header{cursor:pointer;padding:20px;transition:background .2s}.step-header:hover{background:#7c4dff08}.step-number{color:#7c4dff;font-size:20px;font-weight:800;margin-right:20px;min-width:35px}.step-info{min-width:200px}.step-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.step-subject{color:#6b7280;margin:0}.step-metrics-summary{display:flex;gap:12px;margin-right:20px}.metric-badge{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 4px #0000000d;color:#4b5563;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s}.metric-badge:hover{border-color:#7c4dff;transform:scale(1.05)}.step-progress{align-items:center;display:flex;gap:12px;margin-right:12px;min-width:180px}.step-progress .progress-bar{background:#f3f4f6;border-radius:10px;box-shadow:inset 0 2px 4px #0000000f;flex:1 1;height:10px;overflow:hidden}.step-progress .progress-bar .fill{background:linear-gradient(90deg,#7c4dff,#9c7eff);box-shadow:0 2px 8px #7c4dff66;height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.step-progress .progress-bar .fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-label{color:#7c4dff;font-size:15px;font-weight:700;min-width:50px;text-align:right}.expand-icon{color:#9ca3af;transition:transform .2s}.expand-icon.open{transform:rotate(180deg)}.step-details{animation:slideDown .3s ease-out;background:#fff;border-top:2px solid #f3f4f6;padding:20px 20px 20px 75px}.step-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-item{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;transition:all .2s}.stat-item:hover{border-color:#7c4dff;box-shadow:0 4px 12px #7c4dff1a;transform:translateY(-2px)}.stat-label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:8px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c4dff,#9c7eff);-webkit-background-clip:text;background-clip:text;display:block;font-size:24px;font-weight:800}.view-step-leads-btn{background:#fff;border:1px solid #7c4dff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#7c4dff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.view-step-leads-btn:before{background:linear-gradient(135deg,#7c4dff,#9c7eff);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.view-step-leads-btn span{position:relative;z-index:1}.view-step-leads-btn:hover:before{opacity:1}.view-step-leads-btn:hover{box-shadow:0 4px 16px #7c4dff4d;color:#fff;transform:translateY(-2px)}.view-step-leads-btn:active{transform:translateY(0)}.lead-status-overview{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #7c4dff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;padding:28px;position:relative}.lead-status-overview h3{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:24px}.status-pills-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.status-pill{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;cursor:pointer;display:inline-flex;gap:10px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-pill:before{background:currentColor;bottom:0;left:0;top:0;width:3px}.status-pill:after,.status-pill:before{content:"";opacity:0;position:absolute;transition:opacity .3s ease}.status-pill:after{background:linear-gradient(135deg,currentColor,currentColor);border-radius:24px;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.status-pill:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px) scale(1.05)}.status-pill:hover:before{opacity:1}.status-pill:hover:after{opacity:.6}.status-pill.active{background:#f0fdf4;border-color:#22c55e;color:#22c55e}.status-pill.completed{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.status-pill.paused{background:#fffbeb;border-color:#f59e0b;color:#f59e0b}.status-pill.replied{background:#f5f3ff;border-color:#8b5cf6;color:#8b5cf6}.status-pill.bounced{background:#fef2f2;border-color:#ef4444;color:#ef4444}.status-pill.unsubscribed{background:#f9fafb;border-color:#6b7280;color:#6b7280}.status-dot{animation:bounce 2s ease-in-out infinite;font-size:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.status-label{color:inherit;font-size:14px;font-weight:600}.status-count{background:#0000000d;border-radius:12px;color:inherit;font-size:18px;font-weight:800;min-width:28px;padding:2px 8px;text-align:center}.view-all-leads-btn{background:#fff;border:2px solid #7c4dff;border-radius:12px;color:#7c4dff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.view-all-leads-btn:hover{background:linear-gradient(135deg,#7c4dff,#9c7eff);box-shadow:0 6px 20px #7c4dff4d;color:#fff;transform:translateY(-2px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.lead-timeline-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:750px;overflow-y:auto;width:100%}.timeline-header{align-items:center;background:#fff;border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#7c4dff,#9c7eff);border-image-slice:1;border-radius:20px 20px 0 0;color:#1f2937;display:flex;gap:20px;padding:32px;position:relative}.timeline-header:after{animation:shimmerBorder 3s ease-in-out infinite;background:linear-gradient(90deg,#7c4dff,#9c7eff 50%,#7c4dff);background-size:200% 100%;bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}.lead-avatar{align-items:center;background:#f3f0ff;background-clip:padding-box;border:2px solid #0000;border-radius:50%;box-shadow:0 4px 12px #7c4dff33;color:#7c4dff;display:flex;font-size:28px;font-weight:800;height:64px;justify-content:center;position:relative;width:64px}.lead-avatar:before{background:linear-gradient(135deg,#7c4dff,#9c7eff);border-radius:50%;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.timeline-header .lead-info{flex:1 1}.timeline-header .lead-info h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 6px}.timeline-header .lead-info p{color:#6b7280;font-size:15px;margin:0}.close-btn{align-items:center;background:#fff;border:1px solid #7c4dff;border-radius:50%;color:#7c4dff;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s;width:40px}.close-btn:before{background:linear-gradient(135deg,#7c4dff,#9c7eff);border-radius:50%;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.close-btn svg{position:relative;z-index:1}.close-btn:hover:before{opacity:1}.close-btn:hover{color:#fff;transform:rotate(90deg)}.timeline-stats{grid-gap:2px;background:#f3f4f6;display:grid;gap:2px;grid-template-columns:repeat(4,1fr)}.timeline-stats .stat{background:#fff;padding:24px;text-align:center;transition:all .2s}.timeline-stats .stat:hover{background:#f9fafb;transform:scale(1.05)}.timeline-stats .stat-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px;margin-bottom:12px}.timeline-stats .stat-value{color:#7c4dff;display:block;font-size:32px;font-weight:800;margin-bottom:6px}.timeline-stats .stat-label{color:#6b7280;display:block;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.activity-timeline{background:#fafbfc;padding:32px}.activity-timeline h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:28px}.timeline-item{animation:fadeInUp .4s ease-out backwards;padding-bottom:32px;padding-left:56px;position:relative}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:last-child{padding-bottom:0}.timeline-line{background:linear-gradient(180deg,#e5e7eb,#f3f4f6);height:calc(100% - 12px);left:19px;position:absolute;top:44px;width:3px}.timeline-dot{align-items:center;background:#fff;border:3px solid #7c4dff;box-shadow:0 4px 12px #7c4dff33;display:flex;font-size:18px;height:40px;justify-content:center;left:0;position:absolute;top:6px;transition:all .3s;width:40px;z-index:1}.timeline-dot:hover{box-shadow:0 6px 16px #7c4dff4d;transform:scale(1.15) rotate(10deg)}.timeline-dot.sent{background:#ede9fe;border-color:#7c4dff}.timeline-dot.opened{background:#dcfce7;border-color:#22c55e}.timeline-dot.clicked{background:#dbeafe;border-color:#3b82f6}.timeline-dot.replied{background:#f3e8ff;border-color:#8b5cf6}.timeline-dot.bounced{background:#fee2e2;border-color:#ef4444}.timeline-dot.unsubscribed{background:#f3f4f6;border-color:#6b7280}.timeline-content{background:#fff;border:1px solid #f3f4f6;border-left:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px;position:relative;transition:all .2s}.timeline-content:before{background:linear-gradient(180deg,#7c4dff,#9c7eff);bottom:0;content:"";left:-3px;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.timeline-content:hover{box-shadow:0 4px 16px #7c4dff26;transform:translateX(4px)}.timeline-content:hover:before{opacity:1}.timeline-event{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.event-type{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:12px;color:#7c4dff;font-size:13px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.event-time{color:#6b7280;font-size:13px;font-weight:500}.event-details{border-left:3px solid #f3f4f6;color:#4b5563;font-size:14px;line-height:1.6;padding-left:12px}.event-details strong{color:#1f2937;font-weight:600}.event-details a{color:#7c4dff;font-weight:500;text-decoration:none;transition:all .2s}.event-details a:hover{color:#6a3de8;text-decoration:underline}.no-activities{color:#9ca3af;padding:60px 20px;text-align:center}.no-activities p{font-size:16px;margin-bottom:16px}@media (max-width:1200px){.analytics-overview-grid,.insight-cards,.step-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-container{padding:16px}.analytics-overview-grid,.insight-cards{grid-template-columns:1fr}.step-header{flex-wrap:wrap;gap:12px}.step-metrics-summary{justify-content:space-around;order:3;width:100%}.step-progress{min-width:120px;order:2}.step-stats-grid{grid-template-columns:1fr}.status-pills-container{flex-direction:column}.status-pill{justify-content:space-between}.timeline-stats{grid-template-columns:repeat(2,1fr)}.lead-timeline-modal{margin:0;max-height:95vh}}@media (max-width:480px){.stat-value{font-size:28px}.stat-icon-wrapper{height:40px;width:40px}.timeline-header{flex-wrap:wrap}.lead-avatar{font-size:20px;height:48px;width:48px}}.analytics-loading{align-items:center;animation:fadeIn .3s ease-in;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;min-height:400px}.analytics-loading p{font-size:16px;font-weight:500;margin-top:16px}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.analytics-empty-state{animation:fadeIn .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014;margin:20px 0;padding:80px 20px;text-align:center}.analytics-empty-state:before{animation:float 3s ease-in-out infinite;content:"📊";display:block;font-size:80px;margin-bottom:24px}.analytics-empty-state h3{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:12px}.analytics-empty-state p{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:28px}.analytics-empty-state button{background:#fff;border:1px solid #7c4dff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#7c4dff;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-empty-state button:before{background:linear-gradient(135deg,#7c4dff,#9c7eff);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.analytics-empty-state button span{position:relative;z-index:1}.analytics-empty-state button:hover:before{opacity:1}.analytics-empty-state button:hover{box-shadow:0 6px 20px #7c4dff4d;color:#fff;transform:translateY(-3px)}.analytics-empty-state button:active{transform:translateY(-1px)}.campaign-detail-page{margin:0 auto;max-width:1200px}.campaign-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.header-left{align-items:center;display:flex;gap:var(--space-3)}.campaign-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.campaign-info-header{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-3)}.campaign-title{color:var(--gray-900);font-size:18px;font-weight:var(--font-bold);line-height:1.3;margin:0}.campaign-description{color:var(--gray-500);font-size:var(--text-xs);line-height:1.4;margin:4px 0 0}.campaign-stats-grid{border-top:1px solid #f3f4f6;gap:var(--space-6);padding-top:var(--space-3)}.campaign-stats-grid,.stat-box{align-items:center;display:flex}.stat-box{background:#0000;border-radius:0;gap:var(--space-2);padding:0;transition:all .2s ease}.stat-box:hover{background:#0000;transform:none}.stat-box:hover .stat-icon{transform:scale(1.1)}.stat-icon{color:var(--primary);flex-shrink:0;transition:transform .2s ease}.stat-value{color:var(--gray-900);font-size:18px;line-height:1}.stat-label{color:var(--gray-500);font-weight:500;letter-spacing:.3px;margin-top:2px}.lemlist-sequence-section{display:flex;gap:var(--space-6);margin:var(--space-8) 0;min-height:600px;padding:0 var(--space-4);transition:gap .3s ease}.sequence-left{flex:1 1;margin:0 auto;max-width:600px;transition:all .3s ease}.lemlist-sequence-section:has(.sequence-right) .sequence-left{flex:0 0 30%;max-width:none}.sequence-header h2{color:var(--gray-800);font-size:18px;font-weight:600;margin:0 0 var(--space-6) 0}.sequence-container{align-items:center;display:flex;flex-direction:column;position:relative}.sequence-right{animation:slideInRight .3s ease-out;flex:0 0 67%;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 120px);position:-webkit-sticky;position:sticky}.step-editor-panel{background:#fff;border:2px solid #7c4dff;border-radius:16px;box-shadow:0 8px 24px #7c4dff26;overflow:hidden}.step-editor-header{align-items:center;background:linear-gradient(135deg,#7c4dff,#6c5ce7);border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:10px}.step-editor-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.close-panel-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.close-panel-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.step-editor-form{display:flex;flex-direction:column;gap:var(--space-5);max-height:calc(100vh - 240px);overflow-y:auto;padding:var(--space-6)}.step-variables{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:var(--space-4)}.step-variables h4{color:var(--gray-900);font-size:14px;font-weight:600;margin:0 0 var(--space-3) 0}.variables-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.variables-list code{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#7c4dff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.variables-list code:hover{background:#7c4dff;border-color:#7c4dff;color:#fff}.step-editor-actions{border-top:1px solid #e5e7eb;display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4)}.sequence-start{align-items:center;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:12px;color:#9ca3af;display:flex;font-size:13px;font-weight:500;justify-content:center;max-width:480px;padding:10px 20px;transition:all .2s ease;width:40%}.sequence-start:hover{background:#f5f5f5;border-color:#d1d5db}.sequence-line{background:#e5e7eb;height:24px;margin:0;width:2px}.timing-indicator{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:20px;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:8px;margin:0;padding:10px 16px;transition:all .2s ease}.timing-indicator:hover{background:#f3f4f6;border-color:#d1d5db}.timing-indicator svg{color:#7c4dff;flex-shrink:0}.timing-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:4px;opacity:0;transition:all .2s ease;width:24px}.timing-indicator:hover .timing-edit-btn{opacity:1}.timing-edit-btn:hover{background:#fff;color:#6b7280}.lemlist-step-card{border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000a;cursor:default;display:flex;gap:14px;max-width:480px;padding:18px 20px;transition:all .2s ease;width:100%}.lemlist-step-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #7c4dff14}.lemlist-step-card.is-dragging{box-shadow:0 8px 24px #00000026;cursor:grabbing;transform:rotate(2deg)}.step-drag-handle{border-radius:4px;color:#d1d5db;flex-shrink:0;height:30px;opacity:0;width:30px}.lemlist-step-card:hover .step-drag-handle{opacity:1}.step-drag-handle:hover{background:#f3f4f6;color:#9ca3af}.step-number{flex-shrink:0;font-size:15px;min-width:24px}.step-icon{background:#ede9fe;color:#7c4dff;flex-shrink:0;height:36px;width:36px}.step-info{flex:1 1;gap:2px}.step-title{font-size:11px;font-weight:600}.step-subject{color:#1f2937}.step-delay{margin-top:4px}.step-delay svg{color:#9ca3af;flex-shrink:0}.step-avatar{border:2px solid #fff;box-shadow:0 0 0 1px #e5e7eb}.step-avatar,.step-menu-wrapper{flex-shrink:0}.step-menu-trigger{border-radius:6px;color:#d1d5db;height:32px;opacity:0;transition:all .2s ease;width:32px}.lemlist-step-card:hover .step-menu-trigger{opacity:1}.step-menu-trigger:hover{color:#6b7280}.menu-overlay{z-index:999}.step-menu-dropdown{animation:slideDown .15s ease;box-shadow:0 4px 12px #0000001a,0 0 0 1px #0000000d;margin-top:4px;overflow:hidden;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{font-weight:500;gap:12px;padding:10px 14px;transition:background .15s ease}.menu-item:hover{background:#f9fafb}.menu-item svg{color:#9ca3af;flex-shrink:0}.menu-item-danger svg{color:#ef4444}.add-step-btn{background:#0000;border:none;max-width:480px;padding:12px;position:relative;transition:all .2s ease}.add-step-icon{align-items:center;background:#fff;border:1.5px dashed #d1d5db;border-radius:50%;color:#9ca3af;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-step-btn:hover .add-step-icon{background:#f9fafb;border-color:#7c4dff;border-style:solid;color:#7c4dff;transform:scale(1.1)}.empty-sequence-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:48px 24px;text-align:center}.empty-sequence-state p{color:#6b7280;font-size:14px;margin:0}.sequence-steps{align-items:center;display:flex;flex-direction:column;width:100%}.empty-sequence{padding:var(--space-8)}.empty-icon{color:var(--gray-400)}.empty-state h3{color:var(--gray-900);font-size:20px}.empty-state p{color:var(--gray-600)}@media (max-width:768px){.campaign-detail-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.campaign-info-card{padding:var(--space-3) var(--space-4)}.campaign-info-header{align-items:flex-start;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.campaign-stats-grid{flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-2)}.stat-box{padding:0}.campaign-title{font-size:16px}.campaign-description{font-size:var(--text-xs)}.lemlist-sequence-section{flex-direction:column;gap:var(--space-4);padding:0}.sequence-left{max-width:100%}.sequence-right{flex:1 1;max-height:none;position:relative;top:0}.step-editor-panel{border-radius:12px}.step-editor-form{max-height:none}.lemlist-step-card{gap:10px;padding:14px 16px}.step-drag-handle{display:none}.step-icon{height:32px;width:32px}.step-icon svg{height:18px;width:18px}.step-title{font-size:10px}.step-subject{font-size:13px}.step-avatar{height:28px;width:28px}.add-step-btn,.sequence-start,.timing-indicator{max-width:100%}}.sortable-step-wrapper{margin:0;transition:transform .2s ease,opacity .2s ease}.sortable-step-wrapper.dragging{opacity:.5;z-index:999}.step-drag-handle{border-radius:var(--radius-md);color:var(--gray-400);margin-right:var(--space-2);padding:var(--space-2);transition:all .2s ease}.step-drag-handle:hover{background:var(--gray-100);color:var(--primary)}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.add-step-between-btn{align-items:center;background:#0000;border:2px dashed var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-500);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;margin:var(--space-3) 0;overflow:hidden;padding:var(--space-3);position:relative;transition:all .3s ease;width:100%}.add-step-between-btn:before{background:linear-gradient(90deg,#0000,#6366f10d 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.add-step-between-btn:hover:before{transform:translateX(100%)}.add-step-between-btn:hover{background:#6366f108;border-color:var(--primary);box-shadow:0 2px 8px #6366f126;color:var(--primary);transform:scale(1.01)}.add-step-between-btn:active{transform:scale(.98)}.add-step-between-btn svg{transition:transform .3s ease}.add-step-between-btn:hover svg{transform:rotate(90deg)}.add-step-between-btn span{position:relative;z-index:1}.steps-list>.add-step-between-btn:first-child{background:linear-gradient(135deg,#6366f10d,#a855f708);border-style:solid}.steps-list>.add-step-between-btn:first-child:hover{background:linear-gradient(135deg,#6366f11a,#a855f70f)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sortable-step-wrapper{animation:slideInDown .3s ease-out}.step-card{position:relative;transition:all .3s ease}.sortable-step-wrapper.dragging .step-card{box-shadow:0 10px 30px #00000026;transform:rotate(2deg)}@media (max-width:768px){.add-step-between-btn{font-size:var(--text-xs);padding:var(--space-2-5)}.step-drag-handle{padding:var(--space-1-5)}.add-step-between-btn span{display:none}.add-step-between-btn svg{height:24px;width:24px}}.campaign-tabs-section{border-bottom:1px solid #e5e7eb;margin:var(--space-6) 0 var(--space-6) 0}.campaign-tab-content{margin-top:var(--space-6)}.overview-section{margin:0 auto;max-width:1000px}.overview-container{display:flex;flex-direction:column;gap:var(--space-8)}.overview-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:var(--space-6);justify-content:space-between;padding-bottom:var(--space-6)}.overview-title-section{flex:1 1}.overview-campaign-title{color:var(--gray-900);font-size:32px;font-weight:700;line-height:1.2;margin:0 0 var(--space-2) 0}.overview-campaign-description{color:var(--gray-600);font-size:var(--text-base);line-height:1.6;margin:0}.overview-stats-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(4,1fr)}.overview-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);transition:all .2s ease}.overview-stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #7c4dff1a;transform:translateY(-2px)}.stat-card-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#f5f3ff);border-radius:12px;color:var(--primary);display:flex;height:56px;justify-content:center;width:56px}.stat-card-content{display:flex;flex-direction:column;gap:4px}.stat-card-value{color:var(--gray-900);font-size:36px;font-weight:700;line-height:1}.stat-card-label{color:var(--gray-600);font-size:var(--text-sm);font-weight:500}.stat-card-change{color:var(--gray-500);font-size:var(--text-xs);font-weight:500}.stat-card-change.positive{color:#22c55e}.stat-card-change.negative{color:#ef4444}.overview-details-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr)}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:var(--space-6)}.detail-card h3{color:var(--gray-900);font-size:18px;font-weight:600;margin:0 0 var(--space-5) 0}.detail-rows{display:flex;flex-direction:column;gap:var(--space-4)}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:var(--space-3) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--gray-600);font-size:var(--text-sm);font-weight:500}.detail-value{color:var(--gray-900);font-size:var(--text-sm);font-weight:600}.lead-import-section{margin:0 auto}.lead-import-container{display:flex;flex-direction:column;gap:var(--space-8)}.lead-import-header{text-align:center}.lead-import-header h3{color:var(--gray-900);font-size:24px;font-weight:600;margin:0 0 var(--space-2) 0}.lead-import-header p{color:var(--gray-600);font-size:var(--text-base);margin:0}.csv-upload-area{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:var(--space-10);position:relative;text-align:center;transition:all .3s ease}.csv-upload-area:hover{background:#f5f3ff;border-color:var(--primary)}.upload-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #7c4dff26;color:var(--primary);display:inline-flex;height:80px;justify-content:center;margin-bottom:var(--space-4);width:80px}.csv-upload-area h4{color:var(--gray-900);font-size:18px;font-weight:600;margin:0 0 var(--space-2) 0}.csv-upload-area p{color:var(--gray-600);font-size:var(--text-sm);margin:0}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.leads-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.leads-list-header{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:var(--space-4) var(--space-5)}.leads-list-header h4{color:var(--gray-900);font-size:16px;font-weight:600;margin:0}.leads-table{overflow-x:auto}.leads-table table{border-collapse:collapse;width:100%}.leads-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:var(--gray-700)}.leads-table td,.leads-table th{font-size:var(--text-sm);padding:var(--space-3) var(--space-5)}.leads-table td{border-bottom:1px solid #f3f4f6}.leads-table tbody tr:hover{background:#fafafa}.manual-add-form{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:2fr 1fr 1fr auto}.lead-input{border:1px solid #d1d5db;border-radius:8px;color:var(--gray-900);font-size:var(--text-sm);padding:10px 14px;transition:all .2s ease}.lead-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c4dff1a;outline:none}.launch-section{margin:0 auto;max-width:700px}.launch-container{display:flex;flex-direction:column;gap:10px}.launch-header{padding:var(--space-8) 0}.launch-icon{color:var(--primary);margin-bottom:var(--space-4)}.launch-header h3{color:var(--gray-900);font-size:28px;font-weight:600;margin:0 0 var(--space-2) 0}.launch-header p{color:var(--gray-600);font-size:var(--text-base);margin:0}.launch-checklist-horizontal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.checklist-bar-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 24px}.checklist-bar-header h4{color:#111827;font-size:16px;font-weight:600;margin:0}.checklist-progress{background:#f3f0ff;border-radius:20px;color:#7c4dff;font-size:13px;font-weight:600;padding:6px 14px}.checklist-bar-container{align-items:stretch;display:flex;gap:20px;padding:20px 24px}@media (max-width:768px){.checklist-bar-container{flex-direction:column}.checklist-bar-divider{height:1px!important;margin:0!important;width:100%}}.checklist-bar-item{align-items:center;background:#fafafa;border:2px solid #0000;border-radius:10px;display:flex;flex:1 1;gap:12px;padding:16px;transition:all .2s ease}.checklist-bar-item:hover{background:#f5f5f5}.checklist-bar-item.complete{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.bar-item-icon{align-items:center;color:#d1d5db;display:flex;flex-shrink:0;justify-content:center;transition:all .2s ease}.checklist-bar-item.complete .bar-item-icon{color:#22c55e}.bar-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.bar-item-title{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-item-status{color:#6b7280;font-size:12px;font-weight:500}.checklist-bar-item.complete .bar-item-status{color:#16a34a}.checklist-bar-divider{background:#e5e7eb;flex-shrink:0;margin:8px 0;width:1px}.launch-checklist{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:var(--space-6)}.launch-checklist h4{color:var(--gray-900);font-size:18px;font-weight:600;margin:0 0 var(--space-5) 0}.checklist-items{display:flex;flex-direction:column;gap:var(--space-4)}.checklist-item{background:#fafafa;border-radius:10px;display:flex;gap:var(--space-4);padding:var(--space-4);transition:all .2s ease}.checklist-item.complete{background:#f0fdf4;border:1px solid #86efac}.checklist-icon{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;color:#d1d5db;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.checklist-item.complete .checklist-icon{background:#22c55e;border-color:#22c55e;color:#fff}.checklist-content{flex:1 1}.checklist-title{color:var(--gray-900);font-size:var(--text-base);font-weight:600;margin-bottom:4px}.checklist-desc{color:var(--gray-600);font-size:var(--text-sm)}.launch-settings-revamped{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.launch-header-simple{background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #f3f4f6;padding:24px 28px}.launch-header-simple h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.launch-header-simple p{color:#6b7280;font-size:14px;margin:0}.launch-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);padding:28px}@media (max-width:768px){.launch-grid{grid-template-columns:1fr}}.launch-field{display:flex;flex-direction:column;gap:8px}.launch-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:4px}.launch-label svg{color:#7c4dff;flex-shrink:0}.launch-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .15s ease;width:100%}.launch-input:hover{background:#fafafa;border-color:#d1d5db}.launch-input:focus{background:#fff;border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff14;outline:none}.launch-input::placeholder{color:#9ca3af}.launch-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.launch-input[type=number]::-webkit-inner-spin-button,.launch-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.launch-empty-state{align-items:center;background:linear-gradient(135deg,#fef3c7,#fef9e7);border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:13px;gap:10px;padding:14px 16px}.launch-empty-state svg{color:#f59e0b;flex-shrink:0}.launch-empty-link{color:#7c4dff;font-weight:600;margin-left:auto;text-decoration:none;transition:all .15s ease;white-space:nowrap}.launch-empty-link:hover{color:#6938ef;transform:translateX(2px)}.launch-settings{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;padding:0}.launch-settings-header{align-items:center;background:linear-gradient(135deg,#7c4dff,#9575ff);color:#fff;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.launch-settings-header svg{opacity:.9}.launch-settings-header h4{color:#fff;font-size:20px;font-weight:600;margin:0}.launch-settings-header p{color:#fff;font-size:14px;margin:0;opacity:.9}.setting-card{border-bottom:1px solid #f3f4f6;padding:20px 24px;transition:background .2s ease}.setting-card:last-child{border-bottom:none}.setting-card:hover{background:#fafafa}.setting-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.setting-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;color:#7c4dff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.setting-label-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.setting-label-group label{color:#111827;font-size:15px;font-weight:600;margin:0}.setting-description{color:#6b7280;font-size:13px;line-height:1.4}.setting-value{margin-left:56px}.setting-input,.setting-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.setting-input:hover,.setting-select:hover{border-color:#d1d5db}.setting-input:focus,.setting-select:focus{border-color:#7c4dff;box-shadow:0 0 0 4px #7c4dff1a;outline:none}.setting-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.setting-input::-webkit-inner-spin-button,.setting-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setting-empty{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.empty-text{color:#92400e;font-size:14px;font-weight:500}.config-link{align-items:center;background:#fff;border:1px solid #7c4dff;border-radius:8px;color:#7c4dff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.config-link:hover{background:#7c4dff;box-shadow:0 4px 12px #7c4dff4d;color:#fff;transform:translateY(-1px)}.launch-actions{display:flex;justify-content:center;padding:var(--space-6) 0}@media (max-width:768px){.overview-header{flex-direction:column;gap:var(--space-3)}.overview-campaign-title{font-size:24px}.overview-stats-grid{gap:var(--space-4)}.overview-details-grid,.overview-stats-grid{grid-template-columns:1fr}.stat-card-value{font-size:28px}.stat-card-icon{height:48px;width:48px}.manual-add-form{grid-template-columns:1fr}.launch-header{padding:var(--space-4) 0}.launch-header h3{font-size:22px}.setting-row{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.setting-input,.setting-select{width:100%}}.template-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.template-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:80vh;width:600px}.template-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.template-modal .modal-title{font-size:18px;font-weight:600;margin:0}.template-modal .close-button{background:none;border:none;color:#64748b;cursor:pointer}.template-modal .modal-body{overflow-y:auto;padding:20px}.template-list{display:flex;flex-direction:column;gap:12px}.template-item{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.template-item:hover{background:#f8fafc;border-color:#6366f1}.template-name{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.template-subject{color:#64748b;font-size:14px;margin:0 0 8px}.template-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:13px;overflow:hidden}.launch-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.launch-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;padding:20px;transition:all .2s}.launch-stat-card:hover{border-color:#7c4dff;box-shadow:0 4px 12px #7c4dff1a;transform:translateY(-2px)}.launch-stat-card .stat-card-icon{align-items:center;background:linear-gradient(135deg,#7c4dff,#6839d1);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.launch-stat-card .stat-card-content{flex:1 1}.launch-stat-card .stat-card-value{color:#111827;font-size:28px;font-weight:700;line-height:1;margin-bottom:6px}.launch-stat-card .stat-card-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.launch-stat-card .stat-card-sublabel{color:#9ca3af;font-size:12px;margin-top:4px}.launch-header{padding:24px 0 16px!important;text-align:center}.campaign-running-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;display:flex;gap:20px;margin-bottom:24px;padding:24px 32px}.running-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.running-content{flex:1 1}.running-content h3{color:#fff;font-size:22px;font-weight:600;margin:0 0 8px}.running-content p{color:#ffffffe6;font-size:14px;margin:0}.campaign-running-banner button{background:#fff!important;border:none!important;color:#059669!important}.campaign-running-banner button:hover{background:#ffffffe6!important;transform:translateY(-1px)}@media (max-width:1024px){.launch-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.launch-stats-grid{grid-template-columns:1fr}.launch-stat-card{padding:16px}.launch-stat-card .stat-card-value{font-size:24px}}.lemlist-campaign-page{background:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}.lemlist-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;min-height:56px;padding:12px 24px;z-index:10}.header-left-section{align-items:center;display:flex;flex:1 1;gap:16px}.header-right-section{flex-shrink:0}.campaign-title-section,.header-right-section{align-items:center;display:flex;gap:12px}.back-icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.back-icon-btn:hover{background:#f9fafb;border-color:#d1d5db}.campaign-emoji{flex-shrink:0;font-size:20px;line-height:1}.campaign-name{color:#111827;font-size:16px;font-weight:600;margin:0;white-space:nowrap}.campaign-id{font-size:13px;font-weight:400}.campaign-id,.campaign-id-badge{color:#6b7280;white-space:nowrap}.campaign-id-badge{background:#f3f4f6;border-radius:4px;font-size:11px;font-weight:500;padding:3px 8px}.campaign-toggle{align-items:center;display:flex;margin:0 8px}.header-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.header-icon-btn:hover{background:#f3f4f6;color:#111827}.header-dropdown-wrapper{position:relative}.header-dropdown-menu{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.dropdown-menu-item:hover{background:#f3f4f6;color:#111827}.dropdown-menu-item svg{color:#6b7280;flex-shrink:0}.dropdown-menu-item:hover svg{color:#111827}.dropdown-menu-item.danger{color:#ef4444}.dropdown-menu-item.danger:hover{background:#fee2e2;color:#dc2626}.dropdown-menu-item.danger svg{color:#ef4444}.dropdown-menu-item.danger:hover svg{color:#dc2626}.dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.toggle-switch{cursor:pointer;margin:0;width:44px}.toggle-slider{background-color:#e5e7eb;box-shadow:inset 0 1px 3px #0000001a}.toggle-slider:before{box-shadow:0 1px 2px #0003;z-index:2}.toggle-switch input:checked+.toggle-slider{background-color:#7c4dff;opacity:1}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.header-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.header-btn:hover{background:#f9fafb;border-color:#d1d5db}.header-btn.primary{background:#7c4dff;border-color:#7c4dff;color:#fff}.header-btn.primary:hover{background:#6c3df0;border-color:#6c3df0}.lemlist-nav-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:0 24px}.lemlist-nav-tab{background:#0000;border:none;border-bottom:2px solid #0000;bottom:-1px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:all .2s}.lemlist-nav-tab:hover{color:#374151}.lemlist-nav-tab.active{border-bottom-color:#7c4dff;color:#7c4dff}.lemlist-content{background:#f9fafb;flex:1 1;overflow:hidden}.lemlist-sequence-layout{background:#f9fafb;display:grid;grid-template-columns:380px 1fr;height:100%}.sequence-panel{background:#fff;border-right:1px solid #e5e7eb;overflow-y:auto;padding:24px 16px}.sequence-panel::-webkit-scrollbar{width:6px}.sequence-panel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sequence-panel::-webkit-scrollbar-thumb:hover{background:#9ca3af}.flow-start{align-items:center;background:linear-gradient(135deg,#7c4dff,#651fff);border-radius:8px;box-shadow:0 2px 4px #7c4dff33;color:#fff;display:flex;gap:12px;margin-bottom:12px;padding:12px 16px}.flow-start-icon{flex-shrink:0;font-size:24px;line-height:1}.flow-start-content{flex:1 1;min-width:0}.flow-start h3{font-size:14px;font-weight:600;line-height:1.4;margin:0}.flow-start p{font-size:12px;line-height:1.3;margin:2px 0 0;opacity:.85}.step-connector{background:linear-gradient(180deg,#e5e7eb 0,#d1d5db);height:16px;margin:0 auto;width:2px}.add-step-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:10px 12px;transition:all .2s;width:100%}.add-step-btn:hover{background:#f9fafb;border-color:#7c4dff;color:#7c4dff}.lemlist-step-card{grid-gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:grid;gap:10px;grid-template-columns:24px 32px 40px 1fr 32px 24px;margin-bottom:8px;padding:10px;position:relative;transition:all .2s}.lemlist-step-card:hover{border-color:#7c4dff;box-shadow:0 2px 8px #7c4dff1a}.lemlist-step-card.is-dragging{box-shadow:0 4px 12px #0000001a;opacity:.5}.step-drag-handle{align-items:center;color:#9ca3af;cursor:grab;display:flex;justify-content:center}.step-drag-handle:active{cursor:grabbing}.step-number{color:#6b7280;font-size:14px;font-weight:600;text-align:center}.step-icon{align-items:center;background:linear-gradient(135deg,#7c4dff,#651fff);border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.step-info{display:flex;flex-direction:column;gap:4px;min-width:0}.step-title{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.step-subject{color:#111827;font-size:14px;font-weight:500;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.step-name-display{border-radius:4px;cursor:pointer;padding:2px 4px;transition:background-color .2s}.step-name-display:hover{background-color:#f3f4f6}.step-name-input{background:#fff;border:1px solid #7c4dff;border-radius:4px;box-shadow:0 0 0 2px #7c4dff1a;color:#111827;font-size:14px;font-weight:500;outline:none;padding:2px 6px;width:100%}.step-name-input:focus{border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff33}.step-delay{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.step-avatar{border-radius:50%;height:32px;overflow:hidden;width:32px}.step-avatar img{height:100%;object-fit:cover;width:100%}.step-menu-wrapper{position:relative}.step-menu-trigger{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.step-menu-trigger:hover{background:#f3f4f6;color:#374151}.menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.step-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;padding:4px;position:absolute;right:0;top:28px;z-index:100}.variant-submenu{left:100%;margin-left:4px;top:24px;z-index:101}.menu-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;position:relative;text-align:left;transition:all .2s;width:100%}.menu-item:hover{background:#f3f4f6}.menu-item-with-submenu{position:relative}.menu-item-danger{color:#ef4444}.menu-item-danger:hover{background:#fef2f2}.variant-submenu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;left:calc(100% + 4px);min-width:140px;padding:4px;position:absolute;top:0;z-index:102}.sequence-right{background:#f9fafb;overflow-y:auto;padding:10px}.sequence-right::-webkit-scrollbar{width:8px}.sequence-right::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sequence-right::-webkit-scrollbar-thumb:hover{background:#9ca3af}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#6b7280;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px}.step-loading-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;text-align:center}.step-loading-state p{color:#6b7280;font-size:14px;margin:0}.editor-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.editor-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.editor-card-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.editor-card-actions{align-items:center;display:flex;gap:8px}.editor-card-send-test{align-items:center;background:#7c4dff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.editor-card-send-test:hover:not(:disabled){background:#6c3df0;box-shadow:0 2px 4px #7c4dff4d;transform:translateY(-1px)}.editor-card-send-test:disabled{cursor:not-allowed;opacity:.5}.editor-card-preview{align-items:center;background:#0000;border:none;border-radius:6px;color:#7c4dff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.editor-card-preview:hover{background:#f3f4f6;color:#6c3df0}.editor-card-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.editor-card-close:hover{background:#f3f4f6;color:#374151}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-label .optional{color:#9ca3af;font-size:13px;font-weight:400}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff1a;outline:none}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.form-help-text{color:#6b7280;font-size:13px;margin-top:6px}.personalization-link{align-items:center;background:#0000;border:none;color:#7c4dff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-top:8px;padding:0;transition:all .2s}.personalization-link:hover{color:#6c3df0}.editor-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:24px;padding-top:24px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-save{background:#7c4dff;color:#fff}.btn-save:hover{background:#6c3df0}.btn-save:disabled{background:#d1d5db;cursor:not-allowed}.btn-cancel{background:#0000;border:1px solid #e5e7eb;color:#6b7280}.btn-cancel:hover{background:#f3f4f6}@media (max-width:1200px){.lemlist-sequence-layout{grid-template-columns:320px 1fr}}@media (max-width:968px){.lemlist-sequence-layout{grid-template-columns:1fr}.sequence-panel{border-bottom:1px solid #e5e7eb;border-right:none;max-height:50vh}.lemlist-step-card{gap:8px;grid-template-columns:24px 24px 32px 1fr 24px 20px}}@media (max-width:640px){.lemlist-header{flex-wrap:wrap;min-height:auto;padding:12px 16px}.header-left-section{flex:1 1;gap:12px;min-width:0}.campaign-title-section{flex:1 1;gap:8px;min-width:0}.campaign-name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-id{font-size:12px}.header-right-section{gap:8px}.header-btn{font-size:13px;padding:6px 12px}.lemlist-nav-tabs{padding:0 16px}.sequence-right{padding:10px}.editor-card{padding:16px}}.send-test-dialog-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.send-test-dialog{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:480px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.send-test-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.send-test-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.dialog-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.dialog-close-btn:hover{background:#f3f4f6;color:#1f2937}.send-test-body{padding:24px}.send-test-body label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.send-test-body input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.send-test-body input:focus{border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff1a;outline:none}.send-test-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.send-test-footer button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.send-btn{background:#7c4dff;color:#fff}.send-btn:hover:not(:disabled){background:#6c3df0;box-shadow:0 4px 8px #7c4dff4d;transform:translateY(-1px)}.cancel-btn:disabled,.send-btn:disabled{cursor:not-allowed;opacity:.5}.send-btn:active:not(:disabled){transform:translateY(0)}.leads-list-header{align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:1px}.leads-header-left{align-items:center}.leads-header-actions{align-items:center;display:flex;gap:8px}.leads-table-container-campaign{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.leads-table-wrapper-campaign{max-height:600px;overflow-x:auto;position:relative}.leads-table-campaign{border-collapse:collapse;min-width:800px;width:100%}.leads-table-campaign thead{background:#f9fafb;box-shadow:0 1px 0 #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.leads-table-campaign th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.leads-table-campaign td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:14px;max-width:250px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;white-space:nowrap}.leads-table-campaign tbody tr{transition:background-color .15s ease}.leads-table-campaign tbody tr:hover{background:#f9fafb}.leads-table-campaign tbody tr.selected{background:#f5f3ff}.leads-table-campaign .checkbox-column{padding:12px 16px!important;text-align:center;width:48px}.leads-table-campaign .checkbox-column input[type=checkbox]{accent-color:#7c4dff;cursor:pointer;height:16px;width:16px}.leads-table-campaign .id-column{color:#6b7280;font-weight:500;width:80px}.leads-table-campaign .date-column{color:#6b7280;font-size:13px;width:150px}.leads-table-campaign .data-column{cursor:pointer;min-width:150px;position:relative}.leads-table-campaign .data-column.editable:hover{background:#fafafa;outline:1px solid #e0e0e0;outline-offset:-1px}.leads-table-campaign .data-column.editing{background:#fff;outline:2px solid #7c4dff;outline-offset:-2px;padding:0!important}.leads-table-campaign .cell-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.leads-table-campaign .edit-cell-container{align-items:center;display:flex;gap:4px;padding:4px;width:100%}.leads-table-campaign .edit-cell-input{background:#fff;border:none;border-radius:4px;color:#111827;flex:1 1;font-family:inherit;font-size:14px;min-width:0;outline:none;padding:6px 8px}.leads-table-campaign .edit-cell-actions{display:flex;flex-shrink:0;gap:4px}.leads-table-campaign .edit-cell-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.leads-table-campaign .edit-cell-btn:hover:not(:disabled){background:#f3f4f6}.leads-table-campaign .edit-cell-btn:disabled{cursor:not-allowed;opacity:.5}.leads-table-campaign .edit-cell-btn.save-btn{color:#7c4dff}.leads-table-campaign .edit-cell-btn.save-btn:hover:not(:disabled){background:#f5f3ff;color:#6c3df0}.leads-table-campaign .edit-cell-btn.cancel-btn{color:#9ca3af}.leads-table-campaign .edit-cell-btn.cancel-btn:hover:not(:disabled){background:#fee;color:#dc3545}.leads-table-campaign .actions-column{padding:8px!important;text-align:center;width:100px}.leads-table-campaign .action-buttons{align-items:center;display:flex;gap:4px;justify-content:center}.leads-table-campaign .action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.leads-table-campaign .action-btn:hover{background:#f3f4f6;color:#111827}.leads-table-campaign .action-btn.danger{color:#9ca3af}.leads-table-campaign .action-btn.danger:hover{background:#fee;color:#dc3545}.confirm-dialog-content{padding:var(--space-4) 0}.confirm-message{color:var(--gray-700);font-size:var(--text-base);line-height:1.6;margin:0 0 var(--space-6)}.confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.import-csv-content{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-2) 0}.drop-zone{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-10);text-align:center;transition:all .2s}.drop-zone.drag-active,.drop-zone:hover{background:#ede9fe;border-color:var(--lemlist-primary)}.drop-zone.drag-active{transform:scale(1.02)}.drop-zone.has-file{background:#d1fae5;border-color:var(--success)}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.upload-icon{color:var(--gray-400)}.drop-text{color:var(--gray-700);font-size:var(--text-base);font-weight:var(--font-medium);margin:0}.drop-hint{color:var(--gray-500);font-size:var(--text-sm);margin:0}.file-info{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.file-icon{color:var(--success)}.file-name{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.file-size{color:var(--gray-600);font-size:var(--text-sm);margin:0}.csv-instructions{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.csv-instructions h4{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.csv-instructions ul{margin:0;padding-left:var(--space-5)}.csv-instructions li{color:var(--gray-600);font-size:var(--text-sm);margin-bottom:var(--space-1)}.modal-actions{border-top:1px solid var(--gray-200);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.leads-list-page{margin:0 auto;max-width:1400px}.page-header{margin-bottom:var(--space-6)}.header-actions{display:flex;gap:var(--space-3)}.leads-list-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #7c4dff14;display:flex;gap:24px;justify-content:space-between;padding:20px 24px}.leads-header-left{display:flex;flex:1 1;flex-direction:row;gap:16px}.leads-section-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.fields-count{background:#7c4dff1a;border-radius:6px;color:#7c4dff;font-size:13px;font-weight:500;padding:2px 8px}.predefined-fields-list{display:flex;flex-wrap:wrap;gap:8px}.field-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.field-pill:hover{background:#7c4dff0d;border-color:#7c4dff;box-shadow:0 2px 4px #7c4dff26;transform:translateY(-1px)}.field-icon{align-items:center;color:#7c4dff;display:flex;font-size:16px;justify-content:center}.field-label{color:#1f2937}.required-badge{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.leads-header-actions{flex-shrink:0}.leads-controls{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.search-bar{flex:1 1}.bulk-actions{align-items:center;display:flex;gap:var(--space-3)}.selected-count{color:var(--gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.leads-table-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.leads-table-wrapper{max-height:calc(100vh - 280px);overflow-x:auto;position:relative}.leads-table{border-collapse:collapse;min-width:800px;width:100%}.leads-table thead{background:var(--gray-50);box-shadow:0 1px 0 var(--gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:10}.leads-table th{border-bottom:2px solid var(--gray-200);color:var(--gray-600);font-size:11px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.leads-table td,.leads-table th{padding:12px 16px;white-space:nowrap}.leads-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-900);font-size:14px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.leads-table tbody tr{transition:background-color .15s ease}.leads-table tbody tr:hover{background:var(--gray-50)}.leads-table tbody tr.selected{background:#f5f3ff}.checkbox-column{padding:12px 16px!important;text-align:center;width:48px}.checkbox-column input[type=checkbox]{accent-color:#7c4dff;cursor:pointer;height:16px;width:16px}.id-column{color:var(--gray-600);font-weight:500;width:80px}.date-column{color:var(--gray-600);font-size:13px;width:150px}.data-column{cursor:pointer;min-width:150px;position:relative}.data-column.editable:hover{background:#fafafa;outline:1px solid #e0e0e0;outline-offset:-1px}.data-column.editing{background:#fff;outline:2px solid #7c4dff;outline-offset:-2px;padding:0!important}.cell-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.edit-cell-container{align-items:center;display:flex;gap:4px;padding:4px;width:100%}.edit-cell-input{background:#fff;border:none;border-radius:4px;color:var(--gray-900);flex:1 1;font-family:inherit;font-size:14px;min-width:0;outline:none;padding:6px 8px}.edit-cell-actions{display:flex;flex-shrink:0;gap:4px}.edit-cell-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--gray-600);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.edit-cell-btn:hover:not(:disabled){background:var(--gray-100)}.edit-cell-btn:disabled{cursor:not-allowed;opacity:.5}.edit-cell-btn.save-btn{color:#7c4dff}.edit-cell-btn.save-btn:hover:not(:disabled){background:#f5f3ff;color:#6c3df0}.edit-cell-btn.cancel-btn{color:var(--gray-500)}.edit-cell-btn.cancel-btn:hover:not(:disabled){background:#fee;color:#dc3545}.actions-column{padding:8px!important;text-align:center;width:100px}.action-buttons{align-items:center;display:flex;gap:4px;justify-content:center}.action-btn{background:#0000;border-radius:4px;padding:6px;transition:all .15s ease}.action-btn.danger{color:var(--gray-500)}.action-btn.danger:hover{background:#fee;color:#dc3545}.pagination-controls{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:var(--space-4);padding:var(--space-4) 0}.pagination-info{color:var(--text-secondary);font-size:var(--font-sm)}.pagination-actions{align-items:center;display:flex;gap:var(--space-3)}.page-number{color:var(--text-primary);font-size:var(--font-sm);font-weight:500}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.header-actions{width:100%}.leads-controls{align-items:stretch;flex-direction:column}.search-bar{max-width:100%}.bulk-actions{justify-content:space-between}.leads-table{overflow-x:auto}}.variable-pill{align-items:center;background:var(--primary-light);border:1px solid #0000;border-radius:20px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:6px 12px;transition:all .2s ease}.variable-pill code{background:none;border:none;color:inherit;font-family:Courier New,Monaco,monospace;font-size:var(--text-xs);padding:0}.variable-pill:hover{background:var(--primary);box-shadow:0 2px 4px #6c5ce733;color:#fff;transform:translateY(-1px)}.variable-pill:active{transform:translateY(0)}.variable-pill-group{margin:var(--space-4) 0}.variable-group-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.variable-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width:768px){.variable-pill{font-size:11px;padding:4px 10px}.variable-pill code{font-size:11px}}.template-list-page{display:flex;gap:0;height:calc(100vh - 80px);overflow:hidden}.template-list-page.with-panel .template-list-container{flex:0 0 60%}.template-list-container{flex:1 1;overflow-y:auto;padding:var(--space-6);transition:flex .3s ease}.page-header{margin-bottom:var(--space-8)}.search-bar{margin-bottom:var(--space-6);max-width:400px}.templates-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding-bottom:var(--space-6)}.template-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.template-card-header{align-items:flex-start;display:flex;justify-content:space-between}.template-card-title{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.template-preview{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3)}.template-subject{color:var(--gray-700);font-size:var(--text-sm);margin:0}.template-subject strong{color:var(--gray-900)}.template-body-preview{background:var(--gray-50);border-radius:var(--radius-md);color:var(--gray-600);font-size:var(--text-sm);line-height:1.6;max-height:120px;overflow:hidden;padding:var(--space-3);position:relative}.template-body-preview:after{background:linear-gradient(#0000,var(--gray-50));bottom:0;content:"";height:40px;left:0;position:absolute;right:0}.template-card-footer{align-items:center;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding-top:var(--space-3)}.template-date{color:var(--gray-500);font-size:var(--text-sm)}.template-actions{display:flex;gap:var(--space-2)}.template-editor-panel{animation:slideInRight .3s ease;background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex:0 0 40%;flex-direction:column;height:100%;overflow:hidden}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.panel-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.panel-header h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.panel-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.panel-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.panel-form{display:flex;flex:1 1;flex-direction:column;gap:var(--space-5);overflow-y:auto;padding:var(--space-6)}.panel-form .template-variables{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4)}.panel-form .template-variables h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.panel-form .variables-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.panel-form .variables-list code{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-family:Courier New,monospace;font-size:var(--text-xs);padding:4px 8px;transition:all .2s ease}.panel-form .variables-list code:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.panel-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.panel-actions button{flex:1 1}.panel-form::-webkit-scrollbar{width:8px}.panel-form::-webkit-scrollbar-track{background:#0000}.panel-form::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.panel-form::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.template-list-container::-webkit-scrollbar{width:8px}.template-list-container::-webkit-scrollbar-track{background:#0000}.template-list-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.template-list-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:1024px){.template-list-page.with-panel .template-list-container{display:none}.template-editor-panel{flex:1 1}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.templates-grid{grid-template-columns:1fr}.search-bar{max-width:100%}}.settings-page{margin:0 auto;max-width:1600px;min-height:calc(100vh - 120px);padding:var(--space-6)}.settings-header{margin-bottom:var(--space-6)}.settings-breadcrumb{align-items:center;display:flex;font-size:var(--text-sm);gap:var(--space-2)}.breadcrumb-item{color:var(--text-secondary);transition:color .2s ease}.breadcrumb-item.active{color:var(--primary);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--text-tertiary);opacity:.5}.settings-layout{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 320px}.settings-main{min-width:0}.settings-content{min-height:500px;overflow:hidden;position:relative}.settings-content-inner{animation:fadeInSlide .3s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;will-change:opacity,transform}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-sidebar{display:flex;flex-direction:column;gap:var(--space-4);position:-webkit-sticky;position:sticky;top:80px}.quick-actions-card,.tips-card{padding:0}.sidebar-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0;padding:var(--space-4) var(--space-5)}.quick-actions-list{display:flex;flex-direction:column;padding:var(--space-3)}.quick-action-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease;width:100%}.quick-action-item:hover{background:var(--bg-secondary);transform:translateX(4px)}.quick-action-icon{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.quick-action-item:hover .quick-action-icon{box-shadow:0 4px 12px #0000001a;transform:scale(1.1)}.quick-action-label{color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium)}.quick-action-arrow{color:var(--text-tertiary);opacity:0;transition:opacity .2s ease}.quick-action-item:hover .quick-action-arrow{opacity:1}.tip-text{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-left:3px solid var(--primary);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0;padding:var(--space-4) var(--space-5)}.settings-stats{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-item{display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.stat-progress{background:var(--gray-200);height:8px}.stat-progress,.stat-progress-bar{border-radius:4px;overflow:hidden;position:relative}.stat-progress-bar{background:linear-gradient(90deg,var(--primary) 0,var(--primary-dark) 100%);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.stat-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stat-value{color:var(--primary);font-size:var(--text-lg);font-weight:var(--font-bold)}@media (max-width:1200px){.settings-layout{grid-template-columns:1fr 280px}}@media (max-width:968px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:static}}@media (max-width:768px){.settings-page{padding:var(--space-4)}.settings-header{margin-bottom:var(--space-4)}.settings-content{min-height:auto}.settings-layout{gap:var(--space-4)}.settings-sidebar{grid-template-columns:1fr}}@media (max-width:480px){.settings-page{padding:var(--space-3)}.settings-breadcrumb{font-size:var(--text-xs)}}.settings-section{padding:var(--space-6)}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-semibold);gap:var(--space-2);margin:0 0 var(--space-2)}.section-title:before{background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:2px;content:"";height:24px;width:4px}.section-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6)}.section-header-with-action{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.settings-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4)}.profile-image-section{align-items:center;background:linear-gradient(135deg,#6366f10d,#a855f708);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-6);margin-bottom:var(--space-5);overflow:hidden;padding:var(--space-6);position:relative}.profile-image-section:before{background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.profile-image-preview{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #0000001f,0 0 0 1px #6366f11a;height:120px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:120px;z-index:1}.profile-image-preview:hover{box-shadow:0 12px 32px #00000026,0 0 0 2px var(--primary);transform:scale(1.05)}.profile-image-preview img{height:100%;object-fit:cover;width:100%}.profile-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;display:flex;font-size:48px;font-weight:var(--font-bold);height:100%;justify-content:center;width:100%}.profile-image-actions{flex:1 1;z-index:1}.upload-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:center;padding:var(--space-3) var(--space-5);transition:all .3s ease}.upload-btn:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.upload-btn:active{transform:translateY(0)}.upload-hint{color:var(--text-secondary);font-size:var(--text-xs);margin-top:var(--space-3)}.settings-group{border-bottom:1px solid var(--border-color);padding:var(--space-5) 0}.settings-group:last-child{border-bottom:none}.group-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4)}.setting-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-3);overflow:hidden;padding:var(--space-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.setting-item:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:3px}.setting-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #6366f11a;transform:translateX(4px)}.setting-item:hover:before{transform:scaleY(1)}.setting-item:last-child{margin-bottom:0}.setting-item.danger{background:linear-gradient(135deg,#ef444408,#ef444414);border-color:var(--error)}.setting-item.danger:before{background:var(--error)}.setting-item.danger:hover{border-color:var(--error);box-shadow:0 4px 12px #ef444426}.setting-info h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 0 var(--space-1)}.setting-info p{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.setting-value{align-items:center;display:flex;gap:var(--space-2)}.setting-input{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);min-width:140px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.setting-input:hover{border-color:var(--gray-400)}.setting-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none;transform:translateY(-1px)}.setting-toggle{align-items:center;display:flex}.toggle-switch{height:24px;width:48px}.toggle-slider{border-radius:24px;transition:.3s}.toggle-slider:before{bottom:3px;height:18px;left:3px;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translateX(24px)}.integrations-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.warmup-accounts-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin-top:var(--space-4)}.integration-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .2s ease}.integration-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.integration-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.integration-icon{align-items:center;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;height:48px;justify-content:center;width:48px}.integration-body{margin-bottom:var(--space-4)}.integration-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.integration-description{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.integration-footer{display:flex;gap:var(--space-2)}.api-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.api-key-display{margin-bottom:var(--space-4)}.api-key-display label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.api-key-input{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.api-key-input code{color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:var(--text-sm)}.oauth-connect-section{display:flex;flex-wrap:wrap;gap:var(--space-3)}.connected-accounts-list{display:flex;flex-direction:column;gap:var(--space-3)}.connected-account-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-4);transition:all .2s ease}.connected-account-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #6366f11a;transform:translateX(4px)}.account-info{flex:1 1;gap:var(--space-3)}.account-icon,.account-info{align-items:center;display:flex}.account-icon{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;height:48px;justify-content:center;width:48px}.account-details{flex:1 1}.account-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.account-provider{color:var(--text-secondary);font-size:var(--text-sm)}.account-actions{display:flex;gap:var(--space-2)}.empty-state{color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--space-3);opacity:.3}.empty-state p{font-size:var(--text-sm);line-height:1.6}@media (max-width:768px){.connected-account-card{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.account-info{width:100%}.account-actions{justify-content:flex-end;width:100%}.oauth-connect-section{flex-direction:column}.oauth-connect-section button{width:100%}}.email-warmup-settings{display:flex;flex-direction:column;gap:var(--space-6)}.section-header-with-badge{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.warmup-info-box{background:linear-gradient(135deg,#6366f10d,#a855f708);border-left:4px solid var(--primary);border-radius:var(--radius-lg);margin-top:var(--space-4);padding:var(--space-5)}.warmup-info-box h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.warmup-info-box p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-3)}.warmup-benefits{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.warmup-benefits li{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2) 0}.toggle-switch{display:inline-block;height:28px;position:relative;width:56px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--gray-300);border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:4px;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(28px)}.warmup-accounts-section{display:flex;flex-direction:column;gap:var(--space-4)}.warmup-account-card{transition:var(--transition)}.warmup-account-card:hover{box-shadow:var(--shadow-lg)}.warmup-account-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.warmup-account-info{align-items:center;display:flex;gap:var(--space-3)}.warmup-account-info h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.warmup-account-actions{display:flex;gap:var(--space-2)}.empty-state{flex-direction:column;gap:var(--space-4);padding:var(--space-8);text-align:center}.empty-state h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.empty-state p{color:var(--text-secondary);font-size:var(--text-base);margin:0}@media (max-width:768px){.form-row{grid-template-columns:1fr}.profile-image-section{flex-direction:column;text-align:center}.integrations-grid,.warmup-accounts-grid{grid-template-columns:1fr}.setting-item{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.setting-input,.setting-value{width:100%}.warmup-account-header{align-items:flex-start}.section-header-with-badge,.warmup-account-header{flex-direction:column;gap:var(--space-3)}.warmup-benefits{grid-template-columns:1fr}}.signature-manager{margin:0 auto;max-width:1200px}.signature-form{background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.form-group,.form-row{margin-bottom:var(--space-4)}.form-group label{color:var(--gray-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.signature-form .quill{background:var(--white);border-radius:var(--radius-md)}.signature-form .ql-toolbar{background:var(--gray-50);border:1px solid var(--gray-300);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.signature-form .ql-container{border:1px solid var(--gray-300);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-top:none;font-family:inherit;font-size:var(--text-sm);min-height:150px}.signature-form .ql-editor{min-height:150px}.signature-form .ql-editor.ql-blank:before{color:var(--gray-400);font-style:normal}.signatures-list{margin-top:var(--space-8)}.list-title{color:var(--gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.signatures-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.signature-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .2s ease}.signature-card:hover{border-color:var(--purple-300);box-shadow:var(--shadow-md)}.signature-card.default{background:linear-gradient(to bottom,var(--purple-50),var(--white));border-color:var(--purple-400)}.signature-header{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.signature-title{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.signature-title h4{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.default-badge{align-items:center;background:var(--purple-100);border-radius:var(--radius-full);color:var(--purple-700);display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:4px;padding:2px var(--space-2)}.signature-actions{display:flex;gap:var(--space-1)}.action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:all .2s ease}.action-btn:hover{background:var(--gray-100);color:var(--gray-900)}.action-btn.danger:hover{background:var(--red-50);color:var(--red-600)}.signature-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4);min-height:80px;padding:var(--space-4)}.signature-preview p{margin:0;margin-bottom:var(--space-1)}.signature-preview p:last-child{margin-bottom:0}.signature-preview strong{color:var(--gray-900)}.signature-preview a{color:var(--purple-600);text-decoration:none}.signature-preview a:hover{text-decoration:underline}@media (max-width:768px){.signatures-grid{grid-template-columns:1fr}.signature-form{padding:var(--space-4)}.signature-header{flex-direction:column;gap:var(--space-2)}.signature-actions{justify-content:flex-end;width:100%}}.warmup-dashboard{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6)}.warmup-dashboard.not-warming{border-left:4px solid var(--gray-400)}.warmup-header{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.warmup-icon{font-size:2.5rem}.warmup-icon.active{animation:fire-pulse 2s ease-in-out infinite;color:var(--orange-500)}.warmup-icon.inactive{color:var(--gray-400)}@keyframes fire-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.warmup-header h3{color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.warmup-subtitle{color:var(--gray-600);font-size:var(--text-sm);margin:0}.warmup-inactive-info{background:var(--gray-50);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--text-sm);line-height:1.6;padding:var(--space-4)}.warmup-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-6)}.warmup-stat{align-items:center;background:linear-gradient(135deg,var(--purple-50) 0,var(--blue-50) 100%);border:1px solid var(--purple-100);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-4)}.warmup-stat-icon{color:var(--purple-600);font-size:1.75rem}.warmup-stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.warmup-stat-label{color:var(--gray-600);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.warmup-stat-value{color:var(--gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold)}.warmup-progress-section{margin-bottom:var(--space-6)}.warmup-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.warmup-progress-label{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.warmup-progress-percentage{color:var(--purple-600);font-size:var(--text-sm);font-weight:var(--font-semibold)}.warmup-progress-bar{background:var(--gray-100);border-radius:var(--radius-full);height:16px;overflow:hidden;position:relative}.warmup-progress-bar.small{height:8px}.warmup-progress-fill{background:linear-gradient(90deg,var(--purple-500) 0,var(--purple-600) 100%);border-radius:var(--radius-full);height:100%;overflow:hidden;position:relative;transition:width .5s ease}.warmup-progress-fill.warning{background:linear-gradient(90deg,var(--orange-500) 0,var(--orange-600) 100%)}.warmup-progress-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.warmup-progress-details{color:var(--gray-600);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-top:var(--space-2)}.next-milestone{color:var(--purple-600);font-weight:var(--font-medium)}.warmup-daily-usage{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.warmup-daily-usage,.warmup-timeline{margin-bottom:var(--space-6)}.warmup-timeline h4{color:var(--gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.timeline-items{flex-direction:column}.timeline-item,.timeline-items{display:flex;gap:var(--space-3)}.timeline-item{align-items:center;border-radius:var(--radius-md);padding:var(--space-3);transition:all .2s ease}.timeline-item.completed{background:var(--green-50)}.timeline-item.current{background:var(--purple-50);border:2px solid var(--purple-200)}.timeline-marker{color:var(--gray-400);font-size:1.5rem}.timeline-item.completed .timeline-marker{color:var(--green-600)}.timeline-item.current .timeline-marker{color:var(--purple-600)}.timeline-dot{background:var(--gray-300);border:2px solid var(--gray-400);border-radius:50%;height:12px;width:12px}.timeline-item.current .timeline-dot{animation:pulse-dot 2s infinite;background:var(--purple-500);border-color:var(--purple-600)}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.timeline-content{display:flex;flex-direction:column;gap:var(--space-1)}.timeline-day{color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.timeline-limit{color:var(--gray-600);font-size:var(--text-xs)}.warmup-tips{background:var(--blue-50);border-left:4px solid var(--blue-500);border-radius:var(--radius-md);padding:var(--space-4)}.warmup-tips h4{color:var(--gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.warmup-tips ul{color:var(--gray-700);font-size:var(--text-sm);line-height:1.8;margin:0;padding-left:var(--space-5)}.warmup-tips li{margin-bottom:var(--space-1)}@media (max-width:768px){.warmup-stats{grid-template-columns:1fr}.warmup-stat{flex-direction:row}.warmup-progress-details{flex-direction:column;gap:var(--space-2)}}.inbox-page{background-color:#fff;display:flex;flex-direction:column;height:calc(100vh - 64px)}.page-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200,#e2e8f0);display:flex;justify-content:space-between;min-height:80px;padding:0 32px}.page-title{color:#1a202c;color:var(--gray-900,#1a202c);font-size:24px;font-weight:700;margin:0}.inbox-container{background:#fff;display:flex;flex:1 1;overflow:hidden}.inbox-sidebar{background-color:#f8fafc;background-color:var(--gray-50,#f8fafc);border-right:1px solid #e2e8f0;border-right:1px solid var(--gray-200,#e2e8f0);display:flex;flex-direction:column;min-width:320px;width:400px}.inbox-controls{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200,#e2e8f0);padding:16px}.inbox-search{margin-bottom:16px}.inbox-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filter-chip{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300,#cbd5e1);border-radius:16px;color:#475569;color:var(--gray-600,#475569);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.filter-chip:hover{background:#f1f5f9;background:var(--gray-100,#f1f5f9)}.filter-chip.active{background:#eff6ff;background:var(--primary-50,#eff6ff);border-color:#3b82f6;border-color:var(--primary-500,#3b82f6);color:#1d4ed8;color:var(--primary-700,#1d4ed8)}.thread-list-container{flex:1 1;overflow-y:auto;position:relative}.thread-list{display:flex;flex-direction:column}.thread-item{background:#fff;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100,#f1f5f9);cursor:pointer;padding:16px;transition:background .15s}.thread-item:hover{background-color:#f8fafc;background-color:var(--gray-50,#f8fafc)}.thread-item.active{background-color:#eff6ff;background-color:var(--primary-50,#eff6ff);border-left:3px solid #3b82f6;border-left:3px solid var(--primary-500,#3b82f6)}.thread-item.unread{background-color:#fff}.thread-item.unread .thread-sender,.thread-item.unread .thread-subject{color:#1a202c;color:var(--gray-900,#1a202c);font-weight:700}.thread-header{display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px}.thread-sender{color:#1e293b;color:var(--gray-800,#1e293b);font-weight:600;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-date{color:#64748b;color:var(--gray-500,#64748b);font-size:12px}.thread-subject{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;color:var(--gray-600,#475569);display:-webkit-box;font-size:14px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.thread-footer{display:flex;gap:8px}.inbox-main{background:#fff;display:flex;flex:1 1;flex-direction:column;position:relative}.conversation-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200,#e2e8f0);padding:20px 32px}.conversation-title-row{align-items:center;display:flex;justify-content:space-between}.conversation-title-row h2{color:#1a202c;color:var(--gray-900,#1a202c);font-size:20px;margin:0}.message-list-container{background-color:#f8fafc;background-color:var(--gray-50,#f8fafc);flex:1 1;overflow-y:auto;padding:24px 32px}.message-item{display:flex;gap:16px;margin-bottom:24px;max-width:900px}.message-item.outbound{flex-direction:row-reverse;margin-left:auto}.message-avatar .avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.inbound-avatar{background-color:#6366f1;background-color:var(--secondary-500,#6366f1)}.outbound-avatar{background-color:#64748b;background-color:var(--gray-500,#64748b);font-size:12px}.message-content{flex:1 1;min-width:0}.message-item.outbound .message-content{text-align:right}.message-header{align-items:center;color:#64748b;color:var(--gray-500,#64748b);font-size:12px;gap:8px;margin-bottom:4px}.message-item.outbound .message-header{flex-direction:row-reverse}.sender{color:#334155;color:var(--gray-700,#334155);font-weight:600}.message-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200,#e2e8f0);border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:20px;text-align:left}.message-item.outbound .message-card{background:#eff6ff;background:var(--primary-50,#eff6ff);border-color:#dbeafe;border-color:var(--primary-100,#dbeafe)}.message-body{color:#1e293b;color:var(--gray-800,#1e293b);font-size:14px;line-height:1.6;overflow-wrap:break-word}.reply-box{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200,#e2e8f0);padding:24px 32px}.reply-placeholder{align-items:center;background:#f8fafc;background:var(--gray-50,#f8fafc);border:1px solid #cbd5e1;border:1px solid var(--gray-300,#cbd5e1);border-radius:8px;color:#64748b;color:var(--gray-500,#64748b);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.reply-placeholder:hover{background:#fff;border-color:#60a5fa;border-color:var(--primary-400,#60a5fa)}.empty-selection-state,.loading-center{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.conversation-view{display:flex;flex-direction:column;height:100%}.conversation-header{border-bottom:1px solid #e5e7eb;padding:1rem}.message-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.message-item{border:1px solid #e5e7eb;border-radius:8px;max-width:80%;padding:1rem}.message-item.inbound{align-self:flex-start;background:#f9fafb}.message-item.outbound{align-self:flex-end;background:#eff6ff;border-color:#bfdbfe}.message-header{color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.empty-state{align-items:center;color:#9ca3af;display:flex;height:100%;justify-content:center}:root{--lp-bg:#fff;--lp-text-main:#0f172a;--lp-text-muted:#64748b;--lp-primary:#6366f1;--lp-primary-dark:#4f46e5;--lp-accent:#8b5cf6;--lp-gradient:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);--lp-card-bg:#fffc;--lp-card-border:#e2e8f0cc}.landing-page{background-color:#fff;background-color:var(--lp-bg);color:#0f172a;color:var(--lp-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.landing-navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #0000000d;box-sizing:border-box;justify-content:space-between;padding:20px 6%;position:fixed;top:0;width:100%;z-index:1000}.landing-logo,.landing-navbar{align-items:center;display:flex}.landing-logo{color:#0f172a;color:var(--lp-text-main);font-size:22px;font-weight:800;gap:10px;letter-spacing:-.5px;text-decoration:none}.landing-logo-icon{align-items:center;color:#6366f1;color:var(--lp-primary);display:flex}.landing-nav-links{display:none;gap:40px}@media (min-width:768px){.landing-nav-links{display:flex}}.landing-nav-link{color:#64748b;color:var(--lp-text-muted);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-link:hover{color:#6366f1;color:var(--lp-primary)}.landing-auth-buttons{align-items:center;display:flex;gap:16px}.btn-login{color:#0f172a;color:var(--lp-text-main)}.btn-login,.btn-signup{font-size:15px;font-weight:600;text-decoration:none}.btn-signup{background:#0f172a;background:var(--lp-text-main);border-radius:99px;color:#fff;padding:10px 24px;transition:all .2s}.btn-signup:hover{background:#6366f1;background:var(--lp-primary);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.hero-section{padding:160px 24px 80px;position:relative}.hero-section:before{background:radial-gradient(circle at 50% 0,#6366f126 0,#0000 70%);content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:100vw;z-index:-1}.hero-badge{align-items:center;animation:fadeInUp .5s ease-out;background:#6366f11a;border:1px solid #6366f133;border-radius:99px;color:#6366f1;color:var(--lp-primary);display:inline-flex;font-size:13px;gap:8px;margin-bottom:32px}.hero-title{animation:fadeInUp .7s ease-out;color:#0f172a;color:var(--lp-text-main);font-size:64px;letter-spacing:-.02em}.hero-title-gradient{-webkit-text-fill-color:#0000;animation:gradientFlow 5s ease infinite;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--lp-gradient);-webkit-background-clip:text;background-size:200% auto}.hero-subtitle{animation:fadeInUp .9s ease-out;color:#64748b;color:var(--lp-text-muted)}.hero-cta-group{animation:fadeInUp 1.1s ease-out;margin-bottom:80px}.btn-primary-lg{background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);background:var(--lp-gradient);background-size:200% auto;box-shadow:0 10px 25px -5px #6366f166;padding:16px 40px;transition:all .3s}.btn-primary-lg:hover{background-position:100%;box-shadow:0 20px 35px -10px #6366f180}.hero-image-container{animation:fadeInUp 1.3s ease-out,float 6s ease-in-out infinite;background:#fff;border:4px solid #ffffff80;border-radius:16px;box-shadow:0 25px 50px -12px #00000040}.social-proof{border-bottom:1px solid var(--gray-100);padding:60px 0}.social-proof p{color:#64748b;color:var(--lp-text-muted);letter-spacing:1.5px;margin-bottom:32px}.logo-grid{filter:grayscale(100%);gap:60px;opacity:.5;transition:all .3s}.logo-grid:hover{filter:grayscale(0);opacity:.8}.features-section{padding:120px 24px;position:relative}.section-title{font-size:42px;letter-spacing:-.02em;margin-bottom:20px}.section-subtitle{color:#64748b;color:var(--lp-text-muted);font-size:18px;margin-bottom:80px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.features-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0cc;border:1px solid var(--lp-card-border);border-radius:24px;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:#6366f1;border-color:var(--lp-primary);box-shadow:0 20px 40px -5px #0000001a;transform:translateY(-8px)}.feature-icon-wrapper{align-items:center;background:var(--gray-50);border-radius:16px;color:#6366f1;color:var(--lp-primary);display:flex;font-size:28px;height:56px;justify-content:center;margin-bottom:24px;transition:all .3s;width:56px}.feature-card:hover .feature-icon-wrapper{background:#6366f1;background:var(--lp-primary);color:#fff;transform:rotate(-10deg)}.feature-card h3{color:#0f172a;color:var(--lp-text-main);font-size:24px;font-weight:700}.feature-card p{color:#64748b;color:var(--lp-text-muted);font-size:16px}.pricing-section{background:#f8fafc;padding:120px 24px}.pricing-grid{align-items:center;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.pricing-card{border:1px solid #e2e8f0cc;border:1px solid var(--lp-card-border);padding:48px 32px;transition:transform .3s}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.popular{border:2px solid #6366f1;border:2px solid var(--lp-primary);box-shadow:0 25px 50px -12px #6366f140;transform:scale(1.05);z-index:2}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{background:#6366f1;background:var(--lp-primary);font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase;top:-16px}.plan-name{color:#64748b;color:var(--lp-text-muted)}.plan-price{color:#0f172a;color:var(--lp-text-main);letter-spacing:-1px}.plan-period{color:#64748b;color:var(--lp-text-muted);font-size:15px;margin-bottom:32px}.plan-features{display:flex;flex-direction:column;gap:16px;margin:0 0 40px}.plan-features li{color:#0f172a;color:var(--lp-text-main);font-size:15px}.check-icon{color:#6366f1;color:var(--lp-primary);font-size:20px}.btn-plan{display:block;font-weight:600;padding:14px}.btn-plan-outline{border:1px solid var(--gray-300);color:#0f172a;color:var(--lp-text-main)}.btn-plan-outline:hover{background:var(--gray-50);border-color:#0f172a;border-color:var(--lp-text-main)}.btn-plan-primary{background:#6366f1;background:var(--lp-primary);box-shadow:0 10px 20px -5px #6366f14d}.btn-plan-primary:hover{background:#4f46e5;background:var(--lp-primary-dark)}.landing-footer{background:#0f172a}.footer-grid{grid-gap:64px;gap:64px;grid-template-columns:2fr 1fr 1fr 1fr}@media (max-width:768px){.footer-grid{gap:40px;grid-template-columns:1fr}}.footer-brand h2{font-weight:700;gap:12px}.footer-brand p{color:#94a3b8;line-height:1.6;max-width:300px}.footer-col h3{color:#94a3b8;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.footer-col ul{display:flex;flex-direction:column;gap:16px;margin:0}.footer-col a{font-size:15px;transition:color .2s}.footer-col a:hover{color:#6366f1;color:var(--lp-primary)}.hero-section{margin:0 auto;max-width:1200px;padding:80px 24px 60px;text-align:center}.hero-badge{background:var(--lemlist-primary-light);border-radius:20px;color:var(--lemlist-primary);display:inline-block;font-size:14px;font-weight:600;margin:24px;padding:6px 16px}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;font-size:48px;font-weight:800;line-height:1.1;margin-bottom:24px}.hero-subtitle{color:var(--gray-600);font-size:20px;line-height:1.6;margin:0 auto 40px;max-width:600px}.hero-cta-group{display:flex;gap:16px;justify-content:center;margin-bottom:60px}.btn-primary-lg{background-color:var(--lemlist-primary);border:none;border-radius:99px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 32px;text-decoration:none;transition:all .2s}.btn-primary-lg:hover{box-shadow:0 10px 20px -10px #6c5ce780;transform:translateY(-2px)}.hero-image-container{border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 20px 40px -20px #0003;margin-top:40px;overflow:hidden;position:relative}.hero-dashboard-img{display:block;height:auto;width:100%}.social-proof{background:var(--gray-50);padding:40px 0;text-align:center}.social-proof p{color:var(--gray-500);font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:24px;text-transform:uppercase}.logo-grid{display:flex;flex-wrap:wrap;gap:48px;justify-content:center;opacity:.6}.partner-logo{filter:grayscale(100%);height:32px}.features-section{background:#fff;padding:100px 24px}.section-title{font-size:36px;font-weight:800;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{border:1px solid var(--gray-100);border-radius:20px;padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--lemlist-primary-light);box-shadow:0 10px 30px -10px #0000001a;transform:translateY(-5px)}.feature-icon{align-items:center;background:var(--lemlist-primary-light);border-radius:12px;color:var(--lemlist-primary);display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:24px;width:48px}.feature-card h3{color:var(--gray-900);font-size:22px;margin-bottom:12px}.feature-card p{color:var(--gray-600);line-height:1.6}.pricing-section{background:var(--gray-50);padding:100px 24px}.pricing-switch{display:flex;gap:16px;justify-content:center;margin-bottom:48px}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.pricing-card{background:#fff;border:1px solid var(--gray-200);border-radius:24px;display:flex;flex-direction:column;padding:40px;position:relative}.pricing-card.popular{border:2px solid var(--lemlist-primary);box-shadow:0 20px 40px -20px #6c5ce733}.popular-badge{background:var(--lemlist-primary);border-radius:99px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-name{font-size:20px;font-weight:600;margin-bottom:16px}.plan-price{color:var(--gray-900);font-size:48px;font-weight:800;margin-bottom:8px}.plan-period{color:var(--gray-500);font-size:16px}.plan-features{flex:1 1;list-style:none;margin:32px 0;padding:0}.plan-features li{align-items:center;color:var(--gray-700);display:flex;gap:12px;margin-bottom:16px}.check-icon{color:var(--lemlist-primary);flex-shrink:0}.btn-plan{border-radius:12px;cursor:pointer;font-weight:700;padding:16px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.btn-plan-outline{background:#fff;border:2px solid var(--gray-200);color:var(--gray-900)}.btn-plan-primary{background:var(--lemlist-primary);border:2px solid var(--lemlist-primary);color:#fff}.btn-plan:hover{transform:translateY(-2px)}.landing-footer{background:#1a1a1a;color:#fff;padding:80px 24px 40px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-brand h2{align-items:center;display:flex;font-size:24px;gap:10px;margin-bottom:16px}.footer-col h3{color:#a0aec0;font-size:16px;font-weight:600;margin-bottom:24px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:12px}.footer-col a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .2s}.footer-col a:hover{opacity:1}
/*# sourceMappingURL=main.2f4bddeb.css.map*/