:root{color:#1e293b;--color-primary:#427a77;--color-primary-hover:#356966;--color-foreground:#1e293b;--color-muted-foreground:#64748b;--color-background:#f6f8fc;--color-card:#fff;--color-border:#e4e9ed;--radius-card:14px;--shadow-card:0 8px 24px #1924400b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fc;font-family:Plus Jakarta Sans,Segoe UI,Roboto,sans-serif;font-size:14px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;color:var(--color-foreground);background:var(--color-background);line-height:1.5}button,input,select,textarea{font:inherit}:focus-visible{outline-offset:2px;outline:3px solid #427a7752}.app-layout{min-height:100vh;background:var(--color-background)!important}.page-content{background:var(--color-background);flex-direction:column;display:flex;padding:104px 36px 32px!important}.app-layout .page-content>.ui-page-scope{flex-direction:column;flex:1 0 auto;min-height:calc(100vh - 136px);display:flex}.app-layout .ui-page-scope--contacts>.page,.app-layout .ui-page-scope--sender-accounts>.page,.app-layout .ui-page-scope--campaign-details>.page,.app-layout .ui-page-scope--campaign-list>.campaigns-page,.app-layout .ui-page-scope--email-generation>.emails-page{flex-direction:column;flex:1 0 auto;display:flex}.ui-page-scope{min-width:0;color:var(--color-foreground)}.ui-page-scope h1,.ui-page-scope h2,.ui-page-scope h3,.ui-page-scope h4{color:#172033;letter-spacing:-.025em}.ui-page-scope h1{font-size:28px;font-weight:700;line-height:1.25}.ui-page-scope .page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:24px;display:flex}.ui-page-scope .page-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.ui-page-scope .page-header-actions>*{flex:none}.ui-page-scope .page-primary-action{white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:0 18px;display:inline-flex}.ui-page-scope .form-stack>.ui-button,.ui-page-scope .form-actions>.ui-button{justify-self:end;min-width:160px}.ui-page-scope .form-actions{justify-content:flex-end;width:100%;margin-top:8px;display:flex}@media (width<=760px){.ui-page-scope .page-header{flex-direction:column;align-items:stretch;gap:14px}.ui-page-scope .page-header-actions{width:100%;margin-left:0}.ui-page-scope .page-primary-action{min-height:44px}}.ui-page-scope p,.ui-page-scope .subtitle{color:var(--color-muted-foreground)}.ui-page-scope .page{width:100%;max-width:1440px;margin:0 auto}.app-layout .ui-page-scope .contact-cards,.app-layout .ui-page-scope .contactlists-cards,.app-layout .ui-page-scope .templates-cards,.app-layout .ui-page-scope .senders-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.app-layout .ui-page-scope .emails-page{overflow-x:auto}.app-layout .ui-page-scope .contacts-header,.app-layout .ui-page-scope .campaigns-header,.app-layout .ui-page-scope .emails-header{gap:18px;margin-bottom:24px}.ui-card,.ui-page-scope .dashboard-panel,.ui-page-scope .stats-card,.ui-page-scope .campaigns-card,.ui-page-scope .contact-card,.ui-page-scope .contactlists-card,.ui-page-scope .templates-card,.ui-page-scope .senders-card,.ui-page-scope .profile-panel,.ui-page-scope .profile-box{color:#263149;box-shadow:var(--shadow-card);background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important}.ui-button:not(.secondary):not(.outline):not(.danger),.ui-page-scope .settings-actions button,.ui-page-scope .create-email-btn,.ui-page-scope .campaigns-add-btn,.ui-page-scope .templates-add-btn,.ui-page-scope .senders-add-btn,.ui-page-scope .contactlists-add-btn{min-height:42px;font-weight:650;color:#fff!important;background:var(--color-primary)!important;border-radius:9px!important}.ui-button:not(.secondary):not(.outline):not(.danger):hover:not(:disabled),.ui-page-scope .settings-actions button:hover:not(:disabled){background:var(--color-primary-hover)!important}.ui-button.secondary{color:#506075!important;background:#eef2f5!important}.ui-button.danger{color:#fff!important;background:#c2413a!important}.ui-button.danger:hover:not(:disabled){background:#a9322c!important}.ui-button.outline{color:#506075!important;border-color:#d8dee7!important}.app-layout .ui-page-scope input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-layout .ui-page-scope select,.app-layout .ui-page-scope textarea{color:#263149;background:#fff;border:1px solid #d8deea;border-radius:9px}.ui-page-scope input::placeholder,.ui-page-scope textarea::placeholder{color:#8390a5}.route-not-found{text-align:center;color:#263149;background:#f6f8fc;align-content:center;justify-items:center;min-height:100vh;padding:24px;display:grid}.route-not-found p{color:#64748b}.route-not-found a{color:#356966;font-weight:650}.ui-page-scope table{color:#334155;border-color:var(--color-border)!important;background:#fff!important}.ui-page-scope table th{background:#f7f8fc;color:#526078!important}.ui-page-scope table td{color:#334155!important}.app-layout .ui-page-scope .emails-page table{color:#334155;border:1px solid var(--color-border)!important;background:#fff!important}.app-layout .ui-page-scope .emails-page th,.app-layout .ui-page-scope .emails-page td{color:#334155!important;border-color:#e9edf2!important}.app-layout .ui-page-scope .emails-page th{background:#f7f8fa}.app-layout .ui-page-scope .emails-page a{color:var(--color-primary)}.app-layout .ui-page-scope .emails-page button{background:var(--color-primary)}.app-layout .ui-page-scope--profile .profile-page{color:#1e293b}.app-layout .ui-page-scope--profile .profile-hero{color:#1e293b;box-shadow:var(--shadow-card);background:linear-gradient(120deg,#e9f3f2,#f7f9fb)!important;border:1px solid #dce9e8!important}.app-layout .ui-page-scope--profile .profile-badge{color:#315f5d;background:#dcecea}.app-layout .ui-page-scope--profile .profile-btn{background:var(--color-primary)}.app-layout .ui-page-scope--profile .profile-modal{color:#263149;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 60px #16233633}.app-layout .ui-page-scope--profile .profile-modal label{color:#526174}.app-layout .ui-page-scope--profile .activity-icon.edit{color:#356966;background:#eaf3f2}.app-layout .ui-page-scope--contact-details .contactdetails-details-card{color:#334155;border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:28px}.app-layout .ui-page-scope--campaign-editor .create-campaign-card,.app-layout .ui-page-scope--campaign-details .campaigndetails-card{color:#334155;box-shadow:var(--shadow-card);border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;background:#fff!important}.app-layout .ui-page-scope--campaign-editor .form-section h3,.app-layout .ui-page-scope--campaign-editor .form-label{color:#526174}.app-layout .ui-page-scope--campaign-editor .template-preview{color:#526174;background:#f7f9fa;border-color:#e2e8f0}.ui-page-scope .form-card{color:#334155;border:1px solid var(--color-border);border-radius:var(--radius-card);width:min(100%,700px);box-shadow:var(--shadow-card);background:#fff;margin:28px auto 0;padding:28px}.ui-page-scope .form-stack{gap:16px;display:grid}.ui-page-scope .form-field{color:#526174;gap:6px;font-weight:600;display:grid}.ui-page-scope .form-field input,.ui-page-scope .form-field textarea{width:100%;min-height:44px;padding:10px 12px}.ui-page-scope .form-field textarea{resize:vertical;min-height:110px}.ui-page-scope .form-error{color:#b42318;margin:0;font-size:13px}.ui-page-scope .campaign-form-section,.ui-page-scope .campaign-preview-card{color:#334155;border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff}.ui-page-scope .campaign-form-section{width:min(100%,700px);margin-top:28px;padding:28px}.ui-page-scope .campaign-form-section h3{color:#334155}.ui-page-scope .campaign-email-preview{color:#334155;border:1px solid var(--color-border);background:#f7f9fa;border-radius:10px;padding:16px}.ui-page-scope .empty-state{color:#64748b;align-content:center;gap:6px;min-height:190px;padding:32px 20px;display:grid}.ui-page-scope .empty-state h3{color:#334155;margin:0}.ui-page-scope .empty-state p{color:#64748b;margin:0}.app-layout .ui-page-scope .email-details-page pre{color:#334155;border:1px solid var(--color-border);background:#f7f9fb;border-radius:12px;padding:18px}.app-layout .profile-dropdown,.app-layout .notification-dropdown{color:#334155;border:1px solid var(--color-border);background:#fff;box-shadow:0 12px 32px #16233624}.app-layout .notification-dropdown strong{color:#263149}.app-layout .notification-dropdown p{color:#526078;border-color:#e2e8f0}.app-layout .dashboard-header-top,.app-layout .dashboard-profile-menu{position:relative}.app-layout .header-user{cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.app-layout .profile-dropdown{width:190px;top:calc(100% + 10px);right:0}.app-layout .profile-dropdown strong{color:#263149}.app-layout .profile-dropdown button{color:#526078}.app-layout .profile-dropdown .logout-item{color:#c2413b}.ui-page-scope button,.ui-page-scope a{transition:color .14s,background-color .14s,border-color .14s}.ui-page-scope button:hover,.ui-page-scope a:hover{box-shadow:none!important;filter:none!important;opacity:1!important;transform:none!important}.ui-page-scope :is(.ui-card,.stats-card,.dashboard-panel,.profile-box,.profile-panel,.contact-card,.contactlists-card,.templates-card,.senders-card,.campaigns-card,.campaigndetails-card,.contactdetails-details-card,.emails-row,.email-row,.feature-card){transition:background-color .14s,border-color .14s,box-shadow .14s}.ui-page-scope :is(.ui-card,.stats-card,.dashboard-panel,.profile-box,.profile-panel,.contact-card,.contactlists-card,.templates-card,.senders-card,.campaigns-card,.campaigndetails-card,.contactdetails-details-card,.emails-row,.email-row,.feature-card):hover{box-shadow:var(--shadow-card)!important;border-color:#d4e2e0!important;transform:none!important}.ui-page-scope .emails-page tbody tr:hover td{background:#f8fafc!important}.app-layout .ui-page-scope--email-generation .emails-page tbody tr:hover td{color:#263149!important;box-shadow:none!important;background:#f1f7f6!important}.ui-page-scope :is(.dashboard-table tbody tr,.upcoming-card):hover{background:#f1f7f6}.app-layout .dashboard-page{color:#1e293b;background:0 0;min-height:100vh;padding:8px 4px 28px}.app-layout .dashboard-header-left h1,.app-layout .dashboard-header-left p,.app-layout .dashboard-panel h3,.app-layout .stats-title,.app-layout .stats-value,.app-layout .stats-period,.app-layout .panel-header,.app-layout .activity-item strong,.app-layout .upcoming-card strong,.app-layout .upcoming-card p,.app-layout .dashboard-table td{color:#334155}.app-layout .dashboard-header-left p,.app-layout .stats-period,.app-layout .activity-item p{color:#758197}.app-layout .dashboard-panel,.app-layout .stats-card{box-shadow:var(--shadow-card);background:#fff!important;border-color:#e2e8f0!important}.app-layout .dashboard-search,.app-layout .icon-btn,.app-layout .header-icon,.app-layout .header-user,.app-layout .chart-filter,.app-layout .view-all-btn{color:#526078;background:#fff;border-color:#e2e8f0}.app-layout .dashboard-search input{color:#263149}.app-layout .dashboard-search input::placeholder{color:#8290a5}.app-layout .dashboard-table th{color:#68758b;background:#f7f8fc}.app-layout .dashboard-table tbody tr:hover{background:#f1f7f6!important}.app-layout .view-all-btn:hover{color:#315f5d!important;background:#f1f7f6!important}.app-layout .activity:hover{background:#f1f7f6!important}.app-layout .actions-menu summary:hover{background:#356966!important}.app-layout .profile-dropdown button:hover{color:#315f5d!important;background:#f1f7f6!important}.app-layout .upcoming-card{border-color:#edf0f5}.app-layout .recharts-cartesian-grid line{stroke:#e8ecf3}.app-layout .recharts-cartesian-axis-tick text{fill:#718096}.app-layout .dashboard-header-right{min-width:min(650px,55vw)}@media (width<=760px){.app-layout .dashboard-header{flex-direction:column;gap:18px}.app-layout .dashboard-header-right{align-items:stretch;width:100%;min-width:0}.app-layout .dashboard-topbar,.app-layout .dashboard-user-tools{flex-wrap:wrap}.app-layout .dashboard-search{width:100%}}@media (width<=900px){.app-layout{flex-direction:column}.app-layout .page-content{width:100%;min-width:0}.app-layout .sidebar{height:auto;margin-top:64px}.app-layout .page-content{padding:22px 18px!important}.app-topbar{z-index:1100}}.app-layout .contacts-pagination,.app-layout .pagination,.app-layout .campaign-details-pagination{justify-content:center;align-items:center;gap:16px;width:100%;margin:auto auto 0;padding-top:24px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.route-loading{color:#6b7280;place-items:center;min-height:40vh;font-size:.95rem;display:grid}.sidebar{z-index:1000;background:#0b1220;border-right:1px solid #1f2937;flex-direction:column;width:228px;height:100vh;padding:14px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:10px;padding:10px 8px 25px;display:flex}.sidebar-logo-img{flex:none;width:40px;height:40px;display:block}.sidebar-logo-text{min-width:0}.sidebar-logo h2{color:#fff;margin:0;font-size:24px;font-weight:700}.sidebar-logo p{color:#94a3b8;margin-top:8px;font-size:14px}.sidebar nav{flex-direction:column;gap:10px;display:flex}.sidebar-link{color:#cbd5e1;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.sidebar-link.active{color:#fff;background:#427a77;box-shadow:0 6px 16px #3569662e}.sidebar-bottom{margin-top:auto;padding-top:25px}.logout-btn{color:#fff;cursor:pointer;background:#182233;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;transition:all .25s}.logout-btn:hover{background:#ef4444}.sidebar-link-muted{cursor:default;opacity:.75}@media (width<=900px){.sidebar{width:100%;height:auto;position:relative}}.user-avatar{color:#fff;background:#427a77;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.sidebar-link{align-items:center;gap:12px;display:flex}.sidebar-link svg{flex-shrink:0;width:20px;min-width:20px;height:20px}.sidebar-link span{white-space:nowrap;flex:1;display:block}.user-card{background:#182233;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.user-avatar{color:#fff;background:#427a77;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex}.user-card strong{color:#fff;display:block}.user-card p{color:#94a3b8;margin:3px 0 0;font-size:13px}.logout-btn{justify-content:center;align-items:center;gap:10px;display:flex}.sidebar-logo h2{font-size:28px}.sidebar-link{border-radius:12px;gap:12px;padding:12px 14px;font-size:14px}.user-avatar{width:40px;height:40px;font-size:16px}.logout-btn{border-radius:12px;padding:12px;font-size:14px}.sidebar-logo p{margin-top:6px;font-size:11px!important}.sidebar-link{border-radius:12px;gap:12px;height:46px;padding:0 14px!important;font-size:14px!important}.sidebar-link svg{width:18px!important;min-width:18px!important;height:18px!important}.user-card{border-radius:12px;padding:10px 12px!important}.user-avatar{font-size:17px;width:42px!important;height:42px!important}.user-card strong{font-size:15px}.user-card p{font-size:12px}.logout-btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.user-card{margin-bottom:10px!important}.logout-btn{margin-top:0!important;padding:10px 12px!important}.sidebar-extra{margin-top:60px!important}.sidebar-bottom{margin-top:12px!important}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar{overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.user-avatar{border-radius:50%;width:56px;height:56px;overflow:hidden}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.sidebar-bottom .user-avatar{border-radius:50%;justify-content:center;align-items:center;min-width:56px;padding:0;display:flex;overflow:hidden;width:56px!important;height:56px!important}.sidebar-bottom .user-avatar img{object-fit:cover;border-radius:50%;max-width:none;max-height:none;display:block;width:100%!important;height:100%!important}.sidebar{background:#fff;border-right:1px solid #e4e9ed;box-shadow:4px 0 18px #1e293b06}.sidebar-logo h2{color:#1e293b}.sidebar-logo p{color:#718096}.sidebar-link{color:#526174;border-radius:10px}.sidebar-link:hover{color:#294f4d;background:#f0f5f4}.sidebar-link.active{color:#fff;box-shadow:none;background:#427a77}.sidebar-extra .sidebar-link{min-height:42px}.user-card{background:#f6f8f9}.user-card strong{color:#263449}.user-card p{color:#7a8798}.logout-btn{color:#536174;background:#f0f3f6}.logout-btn:hover{color:#b93832;background:#fff0ef}@media (width<=900px){.sidebar{gap:8px;padding:10px 12px;overflow:visible}.sidebar-logo{display:none}.sidebar nav,.sidebar-extra{scrollbar-width:thin;flex-direction:row;gap:6px;display:flex;overflow-x:auto;margin:0!important}.sidebar-link{white-space:nowrap;flex:none;min-height:42px;padding:10px 12px}.sidebar-bottom{display:none}}.sidebar{width:228px!important;padding:16px 14px!important}.sidebar-logo{padding:8px 8px 22px}.sidebar-logo h2{line-height:1.2;font-size:24px!important}.sidebar-logo p{font-size:12px!important}.sidebar nav{gap:5px}.sidebar-link{border-radius:10px;gap:11px;height:auto;min-height:44px;transition:background-color .16s,color .16s;padding:0 12px!important}.sidebar-link:focus{outline:none}.sidebar-link:focus-visible{outline-offset:2px;outline:2px solid #315f5d}.sidebar-link.active:focus-visible{outline-offset:2px;outline-color:#315f5d}.sidebar-link svg{flex:0 0 20px}.sidebar-extra{padding-top:28px;margin-top:auto!important}.user-card{min-width:0;padding:10px!important}.user-card>div:last-child{min-width:0;overflow:hidden}.user-card p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logout-btn{min-height:44px;margin-top:0!important}@media (width<=900px){.sidebar{width:100%!important;padding:10px 12px!important}.sidebar-extra{padding-top:0;margin-top:0!important}.sidebar-link{height:auto;min-height:42px;padding:10px 12px!important}}.app-topbar{z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e7ebf1;justify-content:flex-end;align-items:center;gap:18px;height:72px;padding:0 36px;display:flex;position:fixed;top:0;left:228px;right:0;box-shadow:0 4px 16px #16233609}.app-topbar-search{color:#526078;background:#fff;border:1px solid #dce3ee;border-radius:12px;align-items:center;gap:10px;width:min(320px,38vw);height:42px;padding:0 12px;display:flex}.app-topbar-search input{color:#263149;background:0 0;border:0;outline:0;width:100%;min-width:0}.app-topbar-search input::placeholder{color:#8290a5}.app-topbar-actions{align-items:center;gap:14px;display:flex}.app-topbar-notifications,.app-topbar-profile{position:relative}.app-topbar-icon,.app-topbar-user{color:#526078;cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.app-topbar-icon{width:42px;position:relative}.app-topbar-user{padding:4px 10px 4px 5px;font-weight:600}.app-topbar-user img{object-fit:cover;border-radius:50%;width:32px;height:32px}.app-topbar-badge{color:#fff;background:#e5484d;border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;right:-5px}.app-topbar-dropdown{z-index:1000;color:#334155;background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #16233624}.app-topbar-dropdown strong{color:#263149;margin:0 0 8px;display:block}.app-topbar-notification-list{width:min(360px,100vw - 32px)}.app-topbar-notification-list p{color:#526078;border-bottom:1px solid #e2e8f0;margin:0;padding:12px 0}.app-topbar-notification-list p:last-child{border-bottom:0}.app-topbar-profile-list{width:190px}.app-topbar-profile-list button{text-align:left;color:#526078;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:10px}.app-topbar-profile-list button:hover{color:#315f5d;background:#f1f7f6}.app-topbar-profile-list .logout-item{color:#c2413b}@media (width<=900px){.app-topbar{height:64px;padding:0 16px;left:0}.app-topbar-search{width:min(320px,45vw)}}@media (width<=520px){.app-topbar{gap:8px;padding:0 10px}.app-topbar-search{flex:1;width:auto}.app-topbar-actions{gap:7px}.app-topbar-user{padding-right:6px}.app-topbar-user .app-topbar-name{display:none}}.app-topbar-initial{color:#315f5d;background:#e4efee;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.app-topbar-notification-list p small{color:#8390a5;margin-top:2px;font-size:12px;display:block}.app-layout{background:#0b1220;min-height:100vh;display:flex}.page-content{box-sizing:border-box;flex:1;width:calc(100% - 228px);min-height:100vh;margin-left:228px;padding:104px 32px 32px;overflow-x:hidden}@media (width<=1200px){.page-content{padding:88px 24px 24px}}@media (width<=900px){.page-content{width:100%;margin-left:0;padding:84px 20px 20px}}