:root{--background:#f5f8f8;--surface:#fff;--surface-muted:#eef5f4;--surface-strong:#dcebea;--text:#172322;--muted:#60706d;--border:#d7e1df;--border-strong:#b8cbc7;--accent:#087f78;--accent-strong:#066b66;--accent-soft:#dff3f1;--info:#2469a5;--info-soft:#e4f0fa;--success:#18734d;--success-soft:#dff4e9;--warning:#946200;--warning-soft:#fff2d2;--danger:#b42318;--danger-soft:#fde8e6;--shadow:0 18px 45px #182d2b1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(180deg, #087f7814, #087f7800 280px), var(--background);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.78rem .7rem}th{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:760}tbody tr{transition:background .14s,box-shadow .14s}tbody tr:hover{background:#f8fbfb}input,select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:8px;outline:none;padding:.68rem .78rem}input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--accent)}input:focus,select:focus,button:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #087f782e}.login-screen{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:1.2rem;min-height:100dvh;padding:1.2rem;display:grid}.login-panel,.login-context,.panel,.summary-row>div,.notice-bar,.error-banner{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.login-panel{flex-direction:column;justify-content:center;min-height:calc(100dvh - 2.4rem);padding:clamp(1.4rem,4vw,2.5rem) clamp(1.4rem,4vw,2.5rem) clamp(3.3rem,5vw,4.1rem);display:flex;position:relative}.login-context{background:linear-gradient(135deg, #087f7829, #ffffffeb), var(--surface);flex-direction:column;justify-content:flex-end;min-height:calc(100dvh - 2.4rem);padding:clamp(1.4rem,4vw,2.6rem);display:flex;position:relative;overflow:hidden}.login-visual-image{object-fit:cover;opacity:.96;width:100%;height:62%;position:absolute;inset:0}.login-context h2,.login-context ul{z-index:1;position:relative}.login-context h2{max-width:700px;margin:0 0 1rem;font-size:clamp(1.9rem,4.4vw,4rem);line-height:1}.login-context ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:760px;margin:0;padding:0;list-style:none;display:grid}.login-context li{border-left:3px solid var(--accent);color:var(--muted);background:#ffffffb8;padding:.82rem .95rem}.brand-lockup{align-items:center;gap:.85rem;display:flex}.login-brand{gap:1rem;margin-bottom:.9rem;display:grid}.brand-logo{flex-direction:column;align-items:flex-start;gap:.28rem;width:min(260px,100%);display:inline-flex}.brand-logo img{width:100%;height:auto;display:block}.brand-logo span{color:var(--accent);font-size:.92rem;font-weight:820}.brand-logo--compact{width:150px}.brand-logo--compact span{font-size:.76rem}.login-build-info{color:var(--muted);text-align:center;margin:0;font-size:.72rem;font-weight:650;position:absolute;bottom:1.05rem;left:clamp(1.4rem,4vw,2.5rem);right:clamp(1.4rem,4vw,2.5rem)}.brand-lockup h1{margin:0;font-size:1.35rem;line-height:1.12}.brand-lockup p{color:var(--muted);margin:.18rem 0 0;font-size:.91rem}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;flex:none;place-items:center;width:46px;height:46px;font-size:.9rem;font-weight:820;display:grid}.compact-brand .brand-mark{width:40px;height:40px}.compact-brand h1{font-size:1.05rem}.security-strip,.topbar-status,.flag-list{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.security-strip{margin:1.25rem 0 1.5rem}.login-form{gap:.58rem;display:grid}.login-form label,.field-label,.filter-grid span{color:var(--muted);font-size:.78rem;font-weight:720}.form-error,.error-banner{color:var(--danger)}.form-error{margin:.2rem 0;font-size:.86rem}.api-note{border-top:1px solid var(--border);color:var(--muted);margin-top:1.25rem;padding-top:1rem;font-size:.86rem}.api-note strong{color:var(--text)}.primary-button,.secondary-button,.danger-button,.icon-button{border-radius:8px;justify-content:center;align-items:center;gap:.48rem;min-height:42px;padding:.68rem .92rem;font-size:.9rem;font-weight:760;line-height:1;text-decoration:none;display:inline-flex}.danger-button{background:var(--danger-soft);color:var(--danger);border:1px solid #efb2ac}.danger-button:hover:not(:disabled){background:#fbd4d0;border-color:#d88b83}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.secondary-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--surface-muted)}.compact-button{white-space:nowrap;min-height:38px;padding:.58rem .74rem}.icon-text-button{white-space:nowrap;min-height:34px;padding:.48rem .58rem;font-size:.78rem}.danger-action{color:var(--danger);border-color:#efb2ac}.danger-action:hover:not(:disabled){background:var(--danger-soft)}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);padding:0}.status-pill{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:.25rem .54rem;font-size:.73rem;font-weight:760;line-height:1;display:inline-flex}.status-pill--neutral{color:var(--muted);background:#f4f6f6}.status-pill--success{background:var(--success-soft);color:var(--success);border-color:#b6dcc9}.status-pill--warning{background:var(--warning-soft);color:var(--warning);border-color:#eed18d}.status-pill--danger{background:var(--danger-soft);color:var(--danger);border-color:#f5b7b2}.status-pill--info{background:var(--info-soft);color:var(--info);border-color:#bdd7ee}.app-shell{width:min(1480px,100% - 2rem);margin:0 auto;padding:1rem 0 1.4rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0 .9rem;display:flex}.notice-bar,.error-banner{box-shadow:none;align-items:center;gap:.7rem;margin-bottom:.9rem;padding:.82rem .95rem;display:flex}.notice-bar{color:var(--muted);background:#f9fcfc}.notice-api{color:var(--text);margin-left:auto;font-size:.82rem;font-weight:720}.error-banner{background:var(--danger-soft);border-color:#f5b7b2;font-size:.9rem}.success-message{background:var(--success-soft);color:var(--success);border:1px solid #b6dcc9;border-radius:8px;padding:.68rem .76rem;font-size:.86rem;font-weight:720}.summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:.9rem;display:grid}.summary-row>div{box-shadow:none;grid-template-columns:auto 1fr;gap:.25rem .62rem;padding:.95rem;display:grid}.summary-row svg{color:var(--accent);grid-row:span 2}.summary-row span{color:var(--muted);font-size:.76rem;font-weight:700}.summary-row strong{font-size:1rem}.tabs-nav{border-bottom:1px solid var(--border);gap:.42rem;margin-bottom:.9rem;padding-bottom:.42rem;display:flex;overflow-x:auto}.tab-button{min-height:42px;color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.62rem .82rem;font-size:.88rem;font-weight:760;display:inline-flex}.tab-button:hover{background:var(--surface-muted);color:var(--text)}.tab-button:disabled,.secondary-button:disabled,.primary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.58}.tab-button--active{border-color:var(--border);background:var(--surface);color:var(--accent);box-shadow:0 8px 18px #182d2b12}.tab-panel{min-width:0}.workspace-grid{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:.9rem;min-width:0;display:grid}.workspace-grid--single{grid-template-columns:minmax(0,1120px)}.left-column,.right-column{align-content:start;gap:.9rem;min-width:0;display:grid}.panel{min-width:0;box-shadow:none;padding:1rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.92rem;display:flex}.panel-heading>.status-pill{margin-left:auto}.panel-heading h2{margin:.12rem 0 0;font-size:1.02rem}.panel-counter{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.82rem;font-weight:730}.section-label{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:820}.select-row{grid-template-columns:auto 1fr;align-items:center;gap:.55rem;margin-top:.4rem;display:grid}.select-row svg{color:var(--accent)}.unit-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;min-width:0;display:grid}.field-stack{gap:.3rem;display:grid}.field-stack>span{color:var(--muted);font-size:.78rem;font-weight:720}.unit-details,.metric-grid,.dryrun-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;margin-top:.9rem;display:grid}.dryrun-summary{grid-template-columns:repeat(4,minmax(145px,1fr))}.unit-details>div,.metric-grid>div,.dryrun-summary>div{border:1px solid var(--border);background:#fbfdfd;border-radius:8px;padding:.72rem}.unit-details--compact{grid-template-columns:1fr}.unit-details span,.metric-grid span,.dryrun-summary span{color:var(--muted);margin-bottom:.25rem;font-size:.72rem;font-weight:730;display:block}.unit-details strong,.metric-grid strong,.dryrun-summary strong{overflow-wrap:anywhere;font-size:.95rem;display:block}.flag-list{margin-top:.9rem}.mapping-panel,.message-detail-panel,.campaign-detail,.governance-list{border:1px solid var(--border);background:#fbfdfd;border-radius:8px;padding:.86rem}.mapping-panel{gap:.85rem;margin-bottom:.88rem;display:grid}.mapping-template span,.message-detail-panel span,.campaign-detail>span,.campaign-status-grid span{color:var(--muted);font-size:.74rem;font-weight:730;display:block}.mapping-template strong,.message-detail-panel strong,.campaign-detail strong,.campaign-status-grid strong{overflow-wrap:anywhere;margin-top:.18rem;display:block}.mapping-template p,.message-detail-panel p,.campaign-detail p,.resolution-panel p,.governance-list p{color:var(--text);margin:.5rem 0 0;line-height:1.45}.source-sheet-summary{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:.2rem;padding:.72rem;display:grid}.source-sheet-summary span,.source-sheet-summary small,.campaign-title-field span,.mapped-field-list span{color:var(--muted);font-size:.75rem;font-weight:730}.source-sheet-summary strong{overflow-wrap:anywhere}.mapping-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:.62rem;display:grid}.mapping-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.placeholder-token,.placeholder-list span{border:1px solid var(--border);background:var(--surface);min-height:28px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;padding:.28rem .5rem;font-size:.82rem;font-weight:820;display:inline-flex}.upload-box{border:1px dashed var(--border-strong);background:#fbfdfd;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;padding:.86rem;display:grid}.upload-box>svg{color:var(--accent)}.upload-box label{color:var(--text);margin-bottom:.36rem;font-size:.88rem;font-weight:760;display:block}.upload-box input{min-height:auto;color:var(--muted);background:0 0;border:0;padding:.35rem 0}.upload-box .compact-button{grid-column:1/-1;width:100%}.upload-message{grid-column:1/-1}.empty-copy,.catalog-footer,.send-lock{color:var(--muted);font-size:.86rem}.empty-copy{margin:.85rem 0 0}.filter-grid{grid-template-columns:minmax(180px,1fr) minmax(135px,.45fr) minmax(155px,.5fr);gap:.65rem;margin-bottom:.75rem;display:grid}.filter-grid label{gap:.3rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.68rem;display:grid}.form-grid label{gap:.3rem;display:grid}.form-grid span,.unit-checklist legend,.toggle-row span{color:var(--muted);font-size:.78rem;font-weight:720}.table-scroll{border:1px solid var(--border);border-radius:8px;max-width:100%;overflow-x:auto}.table-scroll table{min-width:760px}.clickable-row{cursor:pointer}.selected-row{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.template-cell{align-items:flex-start;gap:.5rem;display:flex}.template-cell svg{color:var(--accent);margin-top:.12rem}.template-cell strong{font-size:.88rem;display:block}.template-cell span{color:var(--muted);margin-top:.15rem;font-size:.76rem;display:block}.placeholder-list{flex-wrap:wrap;gap:.35rem;display:flex}.message-detail-panel{gap:.5rem;margin-top:.8rem;display:grid}.catalog-footer,.send-lock{align-items:center;gap:.42rem;margin-top:.72rem;display:flex}.panel-actions,.dryrun-actions{flex-wrap:wrap;gap:.55rem;display:flex}.panel-actions{justify-content:flex-end}.campaign-send-controls{grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:.58rem;margin-bottom:.8rem;display:grid}.campaign-send-controls label{gap:.32rem;display:grid}.campaign-title-field{gap:.32rem;margin-bottom:.8rem;display:grid}.campaign-send-controls label>span{color:var(--muted);font-size:.75rem;font-weight:730}.table-input{width:8.5rem;min-height:34px;padding:.45rem .5rem;font-size:.84rem}.table-input--time{width:5.8rem}.risk-banner{background:var(--warning-soft);color:var(--warning);border:1px solid #eed18d;border-radius:8px;align-items:flex-start;gap:.62rem;padding:.76rem;display:flex}.risk-banner strong,.risk-banner span{display:block}.risk-banner span{margin-top:.2rem;font-size:.82rem}.progress-stack{gap:.55rem;margin:.8rem 0;display:grid}.progress-stack span{color:var(--muted);margin-bottom:.3rem;font-size:.76rem;font-weight:730;display:block}.progress-track{background:var(--surface-strong);border-radius:999px;height:9px;overflow:hidden}.progress-bar{height:100%;transition:width .18s}.progress-bar--success{background:var(--success)}.progress-bar--warning{background:var(--warning)}.send-progress-backdrop{z-index:1000;background:#0d1d227a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.send-progress-dialog{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(560px,100%);padding:1.1rem;box-shadow:0 24px 70px #0d1d223d}.send-progress-heading{align-items:center;gap:.7rem;display:flex}.send-progress-heading svg{color:var(--accent)}.send-progress-heading h2{margin:.1rem 0 0;font-size:1.12rem}.send-progress-title,.send-progress-current{color:var(--muted);margin:.85rem 0 0;font-weight:680}.send-progress-meter{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-top:1rem;display:grid}.send-progress-meter strong{text-align:right;min-width:3rem}.send-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.send-progress-grid div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:.72rem}.send-progress-grid span,.send-progress-grid strong{display:block}.send-progress-grid span{color:var(--muted);font-size:.74rem;font-weight:730}.send-progress-grid strong{margin-top:.2rem;font-size:1.08rem}.dryrun-table table{min-width:1120px}.dryrun-table tbody tr{cursor:pointer}.row-select-header,.row-select-cell{text-align:center;width:2.8rem}.row-select-header input,.row-select-cell input{cursor:pointer}.contact-summary{gap:.18rem;min-width:13rem;max-width:18rem;display:grid}.contact-summary strong{color:var(--text);font-size:.82rem;line-height:1.28;display:block}.contact-summary span{color:var(--muted);overflow-wrap:anywhere;font-size:.76rem;line-height:1.28;display:block}.campaign-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:start;gap:.82rem;display:grid}.campaign-detail{position:sticky;top:.8rem}.campaign-detail>p{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:110px;padding:.72rem}.whatsapp-preview{white-space:pre-wrap;background:#e7f7ee;border:1px solid #c9e4d3;border-radius:8px;gap:.36rem;min-height:150px;margin:.52rem 0 .68rem;padding:.82rem;display:grid;box-shadow:inset 3px 0 #27a765}.whatsapp-preview p{min-height:0;color:var(--text);background:0 0;border:0;margin:0;padding:0;line-height:1.38}.whatsapp-preview strong{margin:0;font-weight:820;display:inline}.resolution-panel{background:var(--warning-soft);color:var(--warning);border:1px solid #eed18d;border-radius:8px;gap:.25rem;margin:.8rem 0;padding:.76rem;display:grid}.resolution-panel p{color:inherit;font-size:.84rem}.mapped-field-list{gap:.45rem;margin-bottom:.68rem;display:grid}.mapped-field-list>div{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.58rem}.mapped-field-list strong{margin-top:.12rem}.campaign-detail-footer{color:var(--muted);align-items:center;gap:.38rem;font-size:.82rem;display:flex}.campaign-detail-footer svg{color:var(--success)}.campaign-status-grid{grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(92px,.5fr));gap:.62rem;margin-bottom:.82rem;display:grid}.campaign-status-grid>div{border:1px solid var(--border);background:#fbfdfd;border-radius:8px;padding:.72rem}.status-webhook-warning{background:var(--warning-soft);color:var(--warning);border:1px solid #f1c76e;border-radius:8px;align-items:center;gap:.5rem;margin:0 0 .82rem;padding:.72rem .82rem;font-weight:650;display:flex}.table-actions{flex-wrap:wrap;gap:.35rem;min-width:220px;display:flex}.search-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;margin-bottom:.8rem;display:grid}.campaign-filter-row{grid-template-columns:minmax(240px,.6fr) minmax(280px,1fr);gap:.65rem;margin-bottom:.82rem;display:grid}.campaign-filter-row label{gap:.32rem;display:grid}.campaign-filter-row .search-row{margin-bottom:0}.search-row svg{color:var(--accent)}.profile-card{border:1px solid var(--border);background:#fbfdfd;border-radius:8px;align-items:center;gap:.78rem;margin-bottom:.9rem;padding:.84rem;display:flex}.profile-card svg{color:var(--accent)}.profile-card strong,.profile-card span{display:block}.profile-card span{color:var(--muted);margin-top:.12rem;font-size:.86rem}.unit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;margin-bottom:.95rem;display:grid}.unit-card{border:1px solid var(--border);color:var(--text);text-align:left;background:#fbfdfd;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;padding:.82rem;display:grid}.unit-card--selected{background:#effafe;border-color:#8ed5e7;box-shadow:inset 3px 0 #35b5e5}.unit-card svg{color:var(--accent)}.unit-card strong,.unit-card small{display:block}.unit-card small{color:var(--muted);margin-top:.16rem;font-size:.78rem}.admin-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:.9rem;display:grid}.admin-list-panel,.admin-form-panel{min-width:0}.admin-message{margin-bottom:.75rem}.admin-form-panel{position:sticky;top:.8rem}.unit-checklist{border:1px solid var(--border);border-radius:8px;gap:.52rem;margin:.85rem 0 0;padding:.72rem;display:grid}.unit-checklist legend{padding:0 .35rem}.unit-checklist label,.toggle-row label{align-items:center;gap:.45rem;display:flex}.toggle-row,.admin-actions{flex-wrap:wrap;gap:.65rem;margin-top:.85rem;display:flex}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem;margin-bottom:.95rem;display:grid}.status-grid>div{border:1px solid var(--border);background:#fbfdfd;border-radius:8px;padding:.8rem}.status-grid svg{color:var(--accent)}.status-grid span,.status-grid strong{display:block}.status-grid span{color:var(--muted);margin-top:.55rem;font-size:.75rem;font-weight:730}.status-grid strong{overflow-wrap:anywhere;margin-top:.18rem;font-size:.95rem}.governance-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.95rem;display:flex}.governance-list p{color:var(--muted);flex:360px;margin:0;font-size:.84rem}.empty-row{color:var(--muted);justify-content:center;align-items:center;gap:.45rem;padding:1rem;display:flex}.inline-icon{vertical-align:middle}.success-icon{color:var(--success)}@media (max-width:1040px){.login-screen,.workspace-grid,.admin-layout,.campaign-layout{grid-template-columns:1fr}.login-panel,.login-context{min-height:auto}.login-context{justify-content:flex-start;padding-top:min(52vw,18rem)}.admin-form-panel,.campaign-detail{position:static}}@media (max-width:720px){.app-shell{width:min(100% - 1rem,1480px);padding-top:.5rem}.login-screen{padding:.5rem}.login-context{padding:0 0 1rem}.login-visual-image{object-fit:cover;height:230px;position:relative;inset:auto}.login-context h2{margin:1rem 1.25rem .9rem;font-size:2rem;line-height:1.08}.login-context ul{padding:0 1.25rem}.login-context ul,.summary-row,.unit-selector-grid,.filter-grid,.mapping-grid,.unit-details,.metric-grid,.dryrun-summary,.unit-list,.status-grid,.campaign-status-grid,.campaign-filter-row,.campaign-send-controls{grid-template-columns:1fr}.topbar,.notice-bar{flex-direction:column;align-items:flex-start}.notice-api{margin-left:0}.upload-box,.form-grid{grid-template-columns:1fr}}