@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";
:root{color:#25372e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#f7f7f2;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}
.login-page{color:#3f505b;background:#e7edf5;place-items:center;min-height:100vh;padding:32px 20px;font-family:DM Sans,sans-serif;display:grid}.login-card{text-align:center;background:#e7edf5;border-radius:30px;width:min(100%,390px);padding:44px 42px 35px;box-shadow:14px 14px 28px #c6ccd3,-14px -14px 28px #fff}.login-brand{justify-items:center;gap:6px;margin-bottom:28px;display:grid}.login-brand-name{color:#368f9b;letter-spacing:-.5px;font-family:Playfair Display,serif;font-size:27px;font-weight:600}.login-brand-caption{color:#8a98a6;letter-spacing:1.8px;font-size:9px;font-weight:700}.login-card h1{color:#40515d;margin:0;font-size:23px;font-weight:600}.login-intro{color:#8997a4;margin:8px 0 28px;font-size:13px}.login-form{text-align:left;gap:10px;display:grid}.login-form label{color:#788793;margin:4px 0 0 3px;font-size:11px;font-weight:600}.login-form input{color:#40515d;background:#e7edf5;border:1px solid #edf1f5;border-radius:16px;outline:none;width:100%;height:47px;padding:0 16px;font-size:12px;transition:box-shadow .16s,border-color .16s;box-shadow:inset 5px 5px 9px #cbd1d8,inset -5px -5px 9px #fff}.login-form input::placeholder{color:#a6b0ba}.login-form input:focus{border-color:#69c4d2;box-shadow:inset 3px 3px 6px #cbd1d8,inset -3px -3px 6px #fff,0 0 0 3px #5bb9c92b}.login-form button{color:#fff;background:#55b8ca;border:0;border-radius:16px;min-height:48px;margin-top:9px;font-size:13px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s;box-shadow:5px 5px 10px #c7cdd4,-5px -5px 10px #fff}.login-form button:hover{background:#45aabd;box-shadow:3px 3px 7px #c7cdd4,-3px -3px 7px #fff}.login-form button:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #3d9bad,inset -3px -3px 6px #6dc5d4}.login-form button:focus-visible{outline-offset:4px;outline:3px solid #318f9e}.login-message{color:#8a5860;text-align:center;margin:3px 0 0;font-size:11px;line-height:1.5}.login-admin-note{color:#9ba6b0;margin:22px 0 0;font-size:10px}@media (max-width:480px){.login-card{border-radius:25px;padding:38px 27px 31px;box-shadow:10px 10px 22px #c6ccd3,-10px -10px 22px #fff}}@media (prefers-reduced-motion:reduce){.login-form input,.login-form button{transition:none}}
:root{--admin-teal:#4f7e8c;--admin-teal-dark:#3e6877;--admin-accent:#2e91a3;--admin-ink:#26343b;--admin-muted:#75858c;--admin-border:#e5ecee;--admin-canvas:#eaf0f2;--admin-peach:#f9d7c5}.admin-shell{background:var(--admin-canvas);min-height:100vh;color:var(--admin-ink);grid-template-columns:224px minmax(0,1fr);font-family:DM Sans,sans-serif;display:grid}.admin-sidebar{background:var(--admin-teal);color:#f8fbfc;flex-direction:column;height:100vh;padding:28px 16px 20px;display:flex;position:sticky;top:0}.admin-brand{color:inherit;justify-content:center;align-items:center;padding:0 2px 20px;text-decoration:none;display:flex}.admin-brand img{object-fit:cover;object-position:center 56%;width:100%;max-width:188px;height:141px;display:block}.admin-sidebar nav{gap:7px;display:grid}.admin-sidebar nav a{color:#e2ecee;border-radius:11px;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:13px;text-decoration:none;transition:background .16s,color .16s;display:flex}.admin-sidebar nav a svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{color:#fff;background:#ffffff24}.sidebar-profile{border-top:1px solid #ffffff30;align-items:center;gap:10px;margin-top:auto;padding:14px 7px 2px;display:flex}.profile-avatar{background:var(--admin-peach);color:#775542;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.sidebar-profile strong,.sidebar-profile small{text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:block;overflow:hidden}.sidebar-profile strong{font-size:11px;font-weight:600}.sidebar-profile small{color:#d4e2e5;margin-top:3px;font-size:9px}.admin-main{background:var(--admin-canvas);flex-direction:column;min-width:0;min-height:100vh;padding:0 15px 15px 0;display:flex}.admin-topbar{justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:0 24px;display:flex}.admin-topbar>div:first-child{color:var(--admin-muted);align-items:center;gap:12px;font-size:12px;display:flex}.admin-topbar>div:first-child strong{color:var(--admin-ink);font-size:14px;font-weight:600}.topbar-account{align-items:center;gap:14px;display:flex}.topbar-user{color:#586970;font-size:12px}.sign-out{color:#435860;font:inherit;background:#fff;border:1px solid #d6e1e4;border-radius:10px;padding:8px 13px;font-size:11px;transition:background .16s,border-color .16s}.sign-out:hover{background:#f5fafb;border-color:#a9c1c8}.admin-content{background:#fff;border:1px solid #e3eaec;border-radius:22px;flex:1;width:100%;max-width:1540px;margin:0 auto;padding:34px clamp(20px,3.2vw,48px);box-shadow:0 12px 35px #3558650b}.admin-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.eyebrow{color:#7c9198;letter-spacing:1.4px;font-size:9px;font-weight:700}.admin-heading h1{color:#263d45;letter-spacing:-.7px;margin:7px 0 5px;font-size:clamp(27px,3vw,36px);font-weight:600;line-height:1.15}.admin-heading p,.admin-panel p{color:var(--admin-muted);margin:0;font-size:12px;line-height:1.6}.environment-tag{color:#467984;letter-spacing:.45px;white-space:nowrap;background:#f0f7f6;border:1px solid #d7e7e8;border-radius:12px;padding:9px 12px;font-size:9px}.admin-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.admin-metrics article,.admin-panel{border:1px solid var(--admin-border);background:#fff;border-radius:16px}.admin-metrics article{min-height:124px;padding:17px 18px}.admin-metrics article:nth-child(2){background:#f8e5da;border-color:#f6ded0}.admin-metrics article span,.admin-metrics article small{color:#74868c;font-size:10px;display:block}.admin-metrics article strong{color:#293a41;letter-spacing:-.5px;margin:9px 0 6px;font-size:27px;font-weight:600;line-height:1;display:block}.admin-metrics article small{font-size:9px;line-height:1.5}.admin-panel{margin:15px 0;padding:21px 22px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.panel-heading h2,.admin-panel h2{color:#2e4249;letter-spacing:-.2px;margin:0 0 5px;font-size:18px;font-weight:600}.panel-heading>a,.status-panel>a{color:var(--admin-accent);font-size:11px;font-weight:600;text-decoration:none}.panel-heading>a:hover,.status-panel>a:hover{text-decoration:underline}.campaign-list{display:grid}.campaign-list article{border-top:1px solid #edf1f2;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.campaign-list article strong,.campaign-list article div span{display:block}.campaign-list article strong{color:#3c5158;font-size:12px;font-weight:600}.campaign-list article div span{color:#87969b;margin-top:4px;font-size:10px}.campaign-state{color:#886d42;text-transform:capitalize;background:#f5efe3;border-radius:20px;align-items:center;padding:6px 10px;font-size:10px;display:inline-flex}.campaign-state.active{color:#3b7956;background:#e9f4ed}.campaign-state.paused{color:#697a80;background:#eef1f2}.empty-panel{border-top:1px solid #edf1f2;padding:18px 0}.empty-panel strong{color:#43575d;font-size:12px}.empty-panel p{margin-top:5px;line-height:1.6}.status-panel{background:#f5f8f9;justify-content:space-between;align-items:center;gap:16px;display:flex}.status-panel p{margin-top:6px}.status-panel small{color:#84949a;margin-top:7px;font-size:10px;display:block}.admin-footer{color:#8a999e;text-align:center;margin:22px 0 0;font-size:10px}@media (max-width:1100px){.admin-shell{grid-template-columns:204px minmax(0,1fr)}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;padding:14px 16px 10px;position:static}.admin-brand{padding:0 3px 14px}.admin-brand img{width:176px;height:132px}.admin-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.admin-sidebar nav a{justify-content:center;gap:7px;padding:9px 5px;font-size:10px}.admin-sidebar nav a svg{width:15px;height:15px}.sidebar-profile{display:none}.admin-main{min-height:calc(100vh - 132px);padding:0 10px 10px}.admin-topbar{min-height:58px;padding:0 8px}.admin-content{border-radius:18px;padding:24px 18px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:440px){.admin-sidebar nav a{flex-direction:column;gap:4px;min-height:50px;font-size:9px}.admin-topbar>div:first-child{gap:6px;font-size:10px}.admin-topbar>div:first-child strong{font-size:12px}.topbar-user{display:none}.admin-content{padding:21px 13px}.admin-heading{flex-direction:column;align-items:flex-start}.environment-tag{align-self:flex-start}.admin-metrics article{padding:14px}}.page-loading-bar{z-index:50;background:#2e91a333;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.page-loading-bar:before{content:"";background:var(--admin-accent);width:40%;animation:1.1s ease-in-out infinite page-loading;position:absolute;inset:0 auto 0 0}@keyframes page-loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}.birthday-calendar-section.is-loading .birthday-calendar{opacity:.45;pointer-events:none;transition:opacity .2s}.loading-label{color:var(--admin-muted);font-size:12px}@media (prefers-reduced-motion:reduce){.page-loading-bar:before{width:100%;animation:none}}.admin-metrics .metric-link{border:1px solid var(--admin-border);min-height:124px;color:inherit;background:#fff;border-radius:16px;padding:17px 18px;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:block}.admin-metrics .metric-link:hover,.admin-metrics .metric-link:focus-visible{border-color:var(--admin-accent);box-shadow:0 0 0 3px #2e91a322}.admin-metrics .metric-link.needs-attention{background:#fdecea;border-color:#f5c9c4}.admin-metrics .metric-link span,.admin-metrics .metric-link small{color:#74868c;font-size:10px;display:block}.admin-metrics .metric-link strong{color:#293a41;letter-spacing:-.5px;margin:9px 0 6px;font-size:27px;font-weight:600;line-height:1;display:block}.admin-metrics .metric-link small{font-size:9px;line-height:1.5}.problem-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-metrics .metric-link.whatsapp{background:#f8e5da;border-color:#f6ded0}
.manage-page{background:#fff;border:1px solid #e3eaec;border-radius:22px;width:100%;max-width:1540px;margin:0 auto;padding:31px clamp(20px,3.2vw,48px);box-shadow:0 12px 35px #3558650b}.manage-page>header{margin-bottom:24px}.manage-page>header>a{color:#50818d;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.manage-page>header>a:hover{color:#2e91a3}.manage-page h1{color:#263d45;letter-spacing:-.65px;margin:5px 0 7px;font-size:clamp(27px,3vw,35px);font-weight:600;line-height:1.2}.manage-page>header p,.manage-card p{color:#75858c;margin:0;font-size:12px;line-height:1.65}.manage-card{background:#fff;border:1px solid #e5ecee;border-radius:16px;margin:15px 0;padding:20px 21px;box-shadow:0 5px 18px #35586508}.manage-card h2{color:#2e4249;letter-spacing:-.2px;margin:0 0 13px;font-size:18px;font-weight:600;line-height:1.35}.manage-card h3{color:#38525b;margin:23px 0 11px;font-size:15px;font-weight:600}.manage-card label{color:#586d75;gap:7px;margin:11px 0;font-size:11px;font-weight:500;display:grid}.manage-card input,.manage-card textarea,.manage-card select{color:#2d4249;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #dce6e8;border-radius:9px;outline:0;padding:9px 11px;font-size:12px;transition:border-color .16s,box-shadow .16s}.manage-card input:focus,.manage-card textarea:focus,.manage-card select:focus{border-color:#55a5b3;box-shadow:0 0 0 3px #55a5b31e}.manage-card textarea{resize:vertical;min-height:100px;line-height:1.6}.manage-card button{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#318d9e;border:0;border-radius:9px;padding:9px 14px;font-size:11px;font-weight:600;transition:background .16s,transform .16s}.manage-card button:hover:not(:disabled){background:#287b8a;transform:translateY(-1px)}.manage-card button:disabled{opacity:.52;cursor:not-allowed}.manage-card button.outline-button{color:#47727c;background:#fff;border:1px solid #d6e3e5}.manage-card button.outline-button:hover:not(:disabled){background:#f4f9fa;border-color:#9cbfc5}.manage-card-heading,.editor-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.monitoring-click-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.monitoring-click-summary>.manage-card{margin:15px 0}.manage-card-heading h2{margin:5px 0 0}.manage-card-heading .eyebrow{display:block}.count-pill{color:#4d7c86;background:#eff6f6;border:1px solid #deeaeb;border-radius:20px;justify-content:center;align-items:center;min-width:26px;min-height:26px;margin-left:7px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.manage-message{color:#3b7757;background:#f0f8f3;border:1px solid #d7e9e1;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:11px}.manage-hint{color:#75858c!important;margin:9px 0!important;font-size:10px!important}.upload-label{background:#f8fbfb;border:1px dashed #b8d0d4;border-radius:11px;padding:12px 13px}.upload-label input{background:#fff;border:0;min-height:36px;padding:6px}.asset-thumb{object-fit:contain;background:#f7f9f9;border:1px solid #e5ecee;border-radius:12px;width:min(340px,100%);max-height:240px;margin:13px 0;display:block}.editor-footer{flex-wrap:wrap;justify-content:flex-start;margin-top:15px}.editor-footer span,.manage-hint{color:#84949a;font-size:10px}.table-scroll{border:1px solid #e7edef;border-radius:12px;width:100%;overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:650px}.table-scroll th{color:#667a81;text-align:left;white-space:nowrap;background:#f5f8f9;height:44px;padding:0 13px;font-size:10px;font-weight:600}.table-scroll td{color:#364b52;vertical-align:middle;border-top:1px solid #edf1f2;height:52px;padding:10px 13px;font-size:11px}.table-scroll tr:hover td{background:#fbfdfd}.table-scroll p{padding:15px}.table-detail{color:#86969b;margin-top:4px;font-size:9px;display:block}.table-scroll input[type=checkbox]{width:auto;min-height:auto}.contacts-pagination,.recipient-pagination{color:#74868c;justify-content:space-between;align-items:center;gap:10px;margin:13px 0 0;font-size:10px;display:flex}.contacts-pagination button,.recipient-pagination button{padding:8px 12px!important}.contacts-pagination button:disabled,.recipient-pagination button:disabled{opacity:.45;cursor:not-allowed}.campaign-section{margin:23px 0 34px}.campaign-section-heading{justify-content:space-between;align-items:end;gap:18px;margin:0 0 13px;display:flex}.campaign-section-heading h2{color:#304850;margin:5px 0 0;font-size:21px;font-weight:600}.campaign-section-heading p{max-width:520px}.campaign-start-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.campaign-start-card h3{margin:7px 0}.campaign-start-controls{align-items:end;gap:10px;min-width:min(400px,50%);display:flex}.campaign-start-controls label{flex:1;margin:0}.campaign-start-controls button{white-space:nowrap}.campaign-nav{z-index:2;background:#edf4f5;border:1px solid #dce7e9;border-radius:12px;gap:4px;margin:18px 0 8px;padding:4px;display:flex;position:sticky;top:8px}.campaign-nav [role=tab]{color:#5a7279;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:11px 14px;font-size:12px;font-weight:600}.campaign-nav [role=tab][aria-selected=true]{color:#348292;background:#fff;box-shadow:0 2px 6px #34525b12}.campaign-nav [role=tab]:focus-visible{outline-offset:2px;outline:2px solid #55a5b3}.email-preview{background:#f8fafa;border:1px solid #e5ecee;border-radius:13px;margin-top:16px;padding:14px}.email-preview .editor-footer{margin-top:0}.birthday-calendar-section .manage-card-heading{align-items:center}.calendar-month-controls{align-items:center;gap:10px;display:flex}.calendar-month-controls strong{color:#334b53;text-align:center;text-transform:capitalize;min-width:135px;font-size:13px}.calendar-month-controls .outline-button{min-height:34px;padding:7px 10px!important}.birthday-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:18px;display:grid}.calendar-weekday{color:#788a90;text-align:center;padding:8px 2px;font-size:10px;font-weight:700}.calendar-empty{min-height:88px}.manage-card .calendar-day{color:#3e545b;text-align:left;min-width:0;min-height:88px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e3eaec;border-radius:12px;padding:10px;transition:border-color .15s,background .15s,box-shadow .15s}.manage-card .calendar-day:hover,.manage-card .calendar-day.selected{border-color:#56a2b0;box-shadow:0 0 0 2px #56a2b01c}.manage-card button.calendar-day:hover:not(:disabled){color:#3e545b;background:#f0f8f8;transform:none}.manage-card .calendar-day.selected{background:#f0f8f8}.calendar-day-number{font-size:12px;font-weight:700;display:block}.calendar-day-count,.calendar-day-status{color:#3c8591;margin-top:6px;font-size:9px;line-height:1.35;display:block}.calendar-day-status{color:#7c8c91}.manage-card .calendar-day.has-birthdays{background:#f5faf9}.calendar-legend{color:#71838a;flex-wrap:wrap;gap:16px;margin-top:15px;font-size:10px;display:flex}.calendar-legend span{align-items:center;gap:7px;display:inline-flex}.calendar-dot{background:#65aab4;border-radius:50%;width:9px;height:9px}.calendar-dot.accepted{background:#4c9a70}.calendar-dot.failed{background:#cf675d}.birthday-calendar-section .manage-card-heading+.monitoring-scope{margin-top:17px}.monitoring-scope{gap:8px;margin:13px 0;display:flex}.monitoring-scope .outline-button{padding:8px 13px!important}.monitoring-scope .outline-button[aria-pressed=true]{color:#fff;background:#378c9b;border-color:#378c9b}@media (max-width:760px){.manage-page{border-radius:18px;padding:24px 18px}.campaign-section-heading,.campaign-start-card{flex-direction:column;align-items:stretch}.campaign-start-controls{flex-direction:column;align-items:stretch;min-width:0}.campaign-start-controls button{align-self:flex-start}}@media (max-width:560px){.manage-page{padding:21px 13px}.manage-page h1{font-size:25px}.manage-card{border-radius:13px;padding:15px}.manage-grid{grid-template-columns:1fr!important}.monitoring-click-summary{grid-template-columns:1fr;gap:0}.create-form{flex-direction:column;align-items:stretch}.create-form button{align-self:flex-start}.manage-card-heading{align-items:flex-start}.manage-card-heading,.editor-footer{flex-wrap:wrap}.editor-footer{align-items:flex-start}.contacts-pagination,.recipient-pagination{flex-wrap:wrap;font-size:9px}.contacts-pagination>span:first-child,.recipient-pagination>span:first-child{text-align:center;width:100%}.calendar-month-controls{gap:5px}.calendar-month-controls strong{min-width:86px;font-size:11px}.calendar-month-controls .outline-button{font-size:9px;padding:6px!important}.birthday-calendar{gap:3px}.calendar-empty,.calendar-day{min-height:61px}.calendar-day{border-radius:8px;padding:5px}.calendar-day-number{font-size:10px}.calendar-day-count,.calendar-day-status{margin-top:4px;font-size:7px}.calendar-weekday{padding:5px 0;font-size:9px}.calendar-legend{gap:9px;font-size:8px}.monitoring-scope{grid-template-columns:1fr 1fr;display:grid}}.campaign-section-heading>button{color:#fff;min-height:38px;font:inherit;white-space:nowrap;cursor:pointer;background:#318d9e;border:0;border-radius:9px;padding:9px 16px;font-size:12px;font-weight:600}.campaign-section-heading>button:hover{background:#287b8a}.campaign-section-heading>button:focus-visible,.campaign-card>summary:focus-visible{outline-offset:2px;outline:2px solid #55a5b3}.campaign-card>summary{cursor:pointer;align-items:center;gap:12px;list-style:none;display:flex}.campaign-card>summary::-webkit-details-marker{display:none}.campaign-card>summary:before{content:"\15 B8";color:#75858c;transition:transform .16s}.campaign-card[open]>summary{border-bottom:1px solid #eef3f4;padding-bottom:13px}.campaign-card[open]>summary:before{transform:rotate(90deg)}.campaign-card-title{flex:1;gap:3px;display:grid}.campaign-card-title strong{color:#2e4249;font-size:15px;font-weight:600}.campaign-card-title small{color:#75858c;font-size:11px}.campaign-card .campaign-start-controls{justify-content:flex-start;min-width:0}.campaign-card .campaign-start-controls label{flex:0 240px}.campaign-version-row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.campaign-version-row label{flex:280px;margin:0}@media (max-width:760px){.campaign-card .campaign-start-controls label{flex:none}}@media (prefers-reduced-motion:reduce){.campaign-card>summary:before{transition:none}}.contacts-search{max-width:360px}.sort-button{font:inherit;cursor:pointer;border:0;align-items:center;gap:2px;font-weight:600;display:inline-flex;min-height:0!important;color:inherit!important;background:0 0!important;padding:0!important}.sort-button span{color:#9aa9ae;font-size:10px}th[aria-sort=ascending] .sort-button span,th[aria-sort=descending] .sort-button span{color:#318d9e}.table-scroll[aria-busy=true]{opacity:.55;transition:opacity .2s}