:root{
  --bg:#f3f5f7;--surface:#fff;--surface-soft:#f8f9fa;--ink:#1a2028;--muted:#718078;
  --line:#dfe2e7;--line-soft:#edeff1;--green:#133d7b;--green-2:#204f95;--green-soft:#e5ebf5;
  --amber:#bd7a20;--amber-soft:#fff4df;--red:#b74848;--red-soft:#fff0f0;--violet:#7159a8;
  --shadow:0 12px 35px rgba(31,62,45,.055);--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(145deg,#f9fafb 0%,var(--bg) 55%,#eef0f4 100%);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a{transition:.18s ease}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.58}
.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(253,254,253,.92);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}
.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,#0d336b,#2658a2);box-shadow:0 8px 19px rgba(20,125,79,.23);font-size:15px;font-weight:950}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}
.brand strong{font-size:16px;letter-spacing:-.02em}
.brand small{margin-top:4px;color:#77847d;font-size:10px;font-weight:700;letter-spacing:.03em}
.top-actions{display:flex;align-items:center;gap:9px}
.connection-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#647168;background:#fff;font-size:11px;font-weight:800;text-transform:capitalize}
.connection-pill i{width:7px;height:7px;border-radius:50%;background:#97a39c;box-shadow:0 0 0 4px rgba(151,163,156,.1)}
.connection-pill.ready{color:#213f6c;border-color:#d2dcec;background:#ebf0f8}
.connection-pill.ready i{background:#2357a5;box-shadow:0 0 0 4px rgba(35,165,106,.1)}
.connection-pill.waiting{color:#966122;border-color:#f0dcba;background:#fff7e8}
.connection-pill.waiting i{background:#e0a03f}
.icon-btn,.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dbdee3;border-radius:11px;background:#fff;color:#536159;font-size:18px}
.icon-btn:hover{background:#f3f5f7}
.avatar{border-color:#242b36;background:#242b36;color:#fff;font-size:10px;font-weight:900}
.workspace{min-height:calc(100vh - 72px);display:grid;grid-template-columns:218px minmax(0,1fr)}
.sidebar{position:sticky;top:72px;align-self:start;height:calc(100vh - 72px);display:flex;flex-direction:column;padding:25px 17px;border-right:1px solid var(--line);background:rgba(249,252,250,.87)}
.sidebar nav{display:flex;flex-direction:column;gap:6px}
.nav-link{min-height:43px;display:flex;align-items:center;gap:11px;padding:0 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#6e7c74;font-size:12px;font-weight:750;text-align:left}
.nav-link>span{width:20px;color:#7d8b83;font-size:16px;text-align:center}
.nav-link b{font-weight:800}
.nav-link em{margin-left:auto;min-width:22px;padding:3px 6px;border-radius:7px;background:#edeff2;color:#607067;font-size:9px;font-style:normal;text-align:center}
.nav-link:hover{background:#eef0f4;color:#28364b}
.nav-link.active{border-color:#d2dcea;background:#e4eaf3;color:#13376c}
.nav-link.active>span{color:#133d7b}
.nav-link.active em{background:#fff;color:#143a73}
.sidebar-note{margin-top:auto;padding:15px;border:1px solid #dce0e5;border-radius:15px;background:rgba(255,255,255,.75);color:#647168}
.sidebar-note>span{display:grid;place-items:center;width:29px;height:29px;margin-bottom:10px;border-radius:9px;background:var(--green-soft);color:var(--green);font-size:12px;font-weight:900}
.sidebar-note strong{display:block;color:#343c47;font-size:11px}
.sidebar-note p{margin:5px 0 0;font-size:9px;line-height:1.6}
.content{width:min(1370px,100%);margin:0 auto;padding:34px 37px 25px}
.view{display:none}
.view.active{display:block;animation:fade .22s ease}
@keyframes fade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-heading,.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.page-heading h1,.section-title h1{margin:6px 0 7px;color:#171c23;font-size:clamp(31px,3.3vw,46px);line-height:1.01;letter-spacing:-.047em}
.section-title h1{font-size:38px}
.page-heading>div>p:last-child,.section-title>div>p:last-child{margin:0;color:var(--muted);font-size:13px}
.eyebrow{margin:0;color:#516480;font-size:9px;font-weight:900;letter-spacing:.14em}
.heading-actions,.panel-actions,.form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:11px;text-decoration:none;font-size:11px;font-weight:850}
.btn:hover{transform:translateY(-1px)}
.btn.primary{border:1px solid #0d336d;background:linear-gradient(145deg,#164285,#0f3670);box-shadow:0 9px 20px rgba(19,119,73,.16);color:#fff}
.btn.secondary{border:1px solid #d8dce1;background:#fff;color:#414751;box-shadow:0 5px 14px rgba(27,55,40,.035)}
.btn.danger{border:1px solid #e7c8c8;background:var(--red-soft);color:var(--red)}
.btn.compact{min-height:37px;padding-inline:12px}
.text-btn{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:#244679;font-size:10px;font-weight:850}
.automation-banner{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:13px;padding:15px 17px;border:1px solid #cdd8e8;border-radius:16px;background:linear-gradient(100deg,#e9eff7,#f5f7fa 65%,#edf1f8);box-shadow:0 8px 24px rgba(33,96,63,.05)}
.automation-copy{display:flex;align-items:center;gap:12px}
.status-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d5dce7;border-radius:12px;background:#fff;color:#164080;font-size:22px;box-shadow:0 6px 16px rgba(31,133,85,.1)}
.status-icon.off{color:#8c9690;box-shadow:none}
.automation-title{display:flex;align-items:center;gap:9px}
.automation-title strong{color:#24344b;font-size:13px}
.automation-title span{padding:4px 7px;border:1px solid #d0dae9;border-radius:999px;background:rgba(255,255,255,.72);color:#264676;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.automation-copy p{margin:4px 0 0;color:#6a7381;font-size:10px}
.switch-wrap{display:flex;align-items:center;gap:9px;color:#515d70;font-size:9px;font-weight:900;letter-spacing:.12em}
.switch-wrap input{position:absolute;opacity:0;pointer-events:none}
.switch-wrap i{position:relative;width:42px;height:24px;border-radius:999px;background:#cbd0d7}
.switch-wrap i:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.18s}
.switch-wrap input:checked+i{background:#184383}
.switch-wrap input:checked+i:after{transform:translateX(18px)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}
.metric-card{position:relative;min-height:174px;padding:17px;overflow:hidden;border:1px solid #dde0e5;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}
.metric-card.featured{border-color:#14386e;background:linear-gradient(145deg,#173a6f,#124086 68%,#1d4d94);color:#fff}
.metric-card.featured:after{content:"";position:absolute;width:135px;height:135px;right:-60px;top:-62px;border:29px solid rgba(255,255,255,.045);border-radius:50%}
.metric-card.warm{background:linear-gradient(145deg,#fffdfa,#fff8ed)}
.metric-title{display:flex;align-items:center;justify-content:space-between;color:#6d7972;font-size:10px;font-weight:800}
.metric-title b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f0f2f4;color:#6f7e76;font-size:12px}
.featured .metric-title{color:#c8d6ea}
.featured .metric-title b{background:rgba(255,255,255,.12);color:#fff}
.metric-card>strong{display:block;margin-top:16px;color:#1f2631;font-size:27px;letter-spacing:-.035em}
.featured>strong{color:#fff}
.metric-card>strong small{color:#849089;font-size:11px;letter-spacing:0}
.metric-card>p{margin:7px 0 0;color:#7b8780;font-size:9px}
.featured>p{color:#bfcde2}
.metric-card p em{color:#1d4889;font-style:normal;font-weight:900}
.featured p em{color:#fff}
.bars{position:absolute;left:17px;right:17px;bottom:15px;height:31px;display:flex;align-items:flex-end;gap:5px}
.bars i{flex:1;height:29%;border-radius:4px 4px 1px 1px;background:rgba(255,255,255,.17)}
.bars i:nth-child(2){height:45%}
.bars i:nth-child(3){height:39%}
.bars i:nth-child(4){height:68%}
.bars i:nth-child(5){height:56%}
.bars i:nth-child(6){height:79%}
.bars i:nth-child(7){height:100%;background:#759ad1}
.progress{position:absolute;left:17px;right:17px;bottom:22px;height:5px;overflow:hidden;border-radius:999px;background:#e5e8ec}
.progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green-2);transition:.3s}
.dots{position:absolute;left:17px;right:17px;bottom:22px;display:flex;gap:4px}
.dots i{width:13px;height:5px;border-radius:999px;background:#3864a6}
.dots span{color:#98a29d;font-size:8px}
.schedule-chips{position:absolute;left:17px;right:17px;bottom:15px;display:flex;gap:5px}
.schedule-chips b{flex:1;padding:7px 3px;border:1px solid #e4e6e9;border-radius:8px;background:#fff;color:#859089;font-size:8px;text-align:center}
.schedule-chips b.next{border-color:#efd8ae;background:#fff2da;color:#9a6415}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.91);box-shadow:var(--shadow)}
.panel-head{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid var(--line-soft)}
.panel-head h2{margin:4px 0 0;color:#2a323e;font-size:14px;letter-spacing:-.02em}
.search{min-width:210px;height:37px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #d9dde2;border-radius:10px;background:#fbfbfc;color:#829087}
.search input{width:100%;padding:0;border:0;outline:0;background:transparent;color:#2e3540;font-size:10px}
.search input::placeholder{color:#94a099}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;white-space:nowrap}
th{height:39px;padding:0 13px;border-bottom:1px solid #e4e6ea;background:#f7f8f9;color:#7c8982;font-size:8px;text-align:left;text-transform:uppercase;letter-spacing:.08em}
td{height:63px;padding:9px 13px;border-bottom:1px solid #edeff1;color:#5f6d65;font-size:10px}
tbody tr:hover{background:#fbfbfc}
.group-cell{display:flex;align-items:center;gap:9px}
.group-cell>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:15px}
.group-cell div{display:flex;flex-direction:column;gap:4px}
.group-cell strong{color:#2a323d;font-size:10px}
.group-cell small{color:#8b9690;font-size:8px}
.money{color:#2b333e;font-weight:900}
.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:0;border-radius:999px;font-size:8px;font-weight:900}
.status-badge i{width:5px;height:5px;border-radius:50%}
.status-badge.active{background:#e3eaf4;color:#163a70}
.status-badge.active i{background:#235197}
.status-badge.paused{background:#f1eee8;color:#7f725f}
.status-badge.paused i{background:#a59277}
.row-more{padding:3px 7px;border:0;background:transparent;color:#7a8780}
.row-actions{display:flex;gap:5px}
.row-actions button{padding:5px 7px;border:1px solid #dfe2e6;border-radius:7px;background:#fff;color:#617068;font-size:8px;font-weight:800}
.row-actions button:hover{border-color:#bcc8d9;color:#173d76}
.row-actions button.delete:hover{border-color:#e8caca;background:#fff5f5;color:var(--red)}
.panel-foot{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#87928c;font-size:9px}
.empty{padding:28px;color:#7e8b84;text-align:center;font-size:10px}
.bottom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;margin-top:13px}
.bottom-grid .panel{min-height:172px;padding:16px}
.mini-head,.mini-head>div{display:flex;align-items:center;justify-content:space-between;gap:9px}
.mini-head>div{justify-content:flex-start}
.mini-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:14px}
.mini-icon.green{background:var(--green-soft);color:var(--green)}
.mini-icon.purple{background:#eeeafa;color:var(--violet)}
.mini-head strong{display:block;color:#2b333f;font-size:11px}
.mini-head p{margin:3px 0 0;color:#8a958f;font-size:8px}
.timeline{margin-top:32px}
.timeline-track{height:3px;margin:0 29px;display:flex;justify-content:space-between;background:linear-gradient(90deg,#295391 0 64%,#e0e3e7 64%)}
.timeline-track i{position:relative;top:-5px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#295391;box-shadow:0 0 0 1px #ccd1d8}
.timeline-track i.next{background:#eda946}
.timeline-labels{display:flex;justify-content:space-between;margin-top:14px;text-align:center}
.timeline-labels span{min-width:62px;display:flex;flex-direction:column;gap:3px}
.timeline-labels b{color:#404752;font-size:9px}
.timeline-labels small{color:#8e9993;font-size:7px}
.template-card blockquote{margin:17px 0 12px;padding:11px 13px;border-left:3px solid #8b74c2;border-radius:0 10px 10px 0;background:#f8f6fc;color:#5d6a63;font-size:9px;line-height:1.7}
.token-row{display:flex;justify-content:space-between;color:#87928c;font-size:8px}
.token-row span:last-child{color:#234577}
.section-title{margin-bottom:25px}
.form-panel{margin-bottom:13px;scroll-margin-top:88px}
.form-grid{display:grid;gap:11px;padding:15px 15px 0}
.form-grid.three{grid-template-columns:1.4fr .7fr .5fr}
.form-grid.two{grid-template-columns:.5fr 1.5fr}
.form-grid label,.field{display:flex;flex-direction:column;gap:7px}
.form-grid label>span,.field>label{color:#4f555f;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.form-grid small{color:#929d97;font-size:8px;text-transform:none;letter-spacing:0;font-weight:600}
.form-grid input,.form-grid select,.field input,.field textarea{width:100%;min-height:41px;padding:10px 12px;border:1px solid #dbdee3;border-radius:10px;outline:0;background:#fbfbfc;color:#272f3b;font-size:10px}
.form-grid input:focus,.form-grid select:focus,.field input:focus,.field textarea:focus{border-color:#7e97bc;box-shadow:0 0 0 3px rgba(33,145,92,.08)}
.form-actions{justify-content:flex-end;padding:15px}
.qr-panel{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:18px;margin-bottom:13px;padding:18px}
.qr-panel h2{margin:5px 0 8px;color:#2b333e;font-size:17px}
.qr-panel p:not(.eyebrow){max-width:650px;margin:0;color:#6e7c74;font-size:10px;line-height:1.6}
.qr-box{min-height:230px;display:grid;place-items:center;padding:10px;border:1px solid #dcdfe4;border-radius:15px;background:#fff;color:#64736b;font-size:11px;font-weight:850;text-align:center}
.qr-box img{max-width:210px;border-radius:8px}
.qr-panel.connected .qr-box{min-height:110px;background:#eaeff7;color:#1d4176;font-size:16px}
.inline-warning{margin-top:9px!important;padding:8px 10px;border:1px solid #edd2af;border-radius:8px;background:#fff7e8;color:#97621f!important}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border-bottom:1px solid var(--line-soft)}
.segmented{display:flex;padding:3px;border-radius:10px;background:#eef0f2}
.segmented button{min-height:31px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#718078;font-size:9px;font-weight:850}
.segmented button.active{background:#fff;color:#283850;box-shadow:0 3px 8px rgba(34,62,47,.07)}
.activity-list{display:grid}
.activity-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:13px 15px;border-bottom:1px solid var(--line-soft)}
.activity-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:11px;font-weight:900}
.activity-icon.sent{background:var(--green-soft);color:var(--green)}
.activity-icon.failed{background:var(--red-soft);color:var(--red)}
.activity-item>div>div{display:flex;align-items:center;gap:8px}
.activity-item strong{color:#2e3641;font-size:10px}
.activity-badge{padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase}
.activity-badge.sent{background:#e3eaf4;color:#163a70}
.activity-badge.failed{background:#fff0f0;color:#ae4242}
.activity-item p{margin:6px 0;color:#66746c;font-size:9px;line-height:1.55}
.activity-item small{color:#929d97;font-size:8px}
.settings-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}
.settings-grid>.panel{padding:17px}
.schedule-editor{display:grid;gap:8px;margin:19px 0 11px}
.schedule-input{display:flex;gap:7px}
.schedule-input input{flex:1;min-height:40px;padding:0 11px;border:1px solid #dbdee3;border-radius:10px;background:#fbfbfc;color:#2b323d;font-size:10px}
.schedule-input button{width:40px;border:1px solid #e5dddd;border-radius:10px;background:#fff7f7;color:#a94b4b;font-size:17px}
.field{margin-top:18px}
.field small{color:#8d9892;font-size:8px;line-height:1.5}
.field textarea{resize:vertical;line-height:1.55}
.input-suffix{display:flex;align-items:center;border:1px solid #dbdee3;border-radius:10px;background:#fbfbfc;overflow:hidden}
.input-suffix input{border:0!important;box-shadow:none!important}
.input-suffix span{padding:0 11px;color:#839088;font-size:9px}
.message-preview{margin-top:16px;padding:13px;border:1px solid #e3dff0;border-radius:11px;background:#f9f7fc}
.message-preview span{color:#7764a4;font-size:8px;font-weight:900;letter-spacing:.1em}
.message-preview p{margin:7px 0 0;color:#59675f;font-size:9px;line-height:1.7}
.policy-note{margin:13px 0 0;padding:12px 14px;border:1px solid #eed9b8;border-radius:12px;background:#fff8eb;color:#8a652f;font-size:9px;line-height:1.6}
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 2px 0;color:#939d98;font-size:8px}
footer span:last-child{display:flex;align-items:center;gap:7px}
footer i{width:6px;height:6px;border-radius:50%;background:#2b5ba3;box-shadow:0 0 0 3px rgba(43,163,108,.1)}
.toast-stack{position:fixed;z-index:100;top:84px;right:20px;width:min(340px,calc(100% - 30px));display:grid;gap:8px}
.toast{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:12px 13px;border:1px solid #dcdfe4;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(31,53,41,.18);opacity:0;transform:translateX(12px);transition:.2s}
.toast.show{opacity:1;transform:none}
.toast>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:900}
.toast.error>span{background:var(--red-soft);color:var(--red)}
.toast.info>span{background:#eef0f9;color:#67579a}
.toast p{margin:0;color:#3f4650;font-size:10px;line-height:1.5}
.confirm-dialog{width:min(410px,calc(100% - 28px));padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 25px 80px rgba(15,35,24,.25)}
.confirm-dialog::backdrop{background:rgba(21,34,27,.45);backdrop-filter:blur(3px)}
.confirm-dialog form{padding:24px;text-align:center}
.dialog-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 13px;border-radius:14px;background:#e5ebf5;color:var(--green);font-size:19px;font-weight:900}
.dialog-icon.danger{background:var(--red-soft);color:var(--red)}
.confirm-dialog h3{margin:0;color:#262d38;font-size:17px}
.confirm-dialog p{margin:8px 0 20px;color:#6e7b74;font-size:10px;line-height:1.65}
.confirm-dialog form>div:last-child{display:flex;justify-content:center;gap:8px}
.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1100px){.workspace{grid-template-columns:76px minmax(0,1fr)}
.sidebar{padding-inline:11px}
.nav-link{justify-content:center;padding:0}
.nav-link b,.nav-link em,.sidebar-note{display:none}
.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.topbar{height:66px;padding:0 17px}
.connection-pill{display:none}
.workspace{display:block}
.sidebar{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:40;width:auto;height:58px;padding:6px;border:1px solid #d9dde2;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(25,47,35,.18);backdrop-filter:blur(14px)}
.sidebar nav{height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.nav-link{min-height:0;flex-direction:column;gap:2px;font-size:7px}
.nav-link b{display:block}
.nav-link>span{height:16px;font-size:14px}
.content{padding:25px 17px 90px}
.page-heading,.section-title{align-items:flex-start;flex-direction:column}
.heading-actions{width:100%}
.heading-actions .btn{flex:1}
.bottom-grid,.settings-grid{grid-template-columns:1fr}
.panel-head{align-items:flex-start;flex-direction:column}
.panel-actions,.search{width:100%}
.panel-actions .btn{width:100%}
.qr-panel{grid-template-columns:1fr}
.form-grid.three,.form-grid.two{grid-template-columns:1fr}}
@media (max-width:560px){.brand small,.icon-btn{display:none}
.content{padding-inline:12px}
.page-heading h1,.section-title h1{font-size:31px}
.heading-actions{flex-direction:column}
.heading-actions .btn{width:100%}
.automation-banner{align-items:flex-start}
.automation-copy p{line-height:1.5}
.metric-grid{grid-template-columns:1fr}
.metric-card{min-height:155px}
.bottom-grid .panel{min-height:auto}
.filter-row{align-items:stretch;flex-direction:column}
.filter-row .search{width:100%}
.segmented{width:100%}
.segmented button{flex:1}
.form-actions{align-items:stretch;flex-direction:column}
.form-actions .btn{width:100%}
.toast-stack{right:15px}
.token-row,footer{align-items:flex-start;flex-direction:column}
.qr-box{min-height:190px}}
.confirm-dialog p{white-space:pre-line;max-height:52vh;overflow:auto}
.btn.dari-bulk{border-color:#d9d0ef;background:#f0ebfb;color:#614a98}
.btn.dari-bulk:hover{background:#e7def8}
.logout-btn{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #ead1d1;border-radius:11px;background:#fff7f7;color:#a44545;font-size:10px;font-weight:850}
.logout-btn:hover{border-color:#dbb5b5;background:#fff0f0}
.logout-btn:disabled{color:#919a95;border-color:#dfe1e5;background:#f7f8f9}
.payment-bars{position:absolute;left:17px;right:17px;bottom:19px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.payment-bars i{height:6px;border-radius:999px;background:#d8e1ee}
.payment-bars i:nth-child(2){background:#b5c5dd}
.payment-bars i:nth-child(3){background:#829dc5}
.payment-bars i:nth-child(4){background:#3d67a5}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px}
.quick-actions>button{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.9);box-shadow:0 7px 20px rgba(28,58,42,.04);text-align:left}
.quick-actions>button:hover{transform:translateY(-2px);border-color:#c8d0dd;box-shadow:0 12px 28px rgba(28,58,42,.08)}
.quick-actions>button>b{color:#829087;font-size:14px}
.quick-actions strong{display:block;color:#2a323f;font-size:10px}
.quick-actions small{display:block;margin-top:4px;color:#87938c;font-size:8px}
.quick-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:15px;font-weight:900}
.quick-icon.green{color:#163c76;background:#e3eaf4}
.quick-icon.blue{color:#426d99;background:#e8f1fa}
.quick-icon.purple{color:#705aa4;background:#eeeafa}
.urgent-all-btn{width:100%;min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 13px;padding:14px 18px;border:0;border-radius:16px;background:linear-gradient(135deg,#a63f3f,#c65b43);color:#fff;box-shadow:0 13px 30px rgba(166,63,63,.22);text-align:left}
.urgent-all-btn:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(166,63,63,.28)}
.urgent-all-btn>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.16);font-size:18px;font-weight:950}
.urgent-all-btn div{display:flex;flex-direction:column;gap:5px}
.urgent-all-btn strong{font-size:12px}
.urgent-all-btn small{color:#ffe1db;font-size:9px}
.urgent-all-btn>b{font-size:9px}
.urgent-all-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}
.received-money{color:#174180!important;font-weight:900}
.due-money{color:#a56221!important;font-weight:900}
.status-badge.paid{background:#e8f3fb;color:#3e7297}
.status-badge.paid i{background:#5498c6}
.row-actions button.pause{border-color:#ead8b7;background:#fff8eb;color:#8a652f}
.row-actions button.pay{border-color:#cbd5e4;background:#ecf1f8;color:#153b73}
.row-actions button.message{border-color:#cbddec;background:#f1f7fc;color:#3d6f98}
.undo-payment{padding:5px 8px;border:1px solid #e7d1d1;border-radius:8px;background:#fff7f7;color:#a24a4a;font-size:8px;font-weight:850}
.credit-balance,.credit-text,.credit-used-text{display:block!important;margin-top:5px!important;color:#134084!important;font-size:8px!important;font-weight:900!important;white-space:nowrap}
.credit-used-text{color:#415573!important}
.receipt-actions{flex-wrap:wrap}
.receipt-actions .credit-message{padding:6px 8px;border:1px solid #b9c7dd;border-radius:8px;background:#eaf0f8;color:#133a74;font-size:8px;font-weight:850}
.row-actions button.apply-credit{border-color:#9fb3d2;background:#e8eef8;color:#0f3875}
.credit-preview{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin-top:9px;padding:12px;border:1px solid #a8bcda;border-radius:11px;background:linear-gradient(135deg,#eaf0f8,#f7f9fc)}
.credit-preview span{color:#4c5b72;font-size:9px;font-weight:850}
.credit-preview strong{color:#0f3b7e;font-size:15px}
.credit-preview small{grid-column:1/-1;color:#5d6b80;font-size:8px}
.overpayment-safety{grid-template-columns:repeat(3,1fr)}
.overpayment-safety .credit-value{color:#103d80}
.credit-message-preview{border-color:#b8c7de;background:#f0f4fa}
.credit-message-preview>span{color:#133c79}
.form-grid.four{grid-template-columns:1.35fr .65fr .65fr .45fr}
.qr-action{margin-top:12px}
.wa-connection-details{display:flex;flex-direction:column;gap:5px;margin-top:12px;padding:10px 12px;border:1px solid #dce0e5;border-radius:10px;background:#f7f8fa}
.wa-connection-details span{display:flex;align-items:center;gap:7px;color:#353d4a;font-size:10px;font-weight:850}
.wa-connection-details span i{width:8px;height:8px;border-radius:50%;background:#d49a35;box-shadow:0 0 0 4px rgba(212,154,53,.12)}
.wa-connection-details.ready span i{background:#255194;box-shadow:0 0 0 4px rgba(37,148,95,.12)}
.wa-connection-details.error span i{background:#c94b4b;box-shadow:0 0 0 4px rgba(201,75,75,.12)}
.wa-connection-details small{color:#76837c;font-size:9px;line-height:1.45}
.qr-actions{display:flex;flex-wrap:wrap;gap:8px}
.qr-actions .qr-action{margin-top:12px}
.qr-box .spinner{width:22px;height:22px;border-width:3px}
.wa-progress{margin-top:11px;padding:11px 12px;border:1px solid #dce0e5;border-radius:11px;background:#fbfbfc}
.wa-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.wa-progress-head span{overflow:hidden;color:#525963;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.wa-progress-head b{color:#9a6a24;font-size:10px}
.wa-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e8eaee}
.wa-progress-track i{position:relative;display:block;width:8%;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#e2a845,#efc66f);transition:width .45s ease}
.wa-progress.active .wa-progress-track i:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.65) 48%,transparent 76%);animation:wa-progress-shine 1.2s linear infinite}
.wa-progress.complete{border-color:#cad5e6;background:#f3f6fb}
.wa-progress.complete .wa-progress-head b{color:#163c74}
.wa-progress.complete .wa-progress-track i{background:linear-gradient(90deg,#164386,#3666ad)}
.wa-progress.error{border-color:#efd0d0;background:#fff7f7}
.wa-progress.error .wa-progress-head b{color:#b74848}
.wa-progress.error .wa-progress-track i{background:linear-gradient(90deg,#b74848,#dc7575)}
.wa-progress-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:8px}
.wa-progress-steps span{position:relative;color:#9aa49e;font-size:7px;font-weight:750;text-align:center}
.wa-progress-steps span:before{content:"";width:5px;height:5px;display:block;margin:0 auto 3px;border-radius:50%;background:#d5d8dd}
.wa-progress-steps span.done{color:#274777}
.wa-progress-steps span.done:before{background:#2a579a}
.wa-progress-steps span.current{color:#9a6a24}
.wa-progress-steps span.current:before{background:#e1a642;box-shadow:0 0 0 4px rgba(225,166,66,.13)}
@keyframes wa-progress-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.setting-toggle{position:relative;min-width:0;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid #dce0e5;border-radius:11px;background:#f8f9fa}
.setting-toggle>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.setting-toggle strong{color:#404853;font-size:9px}
.setting-toggle small{color:#849189;font-size:8px;line-height:1.45}
.setting-toggle input{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:39px;height:22px;margin:0;opacity:0;cursor:pointer;z-index:1}
.setting-toggle input:focus-visible+i{outline:2px solid #2563eb;outline-offset:3px}
.setting-toggle i{position:relative;flex:0 0 auto;width:39px;height:22px;border-radius:999px;background:#cbd0d7}
.setting-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.18s}
.setting-toggle input:checked+i{background:#184383}
.setting-toggle input:checked+i:after{transform:translateX(17px)}
.payment-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:13px}
.payment-summary{min-height:125px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.payment-summary.primary{border-color:#1b4481;background:linear-gradient(145deg,#173a6f,#1c4c94);color:#fff}
.payment-summary>span{display:block;color:#728078;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.payment-summary.primary>span{color:#c7d5ea}
.payment-summary>strong{display:block;margin-top:15px;color:#262e3b;font-size:24px;letter-spacing:-.03em}
.payment-summary.primary>strong{color:#fff}
.payment-summary>small{display:block;margin-top:7px;color:#8b9690;font-size:8px}
.payment-summary.primary>small{color:#bdcbe0}
.payment-dialog{width:min(540px,calc(100% - 28px));padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(15,35,24,.28)}
.payment-dialog::backdrop{background:rgba(21,34,27,.48);backdrop-filter:blur(4px)}
.payment-dialog form{padding:20px}
.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.dialog-head h3{margin:4px 0 0;color:#262e3a;font-size:18px}
.payment-dialog label{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.payment-dialog label>span{color:#505660;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.payment-dialog label small{color:#929c97;font-size:8px;text-transform:none;letter-spacing:0}
.payment-dialog input,.payment-dialog select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #dbdee3;border-radius:10px;outline:0;background:#fbfbfc;color:#2a323d;font-size:10px}
.payment-dialog input:focus,.payment-dialog select:focus{border-color:#7792ba;box-shadow:0 0 0 3px rgba(33,145,92,.08)}
.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.balance-strip,.new-balance{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:11px 12px;border:1px solid #dadee4;border-radius:11px;background:#f7f8fa}
.balance-strip span,.new-balance span{color:#728078;font-size:9px}
.balance-strip strong{color:#a16021;font-size:13px}
.new-balance{border-color:#d0dae8;background:#edf1f8}
.new-balance strong{color:#163c74;font-size:14px}
.new-balance.paid{border-color:#cddff0;background:#eef6fc}
.new-balance.paid strong:after{content:" · Fully paid";color:#43799f;font-size:8px}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.spinner.dark{border-color:rgba(164,69,69,.25);border-top-color:#a44545}
@media (max-width:1000px){.form-grid.four{grid-template-columns:1fr 1fr}
.quick-actions{grid-template-columns:1fr}
.payment-summary-grid{grid-template-columns:1fr 1fr}
.row-actions{min-width:250px}}
@media (max-width:820px){.sidebar nav{grid-template-columns:repeat(5,1fr)}
.payment-summary-grid{grid-template-columns:1fr}
.form-grid.four{grid-template-columns:1fr}
.logout-btn{font-size:0;width:38px;padding:0;justify-content:center}
.logout-btn span{font-size:15px}}
@media (max-width:560px){.quick-actions{grid-template-columns:1fr}
.dialog-grid{grid-template-columns:1fr}
.payment-dialog form{padding:16px}
.logout-btn{display:inline-flex}}
.report-builder{margin-top:15px;padding:17px;border:1px solid #d8dde5;border-radius:15px;background:linear-gradient(145deg,#fbfcfd,#f4f6f9)}
.report-builder-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}
.report-builder-head>div{display:flex;align-items:center;gap:10px}
.report-builder-head strong{display:block;color:#333b47;font-size:11px}
.report-builder-head p{margin:4px 0 0;color:#7f8c85;font-size:9px}
.mini-icon.blue{background:#e7f1fa;color:#477ba4}
.setting-toggle.compact{margin:0;min-width:115px;padding:8px 10px}
.form-panel textarea,.wide-field textarea{width:100%;padding:11px 12px;border:1px solid #dbdee3;border-radius:10px;outline:0;background:#fbfbfc;color:#2a323d;font-size:10px;resize:vertical}
.form-panel textarea:focus,.wide-field textarea:focus{border-color:#7792ba;box-shadow:0 0 0 3px rgba(33,145,92,.08)}
.wide-field{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.wide-field>span,.weekday-field>span,.skip-date-field label>span{color:#53635a;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.weekday-field{margin-top:13px}
.weekday-picker{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.weekday-picker input{position:absolute;opacity:0}
.weekday-picker b{display:grid;place-items:center;min-width:48px;height:34px;padding:0 9px;border:1px solid #d7dbe1;border-radius:9px;background:#fff;color:#75827b;font-size:9px;cursor:pointer}
.weekday-picker input:checked+b{border-color:#174180;background:#e8eef6;color:#133a74;box-shadow:0 0 0 2px rgba(24,128,79,.07)}
.skip-date-field{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-top:13px}
.skip-date-field label{display:flex;flex-direction:column;gap:7px}
.skip-date-field input{min-height:38px;padding:8px 10px;border:1px solid #dbdee3;border-radius:9px;background:#fff}
.skip-date-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}
.skip-date-chips button{padding:7px 9px;border:1px solid #ead8c0;border-radius:8px;background:#fff8eb;color:#966322;font-size:8px;font-weight:850}
.skip-date-chips small{color:#929d97;font-size:8px}
.current-pdf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:11px 12px;border:1px solid #cfd6e1;border-radius:11px;background:#fff}
.current-pdf>div{display:flex;align-items:center;gap:9px}
.current-pdf>div>span{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:#fff0f0;color:#b14949;font-size:9px;font-weight:950}
.current-pdf p{margin:0}
.current-pdf strong{display:block;color:#39414c;font-size:9px}
.current-pdf small{display:block;margin-top:3px;color:#869189;font-size:8px}
.current-pdf a,.current-pdf button{padding:7px 8px;border:1px solid #d9dde4;border-radius:8px;background:#f8f9fa;color:#515863;font-size:8px;font-weight:850;text-decoration:none}
.current-pdf button{border-color:#ead2d2;background:#fff7f7;color:#a34c4c}
.report-decisions{display:grid;gap:9px;margin-bottom:13px}
.report-decisions article{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #efd8b7;border-radius:14px;background:#fff9ee}
.report-decisions article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f5e4c8;color:#a56820;font-size:16px;font-weight:950}
.report-decisions article>div{flex:1}
.report-decisions strong{display:block;color:#5e4b33;font-size:10px}
.report-decisions p{margin:4px 0 0;color:#907d66;font-size:8px}
.report-decisions button{padding:8px 10px;border:1px solid #17407d;border-radius:9px;background:#174384;color:#fff;font-size:8px;font-weight:900}
.report-decisions button.message-only{border-color:#ddc49f;background:#fff;color:#906222}
.report-status{display:flex;flex-direction:column;gap:4px;min-width:145px}
.report-status b{color:#264676;font-size:9px}
.report-status small,.muted-cell{color:#849089;font-size:8px;line-height:1.4}
@media (max-width:820px){.report-builder-head,.current-pdf,.report-decisions article{align-items:flex-start;flex-direction:column}
.setting-toggle.compact{width:100%}
.current-pdf>div:last-child{width:100%}
.current-pdf a,.current-pdf button{flex:1;text-align:center}
.report-decisions article button{width:100%}
.weekday-picker b{min-width:43px}}
.row-actions button.dari{border-color:#d9ceec;background:#f6f1fc;color:#6f55a2}
.dari-dialog{width:min(620px,calc(100% - 28px))}
.dari-preview{margin-top:13px;padding:14px;border:1px solid #ddd3ec;border-radius:12px;background:#faf7fe}
.dari-preview>span{color:#7b65a5;font-size:8px;font-weight:900;letter-spacing:.08em}
.dari-preview p{margin:10px 0 0;color:#3f354d;font-family:Tahoma,"Segoe UI",sans-serif;font-size:13px;line-height:2;text-align:right;white-space:pre-wrap}
.dialog-safety{margin:10px 0 0;color:#86918b;font-size:8px;line-height:1.5}
.btn.bulk-pause{border-color:#ead8b7;background:#fff8eb;color:#8a652f}
.btn.bulk-resume{border-color:#bcc9dc;background:#eef2f8;color:#153b73}
.btn.bulk-thanks{border-color:#c9d8ee;background:#f1f6fc;color:#426d99}
.row-actions button.pdf-delete{border-color:#efd3d3;background:#fff8f8;color:var(--red)}
.paid-thanks-dialog{width:min(590px,calc(100% - 28px))}
.paid-thanks-pdf{margin-top:13px;padding:13px;border:1px dashed #d5d9df;border-radius:12px;background:#fafbfc}
.paid-thanks-pdf>span,.paid-thanks-pdf>small{display:block}
.paid-thanks-pdf>span{margin-bottom:8px;color:#526158;font-size:9px;font-weight:850}
.paid-thanks-pdf>small{margin-top:7px;color:#849088;font-size:8px}
.paid-thanks-pdf input{width:100%;padding:8px;border:1px solid #dcdfe4;border-radius:9px;background:#fff;font-size:9px}
.pin-gate{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#e1e8f2,transparent 35%),linear-gradient(145deg,#f9fafc,#eaedf2);backdrop-filter:blur(12px)}
.pin-card{width:min(390px,100%);padding:31px;border:1px solid #d6dbe2;border-radius:23px;background:#fff;box-shadow:0 30px 90px rgba(27,55,40,.18);text-align:center}
.pin-card .brand-mark{margin:0 auto 18px}
.pin-card h1{margin:7px 0;color:#1c242f;font-size:25px;letter-spacing:-.035em}
.pin-card>p:not(.eyebrow){margin:0 0 18px;color:#75827b;font-size:11px;line-height:1.6}
.pin-card input{width:100%;height:48px;padding:0 14px;border:1px solid #d5d9e0;border-radius:12px;background:#fafbfc;text-align:center;font-size:15px;letter-spacing:.18em;outline:0}
.pin-card input:focus{border-color:#5e7eae;box-shadow:0 0 0 4px rgba(29,135,82,.09)}
.pin-card .btn{width:100%;margin-top:10px}
.pin-card small{display:block;min-height:16px;margin-top:10px;color:#b24b4b;font-size:9px}
.queue-panel{margin-bottom:13px}
.queue-count{padding:7px 10px;border-radius:999px;background:#eef0f4;color:#505d70;font-size:9px;font-weight:850}
.queue-list{display:grid;gap:8px;padding:12px}
.queue-list article{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e1e4e8;border-radius:12px;background:#fbfbfc}
.queue-list article>div{flex:1}
.queue-list strong{display:block;color:#333b48;font-size:10px}
.queue-list p{margin:4px 0 0;color:#839088;font-size:8px}
.queue-icon{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:10px;background:#e8edf5;color:#193e75;font-size:8px;font-weight:950}
.queue-icon.missed{background:#fff0e8;color:#af5e2f;font-size:15px}
.queue-icon.report{background:#fff0f0;color:#a84b4b}
.queue-list button{padding:7px 9px;border:1px solid #183f7a;border-radius:8px;background:#194485;color:#fff;font-size:8px;font-weight:900}
.queue-list button.skip{border-color:#ddcbb2;background:#fffaf1;color:#8c6735}
.queue-ready{padding:6px 8px;border-radius:8px;background:#edf1f7;color:#244473;font-size:8px;font-weight:850}
.operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
.operations-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:15px}
.operations-card>div{grid-column:2}
.operations-card strong{display:block;color:#38404d;font-size:10px}
.operations-card p{margin:4px 0 0;color:#849189;font-size:8px;line-height:1.5}
.operations-card .btn{grid-row:2;margin-top:3px}
.operations-card .btn:last-child{grid-column:2}
.auto-dari-toggle{margin-bottom:0}
.receipt-actions{display:flex;gap:5px;align-items:center}
.receipt-actions a{padding:6px 8px;border:1px solid #cbd3de;border-radius:8px;background:#f0f3f8;color:#173a6f;font-size:8px;font-weight:850;text-decoration:none}
.import-result{margin-top:12px;padding:11px;border:1px solid #ccd5e3;border-radius:10px;background:#edf1f8;color:#284570;font-size:9px}
.import-result p{margin:6px 0 0;line-height:1.6}
.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.safety-grid>span{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #dfe2e7;border-radius:10px;background:#f8f9fa;color:#839087;font-size:7px;font-weight:900;letter-spacing:.05em}
.safety-grid strong{color:#323a46;font-size:10px;letter-spacing:0;overflow-wrap:anywhere}
.report-preview-dialog{width:min(620px,calc(100% - 28px))}
.report-preview-dialog .message-preview{margin-top:11px;max-height:210px;overflow:auto}
.report-preview-dialog .message-preview p{white-space:pre-wrap;overflow-wrap:anywhere}
.inline-warning{display:block;padding:10px;border:1px solid #edcaca;border-radius:10px;background:#fff5f5;color:#9c4848;font-size:9px;line-height:1.55}
@media (max-width:1000px){.operations-grid{grid-template-columns:1fr}
.operations-card{grid-template-columns:auto 1fr auto auto}
.operations-card>div{grid-column:auto}
.operations-card .btn{grid-row:auto}
.operations-card .btn:last-child{grid-column:auto}}
@media (max-width:820px){.sidebar nav{grid-template-columns:repeat(6,1fr)}
.queue-list article{align-items:flex-start;flex-wrap:wrap}
.queue-list article>div{min-width:calc(100% - 52px)}
.queue-list button{flex:1}
.operations-card{grid-template-columns:auto 1fr}
.operations-card>div{grid-column:2}
.operations-card .btn{grid-column:1/-1}
.operations-card .btn:last-child{grid-column:1/-1}
.safety-grid{grid-template-columns:1fr}}
.notification-btn{position:relative}
.notification-btn em{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;border:2px solid #fff;border-radius:999px;background:#c94e4e;color:#fff;font-size:7px;font-style:normal;font-weight:900}
.aging-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 0 13px}
.aging-strip button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #dce0e5;border-radius:11px;background:#fff;color:#67766e;text-align:left}
.aging-strip button:hover{border-color:#a9b7cd;background:#f4f6fa}
.aging-strip span{font-size:9px;font-weight:800}
.aging-strip b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:8px;background:#e8edf5;color:#153b75;font-size:11px}
.aging-strip .critical{border-color:#ebcece;background:#fff8f8}
.aging-strip .critical b{background:#fbe5e5;color:#a24747}
.reminder-builder{margin-top:13px;border-color:#cfd7e2;background:linear-gradient(145deg,#f5f7fb,#fff)}
.advanced-settings{margin-top:13px}
.advanced-settings .form-grid{margin-top:12px}
.row-actions a{display:inline-flex;align-items:center;padding:7px 8px;border:1px solid #cbd3de;border-radius:8px;background:#f0f3f8;color:#173a6f;font-size:8px;font-weight:850;text-decoration:none}
.table-wrap td small{display:block;margin-top:4px;color:#87928c;font-size:7px}
.notification-list{display:grid;gap:8px}
.notification-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:13px;border:1px solid #ecd1d1;border-radius:12px;background:#fff7f7}
.notification-list article.read{border-color:#e0e3e7;background:#fafbfc;opacity:.78}
.notification-list article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f9dfdf;color:#a74747;font-weight:900}
.notification-list strong{color:#343c47;font-size:10px}
.notification-list p{margin:4px 0;color:#66756d;font-size:9px;line-height:1.5}
.notification-list small{color:#8d9792;font-size:8px}
.notification-list button{padding:7px 9px;border:1px solid #d6dae1;border-radius:8px;background:#fff;color:#424e60;font-size:8px;font-weight:850}
.audit-panel{margin-top:13px}
.audit-list{display:grid;gap:0}
.audit-list article{display:grid;grid-template-columns:150px minmax(0,1fr) 210px;gap:12px;padding:10px 2px;border-bottom:1px solid #edeff1;font-size:9px}
.audit-list b{color:#28436b}
.audit-list span{color:#4b525c}
.audit-list small{color:#87928c;text-align:right}
.policy-note{line-height:1.65}
@media (max-width:760px){.aging-strip{grid-template-columns:1fr 1fr}
.aging-strip button:last-child{grid-column:1/-1}
.audit-list article{grid-template-columns:1fr}
.audit-list small{text-align:left}
.notification-list article{grid-template-columns:auto 1fr}
.notification-list button{grid-column:2}
.advanced-settings .form-grid,.reminder-builder .form-grid{grid-template-columns:1fr}
.sidebar nav{grid-template-columns:repeat(7,1fr)}}
.send-delay-field{padding:13px;border:1px solid #dce0e6;border-radius:12px;background:#f8f9fb}
.send-delay-field .setting-toggle{margin:0;padding:0;background:transparent}
.delay-unit-row{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px;margin-top:10px}
.delay-unit-row input,.delay-unit-row select{width:100%;min-height:40px;padding:0 11px;border:1px solid #d8dce2;border-radius:10px;outline:0;background:#fff;color:#2d3540;font-size:10px}
.delay-unit-row input:focus,.delay-unit-row select:focus{border-color:#708bb4;box-shadow:0 0 0 3px rgba(25,132,82,.08)}
.delay-unit-row input:disabled,.delay-unit-row select:disabled{background:#eef0f2;color:#929c96}
.dari-dialog select{width:100%;min-height:42px;padding:0 11px;border:1px solid #d8dce2;border-radius:10px;outline:0;background:#fbfbfc;color:#2d3540;font-size:10px}
.dari-dialog>form>label{display:flex;flex-direction:column;gap:7px;margin-top:13px}
.dari-dialog>form>label>span{color:#526158;font-size:9px;font-weight:850}
@media (max-width:620px){.delay-unit-row{grid-template-columns:1fr}
.dari-dialog>form{padding-inline:17px}}
.template-all-btn{width:100%;min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 13px;padding:14px 18px;border:1px solid #cfc4eb;border-radius:16px;background:linear-gradient(135deg,#f4f0fc,#ebe5f8);color:#594486;box-shadow:0 12px 28px rgba(91,68,137,.12);text-align:left}
.template-all-btn:hover{transform:translateY(-2px);border-color:#b9a8df;box-shadow:0 16px 34px rgba(91,68,137,.17)}
.template-all-btn>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#7659ae;color:#fff;font-size:14px;font-weight:950}
.template-all-btn div{display:flex;flex-direction:column;gap:5px}
.template-all-btn strong{font-size:12px}
.template-all-btn small{color:#806da4;font-size:9px}
.template-all-btn>b{font-size:9px}
.template-all-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}
.bulk-dari-dialog{width:min(690px,calc(100% - 28px))}
.bulk-dari-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bulk-dari-stats>span{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid #e0d9ee;border-radius:10px;background:#faf8fd;color:#817296;font-size:7px;font-weight:900;letter-spacing:.06em}
.bulk-dari-stats strong{color:#4b3d62;font-size:10px;letter-spacing:0}
.bulk-dari-options{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:10px;margin-top:12px}
.bulk-dari-options>label{display:flex;flex-direction:column;gap:7px;margin:0!important;padding:12px;border:1px solid #dfe1e5;border-radius:11px;background:#fafbfc}
.bulk-dari-options label>span{color:#526158;font-size:9px;font-weight:850}
.bulk-dari-options input[type=number]{width:100%;min-height:41px;padding:0 11px;border:1px solid #d8dce2;border-radius:9px;outline:0;background:#fff;color:#2d3540;font-size:11px;font-weight:850}
.bulk-dari-options small{color:#859089;font-size:8px;line-height:1.45}
.bulk-dari-options .bulk-pdf-check{flex-direction:row;align-items:flex-start}
.bulk-pdf-check>input{width:17px;height:17px;margin:1px 0 0;accent-color:#7659ae}
.bulk-pdf-check>span{display:flex;flex-direction:column;gap:5px}
.bulk-pdf-check b{color:#3f454f;font-size:9px}
.bulk-pdf-check input:disabled+span{opacity:.55}
@media (max-width:620px){.template-all-btn{grid-template-columns:auto 1fr}
.template-all-btn>b{display:none}
.bulk-dari-stats,.bulk-dari-options{grid-template-columns:1fr}}
.sent-history{display:flex;min-width:145px;flex-direction:column;gap:7px}
.sent-history>span{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:6px}
.sent-history b{color:#535a65;font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.sent-history small{margin:0!important;color:#2d4568!important;font-size:8px!important;font-weight:800;white-space:normal}
.row-actions button.hawala{border-color:#e4c987;background:#fff8e8;color:#8a641d}
.hawala-dialog{width:min(680px,calc(100% - 28px))}
.hawala-dialog .safety-grid{margin-bottom:12px}
.hawala-dialog .dari-preview p{max-height:250px;overflow:auto}
.hawala-dialog input[readonly]{background:#f0f2f4;color:#4e5662;font-weight:850}
:root{--ink:#172033;--muted:#69758a;--line:#e1e6ef;--line-soft:#edf0f5;--green:#1f4a8b;--green-2:#2759a5;--green-soft:#e8eef7;--red:#b84c56;--red-soft:#fff0f1;--violet:#6654b2;--radius:18px;--shadow:0 12px 32px rgba(30,42,68,.07)}
html{scroll-behavior:smooth}
body{background:#f4f6fa;color:var(--ink);font-size:14px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr);grid-template-rows:92px minmax(0,1fr)}
.app-shell>.topbar{grid-column:2;grid-row:1;position:sticky;top:0;z-index:45;height:92px;padding:0 34px;border-bottom:1px solid rgba(219,225,236,.85);background:rgba(244,246,250,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.command-title p{margin:0 0 5px;color:#8090a8;font-size:10px;font-weight:950;letter-spacing:.15em}
.command-title h1{margin:0;color:#1a2335;font-size:24px;letter-spacing:-.035em}
.top-actions{gap:10px}
.icon-btn,.avatar{width:42px;height:42px;border-color:#dce2ec;border-radius:13px}
.logout-btn{min-height:42px;padding:0 15px;border:1px solid #edd9dc;border-radius:12px;background:#fff7f8;color:#a6404b;font-size:12px;font-weight:850}
.logout-btn span{font-size:15px}
.workspace{display:contents}
.sidebar{grid-column:1;grid-row:1/3;position:sticky;top:0;z-index:50;align-self:start;width:auto;height:100vh;padding:24px 18px 17px;border-right:1px solid #e0e5ee;background:#fff}
.sidebar-brand{display:flex;align-items:center;gap:11px;margin:0 4px 27px;color:inherit;text-decoration:none}
.sidebar-brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}
.sidebar-brand strong{color:#182235;font-size:16px;letter-spacing:-.025em}
.sidebar-brand small{margin-top:5px;color:#8a94a6;font-size:10px;font-weight:750;letter-spacing:.025em}
.sidebar .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#253148,#172033);box-shadow:0 9px 20px rgba(23,32,51,.2)}
.sidebar nav{gap:7px}
.nav-link{min-height:46px;padding:0 13px;border-radius:12px;color:#667288;font-size:13px}
.nav-link>span{font-size:17px}
.nav-link em{font-size:10px}
.nav-link:hover{background:#f3f5f9;color:#243047}
.nav-link.active{border-color:#172033;background:#172033;color:#fff;box-shadow:0 9px 18px rgba(23,32,51,.16)}
.nav-link.active>span{color:#fff}
.nav-link.active em{background:rgba(255,255,255,.15);color:#fff}
.sidebar-connection{margin-top:auto;padding:14px;border:1px solid #e1e6ef;border-radius:15px;background:#f8fafc}
.sidebar-connection>small{display:block;margin-bottom:9px;color:#8b96aa;font-size:9px;font-weight:950;letter-spacing:.1em}
.sidebar-connection .connection-pill{width:100%;padding:8px 9px;border:0;background:transparent;font-size:10px}
.sidebar-connection>#footerHealth{display:flex;align-items:center;gap:7px;margin-top:5px;color:#7c879a;font-size:9px;line-height:1.4}
.sidebar-connection>#footerHealth i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#2657a1}
.sidebar-note{margin-top:10px;padding:14px;border-color:#e1e6ef;background:#fbfcfe}
.sidebar-note strong{font-size:12px}
.sidebar-note p{font-size:10px}
.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:8px 4px 0;color:#7e899d;font-size:11px;font-weight:750}
.sidebar-footer i{font-style:normal}
.sidebar-footer b{padding:6px 9px;border:1px solid #dfe4ed;border-radius:8px;background:#f8f9fc;color:#59657a;font-size:10px}
.content{grid-column:2;grid-row:2;width:min(1400px,calc(100% - 54px));margin:0 auto;padding:28px 0 38px}
.view{scroll-margin-top:112px}
.page-heading,.section-title{margin-bottom:24px}
.page-heading h1,.section-title h1{font-size:clamp(34px,3.4vw,50px)}
.section-title h1{font-size:39px}
.page-heading>div>p:last-child,.section-title>div>p:last-child{font-size:14px;line-height:1.55}
.eyebrow{font-size:10px}
.btn{min-height:43px;padding:0 15px;border-radius:12px;font-size:12px}
.btn.compact{min-height:39px}
.text-btn{font-size:11px}
#overview>.page-heading{position:relative;min-height:244px;align-items:center;padding:31px 34px;overflow:hidden;border-radius:25px;background:linear-gradient(135deg,#172033,#23314b 68%,#2e4264);box-shadow:0 18px 42px rgba(23,32,51,.18)}
#overview>.page-heading:after{content:"";position:absolute;right:-75px;top:-95px;width:300px;height:300px;border:48px solid rgba(255,255,255,.035);border-radius:50%}
#overview>.page-heading>div{position:relative;z-index:1}
#overview>.page-heading .eyebrow{color:#8faad2}
#overview>.page-heading h1{color:#fff}
#overview>.page-heading>div>p:last-child{color:#bfc9d9}
#overview>.page-heading .heading-actions{position:relative;z-index:2;max-width:620px;justify-content:flex-end}
#overview>.page-heading .btn{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;box-shadow:none;backdrop-filter:blur(8px)}
#overview>.page-heading .btn.primary{background:#fff;color:#18233a}
#overview>.page-heading .btn:hover{background:rgba(255,255,255,.18)}
#overview>.page-heading .btn.primary:hover{background:#f1f4f9}
.campaign-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}
.campaign-pair .template-all-btn,.campaign-pair .urgent-all-btn{width:100%;min-height:104px;margin:0;border-radius:18px}
.campaign-pair .template-all-btn{background:linear-gradient(135deg,#f2effc,#e9e5f8)}
.campaign-pair .urgent-all-btn{background:linear-gradient(135deg,#fff3f3,#ffe8ea)}
.campaign-pair button strong{font-size:13px}
.campaign-pair button small{font-size:10px;line-height:1.45}
.automation-banner{padding:17px 19px;border-radius:18px}
.automation-title strong{font-size:14px}
.automation-title span{font-size:9px}
.automation-copy p{font-size:11px}
.switch-wrap{font-size:10px}
.metric-grid{gap:14px}
.metric-card{min-height:184px;padding:19px;border-radius:19px}
.metric-title{font-size:11px}
.metric-card>strong{font-size:29px}
.metric-card>strong small{font-size:12px}
.metric-card>p{font-size:10px}
.panel{border-radius:19px}
.panel-head{min-height:76px;padding:15px 18px}
.panel-head h2{font-size:17px}
.search{height:41px}
.search input{font-size:12px}
th{height:43px;padding-inline:15px;font-size:9px}
td{height:68px;padding-inline:15px;font-size:12px}
.group-cell strong{font-size:12px}
.group-cell small{font-size:10px}
.status-badge{font-size:9px}
.row-actions button,.row-actions a{font-size:9px}
.panel-foot{font-size:10px}
.empty{font-size:12px}
.quick-actions button strong,.operations-card strong,.mini-head strong{font-size:12px}
.quick-actions button small,.operations-card p,.mini-head p{font-size:10px}
.activity-item strong{font-size:12px}
.activity-item p{font-size:11px}
.activity-item small{font-size:10px}
.activity-badge{font-size:8px}
.form-grid label>span,.field>label{font-size:10px}
.form-grid small,.field small{font-size:9px}
.form-grid input,.form-grid select,.field input,.field textarea{font-size:12px}
.settings-grid>.panel{padding:19px}
.schedule-input input{font-size:12px}
.message-preview p,.template-card blockquote,.policy-note{font-size:11px}
.confirm-dialog h3{font-size:19px}
.confirm-dialog p{font-size:12px}
.toast p{font-size:11px}
footer{display:none!important}
@media (max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}
.sidebar{padding-inline:12px}
.sidebar-brand{justify-content:center;margin-inline:0}
.sidebar-brand>span:last-child,.nav-link b,.nav-link em,.sidebar-connection,.sidebar-note,.sidebar-footer{display:none}
.content{width:min(100% - 34px,1400px)}
#overview>.page-heading{align-items:flex-start;flex-direction:column}
.campaign-pair{grid-template-columns:1fr}}
@media (max-width:820px){.app-shell{display:block}
.app-shell>.topbar{position:sticky;top:0;height:70px;padding:0 16px}
.command-title p{display:none}
.command-title h1{font-size:19px}
.top-actions{gap:6px}
.top-actions .icon-btn,.top-actions .avatar{width:36px;height:36px}
.logout-btn{min-height:36px;padding:0 10px;font-size:10px}
.workspace{display:block}
.sidebar{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:60;width:auto;height:64px;padding:6px;border:1px solid #d9e0eb;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(23,32,51,.18);backdrop-filter:blur(16px)}
.sidebar-brand,.sidebar-connection,.sidebar-note,.sidebar-footer{display:none}
.sidebar nav{height:100%;display:grid;grid-template-columns:repeat(8,1fr);gap:3px}
.nav-link{min-height:0;flex-direction:column;justify-content:center;gap:2px;padding:0;font-size:8px}
.nav-link b{display:block}
.nav-link>span{width:auto;font-size:15px}
.content{width:auto;padding:20px 14px 92px}
#overview>.page-heading{min-height:300px;padding:27px 23px}
#overview>.page-heading .heading-actions{width:100%;justify-content:flex-start}
#overview>.page-heading .heading-actions .btn{flex:1}
.metric-grid{grid-template-columns:1fr 1fr}
.section-title,.page-heading{align-items:flex-start;flex-direction:column}
.panel-actions,.search{width:100%}
.campaign-pair{grid-template-columns:1fr}}
@media (max-width:560px){.command-title h1{font-size:17px}
.top-actions .avatar,.top-actions #backupBtn{display:none}
.metric-grid{grid-template-columns:1fr}
.campaign-pair button{grid-template-columns:auto 1fr}
.campaign-pair button>b{display:none}
.page-heading h1{font-size:38px}
.heading-actions .btn{min-width:calc(50% - 5px)}
.sidebar nav{overflow-x:auto}
.nav-link{min-width:47px}}
.developer-credit{display:flex;align-items:center;justify-content:center;gap:5px;padding:27px 10px 4px;color:#7f8a9d;font-size:12px}
.developer-credit strong{color:#46536a;font-size:12px}
.groups-preview th:nth-child(6),.groups-preview td:nth-child(6),#groups .table-wrap th:nth-child(7),#groups .table-wrap td:nth-child(7){text-align:center}
.groups-preview td:nth-child(6) .status-badge,#groups .table-wrap td:nth-child(7) .status-badge{justify-content:center;margin-inline:auto}
.announcement-btn{border-color:#8baad8!important;background:linear-gradient(135deg,#e8f0fb,#dcf4ff)!important;color:#083475!important}
.announcement-btn:hover{border-color:#507cbf!important;box-shadow:0 10px 24px rgba(11,143,123,.16)!important;transform:translateY(-1px)}
.announcement-dialog{width:min(790px,calc(100% - 28px));max-height:92vh}
.announcement-dialog form{padding:0 25px 25px}
.announcement-dialog label{display:flex;flex-direction:column;gap:7px;margin-top:13px}
.announcement-dialog label>span,.announcement-group-picker strong{color:#4d5c70;font-size:11px;font-weight:850}
.announcement-dialog input,.announcement-dialog select,.announcement-dialog textarea{width:100%;padding:0 12px;border:1px solid #dce3ee;border-radius:10px;outline:0;background:#fbfcff;color:#172033;font-size:12px}
.announcement-dialog input,.announcement-dialog select{height:43px}
.announcement-dialog textarea{padding-top:11px;resize:vertical;line-height:1.6}
.announcement-dialog input:focus,.announcement-dialog select:focus,.announcement-dialog textarea:focus{border-color:#678abf;box-shadow:0 0 0 3px rgba(11,143,123,.09)}
.announcement-grid{display:grid;gap:10px}
.announcement-grid.two{grid-template-columns:1fr 1fr}
.announcement-grid.three{grid-template-columns:1fr 1fr 1fr}
.announcement-fixed-services{display:flex;flex-direction:column;gap:5px;margin-top:13px;padding:12px 14px;border:1px solid #cfd8e5;border-radius:11px;background:#f2f5fa;color:#31435d;font-family:Tahoma,"Segoe UI",sans-serif;font-size:12px;line-height:1.7;text-align:right}
.announcement-fixed-services strong{color:#0b3575}
.announcement-file{padding:13px;border:1px dashed #b9c5d8;border-radius:12px;background:#f4f7fb}
.announcement-file>small{color:#748078;font-size:10px;line-height:1.5}
.announcement-group-picker{margin-top:13px;padding:13px;border:1px solid #dce3ee;border-radius:12px;background:#f8faff}
.announcement-group-picker>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.announcement-group-picker>div:first-child span{display:flex;gap:6px}
.announcement-group-picker button{padding:6px 9px;border:1px solid #cbd7e4;border-radius:7px;background:#fff;color:#4c5b70;font-size:10px;font-weight:800}
.announcement-group-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:190px;margin-top:10px;overflow:auto}
.announcement-group-list label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0;padding:9px;border:1px solid #e0e6ef;border-radius:9px;background:#fff}
.announcement-group-list input{width:16px;height:16px;margin:0;accent-color:#0b408f}
.announcement-group-list b{font-size:11px}
.announcement-group-list small{color:#7b8596;font-size:9px}
.announcement-preview{margin-top:14px;padding:14px;border:1px solid #bfcde3;border-radius:12px;background:linear-gradient(145deg,#f0f4fb,#f8fbff)}
.announcement-preview>span{color:#0b408f;font-size:9px;font-weight:900;letter-spacing:.08em}
.announcement-preview p{min-height:55px;max-height:180px;margin:9px 0;overflow:auto;color:#242c38;font-family:Tahoma,"Segoe UI",sans-serif;font-size:13px;line-height:1.9;text-align:right;white-space:pre-wrap}
.announcement-preview>small{color:#6e7d75;font-size:10px;font-weight:750}
.announcement-dialog .dialog-actions{position:sticky;bottom:-25px;background:#fff}
@media (max-width:680px){.announcement-grid.two,.announcement-grid.three,.announcement-group-list{grid-template-columns:1fr}
.announcement-dialog form{padding-left:16px;padding-right:16px}
.announcement-dialog .dialog-head,.announcement-dialog .dialog-actions{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
.campaign-pair .template-all-btn,.campaign-pair .urgent-all-btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}
.campaign-pair .template-all-btn:after,.campaign-pair .urgent-all-btn:after{content:"";position:absolute;z-index:-1;right:-55px;top:-78px;width:185px;height:185px;border:32px solid rgba(255,255,255,.35);border-radius:50%;transition:transform .35s ease}
.campaign-pair .template-all-btn{border:1px solid #bfc3ff;background:linear-gradient(135deg,#e7ecff 0%,#eee4ff 55%,#f7e9ff 100%);color:#3f3489;box-shadow:0 10px 25px rgba(83,70,180,.12)}
.campaign-pair .template-all-btn>span{background:linear-gradient(145deg,#5668dc,#8558c7);box-shadow:0 9px 20px rgba(92,74,190,.28)}
.campaign-pair .template-all-btn small{color:#71659c}
.campaign-pair .template-all-btn>b{color:#5543a4;transition:transform .24s ease}
.campaign-pair .template-all-btn:hover{transform:translateY(-4px) scale(1.006);border-color:#918ef0;background:linear-gradient(135deg,#dce4ff 0%,#e7dbff 55%,#f5ddff 100%);box-shadow:0 18px 38px rgba(83,70,180,.22)}
.campaign-pair .urgent-all-btn{border:1px solid #f0b7bd;background:linear-gradient(135deg,#ffe7dd 0%,#ffe4e9 52%,#fbdce8 100%);color:#8f2f48;box-shadow:0 10px 25px rgba(190,69,89,.12)}
.campaign-pair .urgent-all-btn>span{background:linear-gradient(145deg,#f06b5e,#d13d68);box-shadow:0 9px 20px rgba(201,61,91,.27)}
.campaign-pair .urgent-all-btn small{color:#9c5b68}
.campaign-pair .urgent-all-btn>b{color:#a63453;transition:transform .24s ease}
.campaign-pair .urgent-all-btn:hover{transform:translateY(-4px) scale(1.006);border-color:#df8897;background:linear-gradient(135deg,#ffddd0 0%,#ffd8e0 52%,#f7cfe0 100%);box-shadow:0 18px 38px rgba(190,69,89,.21)}
.campaign-pair .template-all-btn:hover:after,.campaign-pair .urgent-all-btn:hover:after{transform:scale(1.14) rotate(8deg)}
.campaign-pair .template-all-btn:hover>b,.campaign-pair .urgent-all-btn:hover>b{transform:translateX(4px)}
.campaign-pair .template-all-btn:focus-visible,.campaign-pair .urgent-all-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.campaign-pair .template-all-btn:disabled,.campaign-pair .urgent-all-btn:disabled{transform:none;box-shadow:none;filter:saturate(.65)}
.company-profile-card{margin-top:14px;padding:22px;border-color:#dce3ee;background:linear-gradient(145deg,#fff,#f8fbff)}
.company-profile-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px}
.company-profile-heading h2{margin:2px 0 5px;color:#1b2639;font-size:20px}
.company-profile-heading p{margin:0;color:#738096;font-size:11px;line-height:1.5}
.company-profile-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#243149,#172033);color:#fff;font-size:16px;font-weight:950;box-shadow:0 10px 24px rgba(23,32,51,.2)}
.ajmer-brand-seal{padding:10px 13px;border:1px solid #cfd9e8;border-radius:12px;background:#f1f5fa;color:#667181;font-size:9px;line-height:1.45;text-align:right}
.ajmer-brand-seal strong{color:#163a70;font-size:11px}
.company-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:19px}
.company-profile-grid label{display:flex;flex-direction:column;gap:7px}
.company-profile-grid label>span{color:#4f5d71;font-size:10px;font-weight:850}
.company-profile-grid input{width:100%;height:43px;padding:0 12px;border:1px solid #dce3ee;border-radius:11px;outline:0;background:#fbfcff;color:#172033;font-size:12px}
.company-profile-grid input:focus{border-color:#5578ac;box-shadow:0 0 0 3px rgba(31,139,98,.1)}
.company-profile-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.company-profile-foot>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.company-profile-foot strong{color:#263249;font-size:14px}
.company-profile-foot small{overflow:hidden;color:#788499;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.send-success-screen{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:20px;background:rgba(18,28,47,.52);opacity:0;backdrop-filter:blur(9px);transition:opacity .22s ease}
.send-success-screen.hidden{display:none}
.send-success-screen.show{opacity:1}
.send-success-card{width:min(430px,100%);padding:34px 30px 25px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(19,35,58,.28);text-align:center;transform:translateY(16px) scale(.97);transition:transform .24s ease}
.send-success-screen.show .send-success-card{transform:none}
.send-success-check{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:linear-gradient(145deg,#2d64b7,#18468b);color:#fff;font-size:42px;font-weight:900;box-shadow:0 15px 32px rgba(31,155,101,.3);animation:success-pop .48s cubic-bezier(.2,.9,.25,1.25)}
.send-success-card h2{margin:5px 0 8px;color:#172033;font-size:27px}
.send-success-card>p:not(.eyebrow){margin:0 auto 21px;color:#657287;font-size:13px;line-height:1.55}
.send-success-card button{min-width:130px}
.send-success-card>small{display:block;margin-top:17px;color:#8b96a8;font-size:10px;font-weight:750}
@keyframes success-pop{0%{transform:scale(.35);opacity:0}100%{transform:scale(1);opacity:1}}
@media (max-width:680px){.company-profile-heading{grid-template-columns:auto 1fr}
.ajmer-brand-seal{grid-column:1/-1;text-align:left}
.company-profile-grid{grid-template-columns:1fr}
.company-profile-foot{align-items:stretch;flex-direction:column}
.company-profile-foot button{width:100%}}
.announcement-pin-controls{margin-top:13px;padding:12px;border:1px solid #b8ddff;border-radius:12px;background:linear-gradient(135deg,#eef8ff,#f1f7ff)}
.announcement-pin-controls label{margin-top:0}
.announcement-pin-controls select{border-color:#a9cfee;background:#fff}
.announcement-pin-controls label:first-child>span:before{content:"📌";margin-right:6px}
.company-profile-dialog{width:min(720px,calc(100% - 28px));max-height:92vh;padding:0;border:1px solid #dce3ee;border-radius:25px;background:#fff;box-shadow:0 35px 120px rgba(23,32,51,.3)}
.company-profile-dialog::backdrop{background:rgba(19,29,48,.5);backdrop-filter:blur(9px)}
.company-profile-dialog form{padding:24px}
.company-profile-dialog .company-profile-heading{margin-top:18px;padding:16px;border:1px solid #e0e7ef;border-radius:17px;background:linear-gradient(145deg,#f8fbff,#f2f5fa)}
.company-profile-dialog .dialog-actions{margin-left:-24px;margin-right:-24px;margin-bottom:-24px;padding:17px 24px}
.row-actions button.loan{border-color:#c9d5f2;background:#f2f5ff;color:#495fa0}
.loan-dialog{width:min(680px,calc(100% - 28px))}
.loan-dialog section{margin-top:10px}
.loan-dialog .loan-send-check{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px;border:1px solid #d6dce5;border-radius:11px;background:#f4f6fa}
.loan-dialog .loan-send-check input{width:18px;min-height:18px;margin:0}
.loan-dialog .loan-send-check span{font-size:10px;text-transform:none;letter-spacing:0}
.loan-dialog .dari-preview p{max-height:270px;overflow:auto;white-space:pre-wrap}
.loan-dialog #loanPayFullBtn{margin-top:10px}
.thanks-message-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.thanks-message-options label{position:relative;margin:0;cursor:pointer}
.thanks-message-options input{position:absolute;opacity:0;pointer-events:none}
.thanks-message-options label>span{min-height:70px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 13px;border:1px solid #dce3ee;border-radius:12px;background:#f9faff;color:#526077;transition:.16s ease}
.thanks-message-options strong{font-size:10px}
.thanks-message-options small{font-size:8px;line-height:1.5}
.thanks-message-options input:checked+span{border-color:#7c8fca;background:#f0f3ff;color:#334b99;box-shadow:0 0 0 3px rgba(68,91,170,.1)}
.thanks-message-options input:focus-visible+span{outline:2px solid #526bb4;outline-offset:2px}
@media (max-width:620px){.thanks-message-options{grid-template-columns:1fr}}
.loan-history{margin-top:12px;padding:12px;border:1px solid #e0e5ec;border-radius:11px;background:#fafbfe}
.loan-history>span{color:#69768b;font-size:8px;font-weight:900;letter-spacing:.08em}
.loan-history>div{display:grid;gap:6px;margin-top:8px}
.loan-history article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border-radius:8px;background:#fff;color:#657268;font-size:9px}
.loan-history article strong{color:#353d48}
.loan-history article.paid strong{color:#274b81}
.loan-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.loan-metric{position:relative;overflow:hidden;min-height:145px;padding:22px;border:1px solid #dde5ef;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(35,49,82,.07)}
.loan-metric:after{content:"";position:absolute;right:-35px;bottom:-42px;width:130px;height:130px;border-radius:50%;background:#edf1ff}
.loan-metric span,.loan-metric strong,.loan-metric small{position:relative;z-index:1;display:block}
.loan-metric span{color:#738096;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.loan-metric strong{margin:19px 0 7px;color:#1f2d46;font-size:28px}
.loan-metric small{color:#738096;font-size:11px;font-weight:750}
.loan-metric.issued{background:linear-gradient(145deg,#fff,#f6f4ff)}
.loan-metric.issued:after{background:#eae5ff}
.loan-metric.recovered{background:linear-gradient(145deg,#fff,#eff3fa)}
.loan-metric.recovered:after{background:#d9e3f3}
.loan-metric.outstanding{border-color:#f0d4d9;background:linear-gradient(145deg,#fff,#fff3f4)}
.loan-metric.outstanding:after{background:#ffe3e7}
.loan-metric.accounts{background:linear-gradient(145deg,#fff,#f3f8ff)}
.loan-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.loan-tools select{height:42px;padding:0 34px 0 12px;border:1px solid #dbe2ed;border-radius:11px;background:#fff;color:#536077;font:inherit;font-size:11px;font-weight:750}
.loan-accounts-panel{margin-bottom:18px}
.loan-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.loan-detail-grid .panel{min-width:0}
.loan-currency{display:inline-flex;padding:6px 9px;border-radius:8px;background:#edf1ff;color:#485daf;font-weight:900}
.loan-state{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850}
.loan-state.active{background:#fff0f1;color:#be4654}
.loan-state.paid{background:#e8eef8;color:#123e80}
.loan-row-actions{display:flex;gap:6px;white-space:nowrap}
.loan-row-actions button{min-height:34px;padding:0 10px;border:1px solid #dbe2ee;border-radius:9px;background:#fff;color:#536077;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.loan-row-actions button.repay{border-color:#bfcde2;background:#ecf1f9;color:#113a78}
.loan-row-actions button:disabled{opacity:.45;cursor:not-allowed}
.loan-workspace td small{display:block;margin-top:4px;color:#8c96a7}
@media (max-width:1200px){.loan-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.loan-detail-grid{grid-template-columns:1fr}}
@media (max-width:700px){.loan-metric-grid{grid-template-columns:1fr}
.loan-tools{align-items:stretch;flex-direction:column}
.loan-tools>*{width:100%}
.loan-metric{min-height:120px}}
.loan-picker-dialog{width:min(520px,calc(100% - 28px))}
.loan-account-dialog{width:min(880px,calc(100% - 28px));max-height:92vh;padding:0}
.loan-account-shell{padding:25px}
.loan-account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.loan-account-summary article{padding:16px;border:1px solid #dfe6ef;border-radius:15px;background:linear-gradient(145deg,#fff,#f7f9fd)}
.loan-account-summary span,.loan-account-summary strong{display:block}
.loan-account-summary span{color:#7a8699;font-size:10px;font-weight:850;text-transform:uppercase}
.loan-account-summary strong{margin-top:8px;color:#22314a;font-size:21px}
.loan-account-summary article:last-child{border-color:#efd7dc;background:#fff5f6}
.loan-account-actions{display:flex;gap:8px;margin-bottom:16px}
.loan-delete-account{margin-left:auto!important;border-color:#efc9ce!important;background:#fff3f4!important;color:#b6404e!important}
.loan-account-section{margin-top:13px;padding:15px;border:1px solid #e0e6ef;border-radius:16px;background:#fafbfd}
.account-ledger-list{display:grid;gap:8px;margin-top:12px}
.account-ledger-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid #e5eaf1;border-radius:12px;background:#fff}
.account-ledger-list article strong,.account-ledger-list article small{display:block}
.account-ledger-list article small{margin-top:5px;color:#7b8799;font-size:10px}
.ledger-actions{display:flex;gap:6px}
.ledger-actions button{min-height:32px;padding:0 10px;border:1px solid #dbe2ed;border-radius:8px;background:#fff;color:#526078;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.ledger-actions button.delete{border-color:#f0cbd0;background:#fff4f5;color:#b84452}
.loan-row-actions button.details{border-color:#cbd7f6;background:#f2f5ff;color:#4059a8}
.loan-row-actions button.delete-account{border-color:#efc6cd;background:#fff1f3;color:#b33848}
@media (max-width:650px){.loan-account-summary{grid-template-columns:1fr}
.account-ledger-list article{grid-template-columns:1fr}
.loan-account-actions{flex-direction:column}}
.loan-account-dialog{overflow:auto}
.password-protection-card{position:fixed;z-index:75;right:18px;bottom:18px;width:min(360px,calc(100% - 36px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;border:1px solid #d8e1ef;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 65px rgba(23,32,51,.2);backdrop-filter:blur(12px)}
.password-protection-card.hidden{display:none}
.password-protection-mark,.onboarding-brand{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#3155d9,#6458d4);color:#fff;font-size:16px;font-weight:950;box-shadow:0 10px 22px rgba(49,85,217,.25)}
.password-protection-card>div:nth-child(2)>span{display:block;color:#5269c8;font-size:8px;font-weight:950;letter-spacing:.14em}
.password-protection-card strong{display:block;margin-top:4px;color:#202e49;font-size:14px}
.password-protection-card p{margin:5px 0;color:#66738a;font-size:10px;line-height:1.55}
.password-protection-card small{color:#8792a4;font-size:8px}
.password-protection-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.password-protection-actions button{min-height:39px}
.onboarding-dialog{width:min(820px,calc(100% - 28px));max-height:92vh;padding:0;border:1px solid #dbe3ef;border-radius:25px;background:#fff;box-shadow:0 35px 120px rgba(20,31,56,.32)}
.onboarding-dialog::backdrop{background:rgba(18,27,48,.62);backdrop-filter:blur(8px)}
.onboarding-dialog form{padding:26px}
.onboarding-head{display:flex;align-items:center;gap:14px;padding-bottom:19px;border-bottom:1px solid #e8edf4}
.onboarding-head p{margin:0;color:#536ac9;font-size:9px;font-weight:950;letter-spacing:.14em}
.onboarding-head h2{margin:5px 0 4px;color:#202d46;font-size:25px}
.onboarding-head span{color:#748096;font-size:11px}
.onboarding-steps{display:grid;gap:10px;margin-top:17px}
.onboarding-steps article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;border:1px solid #e0e6ef;border-radius:15px;background:#fafbfd}
.onboarding-steps article>b{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#e9eefc;color:#3554c6;font-size:12px}
.onboarding-steps article strong{display:block;color:#26344d;font-size:13px}
.onboarding-steps article p{margin:4px 0 0;color:#758197;font-size:10px;line-height:1.55}
.onboarding-steps article em{padding:6px 8px;border-radius:9px;background:#fff0df;color:#a66417;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}
.onboarding-steps article.complete{border-color:#cdd8e8;background:#f5f7fb}
.onboarding-steps article.complete>b,.onboarding-steps article.complete em{background:#dae4f2;color:#143a72}
.onboarding-guide-step{align-items:start!important}
.onboarding-guide-step ol{margin:8px 0 0;padding-left:18px;color:#56647a;font-size:10px;line-height:1.65}
.onboarding-guide-step button{align-self:center}
.onboarding-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.onboarding-actions button:disabled{opacity:.45;cursor:not-allowed}
.onboarding-credit{display:block;margin-top:12px;color:#8a94a5;font-size:8px;text-align:right}
@media (max-width:700px){.password-protection-card{right:12px;bottom:12px;width:calc(100% - 24px)}
.onboarding-dialog form{padding:18px}
.onboarding-steps article{grid-template-columns:auto 1fr}
.onboarding-steps article em,.onboarding-steps article button{grid-column:2}
.onboarding-actions,.password-protection-actions{grid-template-columns:1fr;display:grid}
.onboarding-actions button{width:100%}}
.password-action-error{min-height:18px;margin:8px 0 0;color:#b74848;font-size:10px;font-weight:750;line-height:1.45}
.password-action-error:empty{display:none}
.settings-grid #adminSummaryStatus{margin:12px 0;color:#61708a;font-size:10px;line-height:1.5}
.admin-destinations{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.admin-destinations>span{color:#525963;font-size:9px;font-weight:850}
.admin-destinations>small{color:#87938c;font-size:8px;line-height:1.45}
.admin-destinations>.btn{align-self:flex-start}
.admin-number-list{display:grid;gap:7px}
.admin-number-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.admin-number-row input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #dbdee3;border-radius:10px;outline:0;background:#fbfbfc;color:#2a323d;font-size:10px}
.admin-number-row input:focus{border-color:#7792ba;box-shadow:0 0 0 3px rgba(33,145,92,.08)}
.admin-number-row button{min-width:76px;border:1px solid #ead1d1;border-radius:9px;background:#fff7f7;color:#a44545;font-size:8px;font-weight:850}
.top-language-picker{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-size:9px;font-weight:850}
.top-language-picker span{white-space:nowrap}
.top-language-picker select,.row-language-select{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:9px;font-weight:800}
.top-language-picker select{height:28px;padding:0 7px}
.row-language-select{min-height:31px;padding:0 6px;max-width:145px}
.form-grid label small{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.4}
@media (max-width:760px){.top-language-picker span{display:none}
.top-language-picker{padding:4px}
.row-language-select{max-width:100%;width:100%}}
#numbers .form-panel{margin-bottom:18px}
#numbers .table-wrap td small{display:block;margin-top:4px}
.row-actions .credit-message{white-space:nowrap}
.thank-you-stack{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;vertical-align:top;white-space:nowrap}
.row-actions .thank-you-btn{border-color:#bfcde2;background:#edf2f9;color:#133a74;font-weight:850}
.thank-you-stack small{display:block;margin:0!important;color:#7d8998!important;font-size:7px!important;font-weight:750!important;line-height:1.15;text-align:center;white-space:nowrap}
.thank-you-stack .thank-you-btn:disabled{opacity:.45;cursor:not-allowed}
.row-actions button.saudi-payment-btn{position:relative;overflow:hidden;border-color:#efb14f;background:linear-gradient(180deg,#fff8ea,#fff4dd);color:#965b00;box-shadow:0 0 0 1px rgba(239,177,79,.12) inset}
.row-actions button.saudi-payment-btn:hover{border-color:#e2a033;background:#fff4de;color:#824d00}
.row-actions button.saudi-payment-btn::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,rgba(255,0,0,.0),rgba(255,88,0,.85),rgba(255,210,0,.95),rgba(255,88,0,.85),rgba(255,0,0,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:saudi-btn-spin 2.8s linear infinite;pointer-events:none;opacity:.95}
.saved-pdf-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px;border:1px solid #ecd7b4;border-radius:12px;background:linear-gradient(145deg,#fffaf1,#fff6e4)}
.saved-pdf-card span{display:block;color:#8b6a1e;font-size:8px;font-weight:900;letter-spacing:.08em}
.saved-pdf-card strong{display:block;margin-top:4px;color:#5a4721;font-size:10px}
.saved-pdf-card div{display:flex;align-items:center;gap:8px}
.saved-pdf-card a{display:inline-flex;align-items:center;padding:7px 9px;border:1px solid #d8c18f;border-radius:8px;background:#fff;color:#866117;font-size:8px;font-weight:850;text-decoration:none}
.saved-pdf-card .pdf-delete{padding:7px 9px;border:1px solid #efd3d3;border-radius:8px;background:#fff8f8;color:var(--red);font-size:8px;font-weight:850}
.saudi-payment-dialog{width:min(700px,calc(100% - 28px))}
.saudi-payment-dialog .safety-grid{margin-bottom:12px}
.saudi-payment-dialog .dari-preview p{max-height:250px;overflow:auto}
.saudi-payment-dialog .new-balance strong{color:#0f3b7c}
.saudi-payment-dialog label.hidden{display:none}
@keyframes saudi-btn-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button{
  position: relative;
  z-index: 0;
  isolation: isolate;
  min-width: auto;
  width: auto;
  height: 33px;
  min-height: 33px;
  padding: 0 10px;
  border: none !important;
  outline: none;
  border-radius: 9px !important;
  background: #111 !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  overflow: visible;
  transition: transform .18s ease, color .18s ease, box-shadow .18s ease;
  box-shadow: none !important;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button::before{
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 10px;
  background: linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#0066ff,#0066ff,#002bff,#7a00ff,#ff00c8,#ff0000);
  background-size: 400%;
  z-index: -2;
  filter: blur(5px);
  opacity: 0;
  transition: opacity .3s ease-in-out;
  animation: ajmer-glowing-48 20s linear infinite;
  pointer-events: none;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 9px !important;
  background: #111 !important;
  padding: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
  animation: none !important;
  opacity: 1 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button:hover:not(:disabled){
  transform: scale(1.05);
  color: #fff !important;
  background: #111 !important;
  box-shadow: 0 7px 14px rgba(0,0,0,.16) !important;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button:hover:not(:disabled)::before{
  opacity: 1;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button:active:not(:disabled){
  transform: translateY(1px) scale(1.02);
  font-weight: 900;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button:active:not(:disabled)::after{
  background: transparent !important;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button:disabled{
  pointer-events: none;
  opacity: .65 !important;
  color: #7e7e7e !important;
  background: #dcdcdc !important;
  box-shadow: none !important;
  transform: none !important;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button:disabled::before{
  opacity: 0 !important;
  animation: none !important;
}
:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button:disabled::after{
  background: #dcdcdc !important;
}
.row-actions button.saudi-payment-btn::after{
  content: "" !important;
  background: #111 !important;
  animation: none !important;
}
@keyframes ajmer-glowing-48{
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}
@media (prefers-reduced-motion: reduce){:is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button,
  :is(.row-actions,.loan-row-actions,.ledger-actions,.receipt-actions) button::before{
    animation: none !important;
    transition: none !important;
  }}
.group-name-bulk-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border,#e5e7eb)}
.group-name-bulk-controls button{border:1px solid #cbd5e1;border-radius:8px;padding:7px 11px;background:var(--surface,#fff);cursor:pointer;font-weight:700}
.group-name-bulk-controls small{opacity:.7}
.group-name-toggle.is-on{box-shadow:inset 0 0 0 1px #2263c5}
.group-name-toggle.is-off{opacity:.72}
.commission-btn{font-weight:700}
#commissionDialog.commission-dialog{
  width:min(720px,calc(100% - 28px));max-height:min(92vh,900px);max-height:min(92dvh,900px);
  padding:0;overflow:auto;border:1px solid #dbe4ed;border-radius:22px;
  background:#fff;color:#202c3b;box-shadow:0 32px 100px rgba(16,33,54,.32);
}
#commissionDialog.commission-dialog::backdrop{background:rgba(16,30,48,.58);backdrop-filter:blur(5px)}
#commissionDialog.commission-dialog form{padding:0;display:block}
#commissionDialog .commission-header{display:flex;align-items:flex-start;gap:16px;margin:0;padding:26px 28px 23px;border-bottom:1px solid #e7edf3;background:linear-gradient(115deg,#f7fafc,#edf1f7)}
#commissionDialog .commission-header-icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#143566;color:#fff;font-size:26px;font-weight:750;box-shadow:0 9px 18px rgba(20,102,79,.18)}
#commissionDialog .commission-heading{min-width:0;flex:1}
#commissionDialog .commission-eyebrow{display:block;color:#213d68;font-size:11px;font-weight:800;letter-spacing:.11em}
#commissionDialog .commission-heading h3{margin:5px 0 3px;color:#1d3040;font-size:24px;line-height:1.2;letter-spacing:-.02em}
#commissionDialog .commission-heading p{margin:0;color:#536476;font-size:13px;line-height:1.45}
#commissionDialog .commission-close{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d7e1e8;border-radius:10px;background:#fff;color:#46566a;font-size:24px;line-height:1;cursor:pointer}
#commissionDialog .commission-content{padding:24px 28px 27px}
#commissionDialog .commission-account{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;border:1px solid #e4ebf0;border-radius:13px;background:#fafbfd}
#commissionDialog .commission-account-icon{flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e8eff5;color:#476176;font-size:19px}
#commissionDialog .commission-account>div{min-width:0}
#commissionDialog .commission-account span:not(.commission-account-icon),#commissionDialog .commission-balances span:not(.commission-balance-arrow){display:block;color:#5c6c7a;font-size:11px;font-weight:800;letter-spacing:.045em}
#commissionDialog .commission-account strong{display:block;overflow-wrap:anywhere;color:#26394a;font-size:16px;line-height:1.45}
#commissionDialog .commission-balances{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:14px}
#commissionDialog .commission-balances>div{min-width:0;padding:17px 18px;border:1px solid #e4e9ef;border-radius:14px;background:#f8fafc}
#commissionDialog .commission-balances strong{display:block;overflow-wrap:anywhere;margin-top:8px;color:#26394a;font-size:22px;font-variant-numeric:tabular-nums;line-height:1.15}
#commissionDialog .commission-balances .commission-balance-after{border-color:#b9c8df;background:#edf1f8}
#commissionDialog .commission-balance-after strong{color:#09306b}
#commissionDialog .commission-balance-arrow{font-size:22px;font-weight:700;color:#788290}
#commissionDialog .commission-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:16px;margin-top:22px}
#commissionDialog .commission-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
#commissionDialog .commission-field>span{color:#2b3948;font-size:13px;font-weight:750;letter-spacing:0;text-transform:none}
#commissionDialog .commission-field b{color:#bf3f50}
#commissionDialog .commission-field small{margin-left:4px;color:#657587;font-size:11px;font-weight:500}
#commissionDialog .commission-field input,#commissionDialog .commission-field textarea{box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 13px;border:1px solid #ccd8e1;border-radius:10px;background:#fff;color:#1e2f3e;font:inherit;font-size:15px;line-height:1.45;outline:none;resize:vertical}
#commissionDialog .commission-field textarea{min-height:76px}
#commissionDialog .commission-field input:focus,#commissionDialog .commission-field textarea:focus{border-color:#204986;box-shadow:0 0 0 3px rgba(32,134,97,.16)}
#commissionDialog .commission-preview{margin-top:20px;overflow:hidden;border:1px solid #d8dde4;border-radius:14px;background:#fff}
#commissionDialog .commission-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #e1e5ea;background:#f3f5f8}
#commissionDialog .commission-preview-head strong{color:#293a53;font-size:13px}
#commissionDialog .commission-preview-head span{color:#586476;font-size:11px}
#commissionDialog .commission-preview p{max-height:190px;min-height:64px;margin:0;padding:15px 16px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#344655;font-size:13px;line-height:1.65}
#commissionDialog .commission-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:17px 28px;border-top:1px solid #e5ebf0;background:#f8fafb}
#commissionDialog .commission-footer p{max-width:270px;margin:0;color:#516273;font-size:11px;line-height:1.5}
#commissionDialog .commission-actions{display:flex;justify-content:flex-end;gap:9px}
#commissionDialog .commission-actions button{min-height:42px;padding:0 16px;border:1px solid #cdd9e2;border-radius:10px;background:#fff;color:#314455;font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
#commissionDialog .commission-actions .commission-save{border-color:#123160;background:#123160;color:#fff}
#commissionDialog .commission-actions .commission-save:hover{background:#0b264f}
#commissionDialog .commission-actions button:disabled{opacity:.55;cursor:wait}
#commissionDialog button:focus-visible{outline:3px solid #6481ad;outline-offset:2px}
@media (max-width:650px){#commissionDialog .commission-header{gap:11px;padding:20px 18px}
#commissionDialog .commission-header-icon{width:40px;height:40px;font-size:23px}
#commissionDialog .commission-heading h3{font-size:21px}
#commissionDialog .commission-content{padding:18px}
#commissionDialog .commission-fields{grid-template-columns:1fr;gap:14px}
#commissionDialog .commission-balances{gap:6px}
#commissionDialog .commission-balances>div{padding:12px}
#commissionDialog .commission-balances strong{font-size:17px}
#commissionDialog .commission-footer{align-items:stretch;flex-direction:column;padding:15px 18px}
#commissionDialog .commission-footer p{max-width:none}
#commissionDialog .commission-actions button{flex:1}}
dialog.money-ui{
  width:min(720px,calc(100% - 28px));max-height:min(92vh,900px);max-height:min(92dvh,900px);
  overflow:auto;padding:0;border:1px solid #dbe4ed;border-radius:22px;
  background:#fff;color:#202c3b;box-shadow:0 32px 100px rgba(16,33,54,.32)
}
dialog.money-ui::backdrop{background:rgba(16,30,48,.58);backdrop-filter:blur(5px)}
dialog.money-ui form{padding:0!important;display:block}
dialog.money-ui .dialog-head{
  display:flex;align-items:flex-start;gap:16px;margin:0 0 22px!important;padding:23px 28px!important;
  border-bottom:1px solid #e7edf3;background:linear-gradient(115deg,#f7fafc,#edf1f7)
}
dialog.money-ui .dialog-head::before{
  content:'AS';flex:none;display:grid;place-items:center;width:48px;height:48px;
  border-radius:15px;background:#143566;color:#fff;font-size:16px;font-weight:850;
  box-shadow:0 9px 18px rgba(20,102,79,.18)
}
dialog.money-ui .dialog-head>div{flex:1;min-width:0}
dialog.money-ui .finance-brand{display:block;color:#173768;font-size:11px;font-weight:850;letter-spacing:.07em}
dialog.money-ui .dialog-head .eyebrow{margin:4px 0 0;color:#627782;font-size:10px;font-weight:800;letter-spacing:.08em}
dialog.money-ui .dialog-head h2,dialog.money-ui .dialog-head h3{
  margin:4px 0 0;color:#1d3040;font-size:23px;line-height:1.25;letter-spacing:-.02em
}
dialog.money-ui .dialog-head>button{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #d7e1e8;border-radius:10px;background:#fff;color:#46566a;font-size:24px;line-height:1;cursor:pointer}
dialog.money-ui form> :not(.dialog-head):not(.dialog-actions){margin-left:28px;margin-right:28px}
dialog.money-ui .payment-balance-card,dialog.money-ui .safety-grid,dialog.money-ui .overpayment-summary{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin-top:12px;padding:0;border:0;background:transparent;box-shadow:none
}
dialog.money-ui .payment-balance-card>div,dialog.money-ui .safety-grid>span,dialog.money-ui .overpayment-summary>span{
  display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;
  padding:16px 18px;border:1px solid #e4e9ef;border-radius:14px;background:#f8fafc;text-align:left
}
dialog.money-ui .payment-balance-card>div:last-child,dialog.money-ui .safety-grid>span:last-child,dialog.money-ui .overpayment-summary>span:last-child{
  border-color:#b9c8df;background:#edf1f8
}
dialog.money-ui .payment-balance-card span,dialog.money-ui .safety-grid>span,dialog.money-ui .overpayment-summary>span{
  color:#526677;font-size:11px;font-weight:750;line-height:1.4;letter-spacing:.03em
}
dialog.money-ui .payment-balance-card strong,dialog.money-ui .safety-grid strong,dialog.money-ui .overpayment-summary strong{
  display:block;max-width:100%;overflow-wrap:anywhere;color:#26394a;font-size:19px;font-weight:800;
  font-variant-numeric:tabular-nums;line-height:1.22;letter-spacing:0
}
dialog.money-ui .payment-balance-card>div:last-child strong,dialog.money-ui .safety-grid>span:last-child strong,dialog.money-ui .overpayment-summary>span:last-child strong{color:#09306b}
dialog.money-ui .balance-strip,dialog.money-ui .new-balance{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px 18px;border:1px solid #e4e9ef;border-radius:14px;background:#f8fafc
}
dialog.money-ui .new-balance{border-color:#b9c8df;background:#edf1f8}
dialog.money-ui .balance-strip span,dialog.money-ui .new-balance span{color:#526677;font-size:12px;font-weight:750}
dialog.money-ui .balance-strip strong,dialog.money-ui .new-balance strong{overflow-wrap:anywhere;color:#26394a;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
dialog.money-ui .new-balance strong{color:#09306b}
dialog.money-ui .dialog-grid,dialog.money-ui .two-fields{gap:14px}
dialog.money-ui label{min-width:0}
dialog.money-ui label>span,dialog.money-ui .payment-amount-field>span{color:#2b3948;font-size:13px;font-weight:750;letter-spacing:0;text-transform:none}
dialog.money-ui label small,dialog.money-ui .payment-amount-field small{color:#657587;font-size:11px;font-weight:500;line-height:1.45}
dialog.money-ui input:not([type=radio]):not([type=checkbox]),dialog.money-ui select,dialog.money-ui textarea{
  box-sizing:border-box;max-width:100%;min-height:45px;border:1px solid #ccd8e1;border-radius:10px;
  background:#fff;color:#1e2f3e;font-size:14px;line-height:1.4
}
dialog.money-ui input:focus-visible,dialog.money-ui select:focus-visible,dialog.money-ui textarea:focus-visible,dialog.money-ui button:focus-visible{outline:3px solid #6481ad;outline-offset:2px}
dialog.money-ui .money-input input{padding-right:60px;font-size:19px;font-weight:800}
dialog.money-ui .message-box,dialog.money-ui .dari-preview{
  overflow:hidden;padding:0;border:1px solid #d8dde4;border-radius:14px;background:#fff
}
dialog.money-ui .message-box>span,dialog.money-ui .dari-preview>span{
  display:block;margin:0;padding:12px 16px;border-bottom:1px solid #e1e5ea;
  background:#f3f5f8;color:#293a53;font-size:12px;font-weight:800;letter-spacing:.03em
}
dialog.money-ui .message-box p,dialog.money-ui .dari-preview p{
  max-height:190px;min-height:55px;margin:0;padding:15px 16px;overflow:auto;
  white-space:pre-wrap;overflow-wrap:anywhere;color:#344655;font-size:13px;line-height:1.65
}
dialog.money-ui .dialog-actions{
  position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:9px;
  margin:22px 0 0!important;padding:16px 28px!important;
  border-top:1px solid #e5ebf0;background:#f8fafb
}
dialog.money-ui .dialog-actions button{min-height:42px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:750;white-space:normal}
dialog.money-ui .dialog-actions .primary-btn,dialog.money-ui .dialog-actions .btn.primary{background:#123160;color:#fff;border-color:#123160}
dialog.money-ui .dialog-actions .secondary-btn,dialog.money-ui .dialog-actions .btn.secondary{background:#fff;color:#314455;border:1px solid #cdd9e2}
dialog.money-ui .credit-preview{border-radius:14px;font-size:12px}
dialog.money-ui .payment-safety,dialog.money-ui .dialog-safety{font-size:12px;line-height:1.55}
dialog.money-ui .thanks-message-options{margin-top:16px}
dialog.money-ui .thanks-message-options small{font-size:11px}
@media (max-width:650px){dialog.money-ui .dialog-head{gap:11px;padding:20px 18px!important}
dialog.money-ui .dialog-head::before{width:40px;height:40px;font-size:14px}
dialog.money-ui .dialog-head h2,dialog.money-ui .dialog-head h3{font-size:21px}
dialog.money-ui form> :not(.dialog-head):not(.dialog-actions){margin-left:18px;margin-right:18px}
dialog.money-ui .payment-balance-card,dialog.money-ui .safety-grid,dialog.money-ui .overpayment-summary{grid-template-columns:1fr}
dialog.money-ui .dialog-grid,dialog.money-ui .two-fields{grid-template-columns:1fr}
dialog.money-ui .dialog-actions{padding:15px 18px!important}
dialog.money-ui .dialog-actions button{flex:1}}
.due-money{color:#9a501d!important;font-weight:850!important;font-variant-numeric:tabular-nums}
.received-money,.paid-money{color:#09306b!important;font-weight:850!important;font-variant-numeric:tabular-nums}
#commissionDialog .commission-brand{display:block;margin-bottom:3px;color:#143566;font-size:12px;font-weight:850;letter-spacing:.06em}
#paymentDialog.money-ui .payment-balance-card>div:last-child,#hawalaDialog.money-ui .safety-grid>span:last-child,#saudiPaymentDialog.money-ui .safety-grid>span:nth-child(2){border-color:#e4e9ef;background:#f8fafc}
#paymentDialog.money-ui .payment-balance-card>div:last-child strong,#hawalaDialog.money-ui .safety-grid>span:last-child strong,#saudiPaymentDialog.money-ui .safety-grid>span:nth-child(2) strong{color:#26394a}
#dueUsd,#dueAfn,#outstandingUsd,#receivedTodayUsd,#paymentsReceivedUsd,#paymentsReceivedAfn{font-variant-numeric:tabular-nums}
.metrics article:has(#dueUsd),.metrics article:has(#dueAfn),#overview .metric-card:has(#outstandingUsd),#overview .metric-card:has(#receivedTodayUsd){border:1px solid #d9dee6;border-radius:18px;box-shadow:0 12px 30px rgba(16,51,44,.07)}
#paymentDialog.money-ui #paymentNewDuePreview{margin-top:14px}
#groups .account-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 20px;border-bottom:1px solid #e3e6eb;background:#fff}
#groups .account-filters{display:flex;gap:6px;flex-wrap:wrap}
#groups .account-filters button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 11px;border:1px solid #d8dce3;border-radius:9px;background:#fff;color:#384457;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
#groups .account-filters button span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:6px;background:#edeff3;color:#495464;font-size:11px;font-variant-numeric:tabular-nums}
#groups .account-filters button.is-active{border-color:#123160;background:#123160;color:#fff}
#groups .account-filters button.is-active span{background:#274c84;color:#fff}
#groups .account-sort{display:flex;align-items:center;gap:8px;color:#424d5e;font-size:12px;font-weight:750}
#groups .account-sort select{min-width:132px;min-height:36px;padding:6px 9px;border:1px solid #d2d7de;border-radius:9px;background:#fff;color:#29323f;font:inherit;font-size:12px}
#groups .account-filters button:focus-visible,#groups .account-sort select:focus-visible{outline:3px solid #718bb3;outline-offset:2px}
#groups .account-directory-count{padding:9px 20px;color:#525a67;font-size:12px;font-weight:750;background:#fafbfc}
#groups .account-settings{padding:0 20px 10px;background:#fafbfc}
#groups .account-settings summary{display:inline-flex;align-items:center;min-height:35px;padding:0 12px;border:1px solid #d8dde4;border-radius:9px;background:#fff;color:#233d63;font-size:12px;font-weight:750;cursor:pointer}
#groups .account-settings summary::after{content:'⌄';margin-left:9px}
#groups .account-settings[open] summary::after{transform:rotate(180deg)}
#groups .account-settings .group-name-bulk-controls{margin-top:8px;border:1px solid #e0e4e9;border-radius:12px;background:#fff}
#groups dialog.directory-drawer,#groups dialog.account-drawer{
  position:fixed;inset:0 0 0 auto;width:min(455px,100vw);height:100vh;height:100dvh;
  max-height:100vh;max-height:100dvh;margin:0;padding:0;overflow-y:auto;
  border:0;border-left:1px solid #d3d9e2;border-radius:18px 0 0 18px;background:#fff;
  color:#26394a;box-shadow:-20px 0 60px rgba(17,33,35,.2)
}
#groups dialog.directory-drawer::backdrop,#groups dialog.account-drawer::backdrop{background:rgba(16,30,48,.55);backdrop-filter:blur(3px)}
#groups .directory-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 18px;border-bottom:1px solid #e4e8ed;background:linear-gradient(115deg,#f7fafc,#edf1f7)}
#groups .directory-drawer-head span{color:#173768;font-size:10px;font-weight:850;letter-spacing:.08em}
#groups .directory-drawer-head h2{margin:5px 0 0;overflow-wrap:anywhere;color:#202a3a;font-size:22px;line-height:1.2}
#groups .directory-drawer-head button{flex:none;display:grid;place-items:center;width:37px;height:37px;min-height:37px;padding:0;border:1px solid #cfd5dd!important;border-radius:10px!important;background:#fff!important;color:#354154!important;font-size:23px!important;box-shadow:none!important;cursor:pointer}
#groups .directory-drawer-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin:19px 22px 8px;padding:15px 17px;border:1px solid #ccd6e5;border-radius:13px;background:#edf1f8}
#groups .directory-drawer-summary span{color:#515e71;font-size:11px;font-weight:750}
#groups .directory-drawer-summary span:last-child{grid-column:1/-1}
#groups .directory-drawer-summary strong{color:#09306b;font-size:19px;font-variant-numeric:tabular-nums}
#groups .directory-drawer .directory-more-panel,#groups .account-drawer .directory-more-panel{display:grid;gap:19px;margin:0;padding:14px 22px 30px;border:0;background:#fff}
#groups .directory-drawer .directory-more-panel section,#groups .account-drawer .directory-more-panel section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
#groups .directory-drawer .directory-more-panel h3,#groups .account-drawer .directory-more-panel h3{grid-column:1/-1;margin:0 0 2px;padding-bottom:7px;border-bottom:1px solid #e6e9ee;color:#505c6e;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
#groups .directory-drawer .directory-more-panel button,#groups .account-drawer .directory-more-panel button,#groups .account-drawer .directory-more-panel a{position:static;display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #d2d7df!important;border-radius:9px!important;background:#fff!important;color:#283445!important;font:inherit;font-size:12px;font-weight:750;text-align:center;text-decoration:none;white-space:normal;box-shadow:none!important;transform:none!important;cursor:pointer}
#groups .directory-drawer .directory-more-panel button:disabled,#groups .account-drawer .directory-more-panel button:disabled{opacity:.48!important;cursor:not-allowed}
#groups .directory-drawer .directory-more-panel button:hover:not(:disabled),#groups .account-drawer .directory-more-panel button:hover:not(:disabled),#groups .account-drawer .directory-more-panel a:hover{border-color:#8d9fbb!important;background:#f1f4f8!important;color:#16325d!important}
#groups .directory-drawer .directory-more-panel .delete,#groups .directory-drawer .directory-more-panel .remove,#groups .account-drawer .directory-more-panel .delete{border-color:#edcfd0!important;color:#a24349!important}
#groups .directory-drawer .directory-more-panel .thank-you-stack,#groups .account-drawer .directory-more-panel .thank-you-stack{align-items:stretch;white-space:normal}
#groups .directory-drawer .directory-more-panel .thank-you-stack button,#groups .account-drawer .directory-more-panel .thank-you-stack button{width:100%}
#groups .directory-drawer .directory-more-panel .thank-you-stack small,#groups .account-drawer .directory-more-panel .thank-you-stack small{color:#617467;font-size:10px}
#groups .directory-drawer .directory-language,#groups .account-drawer .directory-language{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #d9dee5;border-radius:9px;color:#344154;font-size:11px}
#groups .directory-drawer .directory-language select,#groups .account-drawer .directory-language select{max-width:168px;min-height:34px;border:1px solid #cbd1d9;border-radius:7px;background:#fff;color:#283445;font-size:11px}
#groups .directory-drawer button:focus-visible,#groups .account-drawer button:focus-visible,#groups .directory-drawer a:focus-visible,#groups .account-drawer a:focus-visible{outline:3px solid #6783ad;outline-offset:2px}
#groups .directory-actions .directory-more-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;margin-top:9px;padding:8px 11px;border:1px solid #d7dbe2!important;border-radius:9px!important;background:#f5f7f9!important;color:#31415a!important;font:inherit;font-size:12px;font-weight:750;cursor:pointer;box-shadow:none!important}
#groups .directory-actions .directory-more-trigger:hover{border-color:#9eaec5!important;background:#eaeef4!important;color:#21385b!important}
@media (max-width:700px){#groups .account-controls{padding:12px;align-items:stretch}
#groups .account-filters{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#groups .account-filters button{justify-content:center}
#groups .account-sort{width:100%;justify-content:space-between}
#groups .account-sort select{width:min(190px,60%)}
#groups dialog.directory-drawer,#groups dialog.account-drawer{width:100vw;border-radius:0}}
#groups .account-directory-wrap{overflow:visible;padding:16px 20px 22px;background:#f7f8fa;border-radius:0 0 18px 18px}
#groups .account-directory-table{display:block;width:100%;table-layout:auto;white-space:normal}
#groups .account-directory-table thead{display:none}
#groups .panel-head:has(#groupSearch){flex-wrap:wrap;gap:11px;padding:19px 20px;background:linear-gradient(115deg,#fff,#f3f5f9)}
@media (max-width:700px){#groups .account-directory-wrap{padding:12px}}
#groups .groups-title,#groups .panel-head:has(#groupSearch){padding:25px 26px 19px;background:#fff;border-bottom:0}
#groups .directory-section-heading{display:flex;align-items:center;gap:14px;min-width:0}
#groups .directory-section-heading .panel-icon{flex:none}
#groups .groups-title h2,#groups .panel-head:has(#groupSearch) h2{color:#17263c;letter-spacing:-.035em;font-size:clamp(22px,2.4vw,29px)}
#groups .groups-title .eyebrow,#groups .panel-head:has(#groupSearch) .eyebrow{color:#274776;letter-spacing:.13em;font-size:10px;font-weight:850}
#groups .directory-subtitle{margin:5px 0 0;color:#687c71;font-size:12px;line-height:1.45}
#groups .directory-edition{display:flex;align-items:center;gap:10px;min-height:64px;margin:0 20px 16px;padding:10px 17px;border:1px solid #b6c3d7;border-radius:14px;background:linear-gradient(110deg,#e8edf5,#edf2f9 70%,#fff8ea);box-shadow:0 5px 16px rgba(20,73,48,.05)}
#groups .edition-mark{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:11px;background:#142f58;color:#fff;font-size:12px;font-weight:900;letter-spacing:-.05em}
#groups .directory-edition strong{display:block;color:#17263c;font-size:12px;line-height:1.2}
#groups .directory-edition small{display:block;margin-top:3px;color:#5e6877;font-size:10px}
#groups .edition-version{margin-left:auto;flex:none;padding:6px 9px;border:1px solid #c5cfdf;border-radius:20px;background:#fff;color:#213f6b;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
#groups .account-controls{gap:14px;padding:15px 20px;background:#f7f8fa;border-block:1px solid #e3e7ee}
#groups .account-filters{gap:7px}
#groups .account-filters button{min-height:38px;border-radius:11px;padding:7px 12px;transition:background .15s,border-color .15s,box-shadow .15s}
#groups .account-filters button:hover:not(.is-active){border-color:#a8b7ce;background:#eef1f6}
#groups .account-filters button.is-active{box-shadow:0 4px 10px rgba(18,96,71,.18)}
#groups .account-sort select{min-height:38px;border-radius:11px}
#groups .directory-toolbar,#groups .account-directory-count{background:#fff;color:#576273;font-size:11px;letter-spacing:.02em}
#groups .directory-wrap,#groups .account-directory-wrap{background:#f4f5f7;padding:21px 20px 26px}
#groups .directory-wrap tbody{gap:17px}
#groups .directory-card{position:relative;overflow:visible;border:1px solid #d9dfe7;border-top:4px solid #d5a24e;border-radius:16px;box-shadow:0 5px 18px rgba(16,51,44,.055);transition:transform .15s,box-shadow .15s,border-color .15s}
#groups .directory-card:hover{transform:translateY(-2px);border-color:#a6b5cb;box-shadow:0 13px 30px rgba(16,51,44,.11)}
#groups .directory-card[data-state="paid"]{border-top-color:#3664a8}
#groups .directory-card[data-state="paused"]{border-top-color:#a9b7ad}
#groups .directory-card .group-name strong{font-size:16px;letter-spacing:-.015em;color:#1d293a}
#groups .directory-card .group-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #c9d5e8;border-radius:13px;background:#e8edf5;color:#1d3f72;font-size:12px;font-weight:850}
#groups .directory-card td:nth-child(2){border-color:#f2e2c6;background:linear-gradient(145deg,#fffcf6,#fff4e5);color:#87521f!important;font-size:19px;font-weight:850;letter-spacing:-.025em}
#groups .directory-card[data-state="paid"] td:nth-child(2){border-color:#ccd7e8;background:linear-gradient(145deg,#f8fafd,#e9eff7);color:#133a74!important}
#groups .directory-card td:nth-child(5){align-self:center}
#groups .directory-card td:nth-child(3),#groups .directory-card td:nth-child(4){min-width:0}
#groups .directory-card td:nth-child(3)::before,#groups .directory-card td:nth-child(4)::before{display:block!important;margin-bottom:5px;color:#788290;font-size:9px;font-weight:850;letter-spacing:.08em}
#groups .directory-card td:nth-child(3)::before{content:'SCHEDULE & PDF'!important}
#groups .directory-card td:nth-child(4)::before{content:'LAST SENT'!important}
#groups .directory-card td:nth-child(6){background:#f9fafc;border-color:#e4e8ee}
#groups .directory-primary button{min-height:42px;font-size:12px}
#groups .directory-actions .directory-more-trigger{margin-top:8px;min-height:39px;background:#edf0f5!important;border-color:#cfd6e1!important;color:#283c5b!important}
#groups .directory-drawer-head{padding:26px 24px 22px;background:linear-gradient(120deg,#eaeef5,#faf8ed)}
#groups .directory-drawer-head h2{font-size:23px;letter-spacing:-.025em}
#groups .directory-drawer-summary{margin:20px 24px 10px;padding:19px;background:linear-gradient(135deg,#eaeff7,#f7f9fb)}
#groups .directory-drawer-summary strong{font-size:24px;letter-spacing:-.035em}
#groups .directory-drawer .directory-more-panel,#groups .account-drawer .directory-more-panel{padding:17px 24px 34px;gap:23px}
#groups .directory-drawer .directory-more-panel h3,#groups .account-drawer .directory-more-panel h3{padding-bottom:10px}
@media (max-width:700px){#groups .groups-title,#groups .panel-head:has(#groupSearch){padding:18px 15px}
#groups .directory-edition{margin:0 12px 12px;padding:9px 11px}
#groups .account-controls{padding:12px}
#groups .directory-wrap,#groups .account-directory-wrap{padding:12px}
#groups .directory-card:hover{transform:none}
#groups .directory-subtitle{font-size:11px}}
@media (prefers-reduced-motion:reduce){#groups .directory-card,#groups .account-filters button{transition:none}}
#groups .directory-primary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#groups .directory-primary button{min-width:0;height:43px;min-height:43px;padding:6px 5px!important;gap:4px;font-size:11px;white-space:nowrap;overflow:hidden}
#groups .directory-primary .quick-icon{flex:none;font-size:15px;line-height:1;font-weight:800}
#groups .directory-primary .quick-pause{border-color:#e8d7ad!important;background:#fff8eb!important;color:#85551c!important}
#groups .directory-primary .quick-pause:hover:not(:disabled){border-color:#ceaa65!important;background:#fff1d5!important;color:#78470e!important}
#groups .directory-primary .quick-pause.is-resume{border-color:#bac9df!important;background:#edf1f8!important;color:#213e6a!important}
#groups .directory-primary .quick-pause.is-resume:hover:not(:disabled){border-color:#8aa3c9!important;background:#dee6f3!important;color:#14305a!important}
#groups .directory-primary .quick-request{border-color:#dcd4f0!important;background:#f6f3fc!important;color:#675197!important}
#groups .directory-primary .quick-request:hover:not(:disabled){border-color:#b8a8e2!important;background:#eee8fa!important;color:#513d83!important}
@media (max-width:460px){#groups .directory-primary{gap:5px}
#groups .directory-primary button{padding:5px 2px!important;font-size:10px}
#groups .directory-primary .quick-icon{display:none}}
#groups .directory-card{perspective:1400px;transform-style:preserve-3d;transition:box-shadow .2s,border-color .2s}
#groups .directory-card.is-flipped,#groups .directory-card.is-flipped:hover,#groups .directory-card.is-closing{transform:none}
#groups .directory-card > td:not(.directory-flip-back){backface-visibility:hidden;-webkit-backface-visibility:hidden}
#groups .directory-card > .directory-flip-back{position:absolute;inset:0;z-index:1;display:block;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:14px;background:#f9fafc;transform:none;visibility:hidden;overflow:hidden;text-align:left}
#groups .directory-card.is-flipped > .directory-flip-back,#groups .directory-card.is-closing > .directory-flip-back{visibility:visible}
#groups .directory-card.is-flipped > td:not(.directory-flip-back),#groups .directory-card.is-closing > td:not(.directory-flip-back){visibility:hidden}
#groups .directory-flip-content{display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;min-height:0;overflow:hidden}
#groups .directory-flip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-width:0;padding:13px 16px 10px;border-bottom:1px solid #dce1e9;background:linear-gradient(115deg,#eaeef5,#fffaf0)}
#groups .directory-flip-head > div{min-width:0}
#groups .directory-flip-head span{display:block;color:#173768;font-size:9px;font-weight:850;letter-spacing:.08em}
#groups .directory-flip-head h2{margin:3px 0;color:#202a3a;font-size:15px;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#groups .directory-flip-head small{display:block;color:#695b43;font-size:10px;font-weight:700}
#groups .directory-flip-head button{flex:none;min-height:34px;padding:5px 10px;border:1px solid #bbc5d5;border-radius:9px;background:#fff;color:#243b5e;font-size:11px;font-weight:800;cursor:pointer}
#groups .directory-flip-back .directory-more-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;flex:1;min-height:0;margin:0;padding:11px 15px 15px;overflow:auto;overscroll-behavior:contain;background:transparent;scrollbar-width:thin}
#groups .directory-flip-back .directory-more-panel section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;min-width:0}
#groups .directory-flip-back .directory-more-panel section:last-child{grid-column:1/-1}
#groups .directory-flip-back .directory-more-panel h3{grid-column:1/-1;margin:0;padding:0 0 4px;border-bottom:1px solid #dfe3ea;color:#415169;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
#groups .directory-flip-back .directory-more-panel button,#groups .directory-flip-back .directory-more-panel a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;padding:6px;border:1px solid #d2d7df;border-radius:8px;background:#fff;color:#283445;font:inherit;font-size:10px;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;white-space:normal;box-shadow:none;cursor:pointer}
#groups .directory-flip-back .directory-more-panel button:hover:not(:disabled),#groups .directory-flip-back .directory-more-panel a:hover{border-color:#899cb9;background:#eef2f7}
#groups .directory-flip-back .directory-more-panel button:disabled{opacity:.48;cursor:not-allowed}
#groups .directory-flip-back .directory-more-panel .remove,#groups .directory-flip-back .directory-more-panel .delete{border-color:#edcfd0;color:#a24349}
#groups .directory-flip-back .thank-you-stack{min-width:0;white-space:normal}
#groups .directory-flip-back .thank-you-stack button{width:100%}
#groups .directory-flip-back .thank-you-stack small{font-size:9px;color:#617467}
#groups .directory-flip-back .directory-language{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#344154;font-size:10px}
#groups .directory-flip-back .directory-language select{max-width:55%;min-height:33px;border:1px solid #cbd1d9;border-radius:7px;background:#fff;color:#283445;font-size:10px}
#groups .directory-flip-back button:focus-visible,#groups .directory-flip-back a:focus-visible,#groups .directory-flip-back select:focus-visible{outline:3px solid #6783ad;outline-offset:1px}
@media (max-width:500px){#groups .directory-flip-back .directory-more-panel{grid-template-columns:1fr}
#groups .directory-flip-back .directory-more-panel section:last-child{grid-column:auto}
#groups .directory-flip-head{padding:10px 12px}
#groups .directory-flip-back .directory-more-panel{padding:9px 12px}}
@media (prefers-reduced-motion:reduce){#groups .directory-card{transition:none}}
.template-library-actions{display:flex;gap:8px;margin:7px 0 14px;flex-wrap:wrap}
.template-library-actions button{min-height:34px;padding:7px 11px;border:1px solid #bfc9d8;border-radius:9px;background:#eef2f7;color:#213757;font-size:12px;font-weight:750;cursor:pointer}
.template-library-actions button:hover{background:#dce4ef}
.request-editor-dialog{position:fixed;inset:0;margin:auto;width:min(570px,calc(100vw - 24px));max-height:min(90vh,820px);max-height:min(90dvh,820px);padding:0;border:1px solid #bcc6d6;border-radius:18px;background:#fff;color:#202937;box-shadow:0 22px 65px #141e2d45;overflow:auto}
.request-editor-dialog::backdrop{background:#121a25a8}
.request-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 21px;border-bottom:1px solid #e3e7ed;background:linear-gradient(110deg,#e8edf5,#fff9ef)}
.request-editor-head small{color:#27436d;font-size:10px;font-weight:850;letter-spacing:.08em}
.request-editor-head h2{margin:4px 0 0;color:#16243a;font-size:19px}
.request-editor-head button{flex:none;width:35px;height:35px;border:1px solid #c5cedc;border-radius:8px;background:#fff;font-size:22px;cursor:pointer}
.request-editor-body{display:grid;gap:12px;padding:17px 21px}
.request-editor-body label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#313c4d}
.request-editor-body input,.request-editor-body select,.request-editor-body textarea{box-sizing:border-box;width:100%;min-height:40px;padding:9px 11px;border:1px solid #bfc5ce;border-radius:9px;background:#fff;color:#1b2535;font:inherit;font-weight:400}
.request-editor-body textarea{resize:vertical;min-height:175px;line-height:1.55}
.request-editor-body small{color:#69727f;font-size:11px;line-height:1.5}
.request-editor-foot{display:flex;justify-content:flex-end;gap:9px;padding:13px 21px 17px;border-top:1px solid #e5e9ee}
.request-editor-foot button{min-height:39px;padding:8px 15px;border:1px solid #bac4d2;border-radius:9px;background:#fff;color:#23354f;font-weight:750;cursor:pointer}
.request-editor-foot #saveRequestEditor{border-color:#173664;background:#173664;color:#fff}
.request-editor-dialog :focus-visible,.template-library-actions :focus-visible{outline:3px solid #6783ad;outline-offset:2px}
.template-library-actions .template-delete{margin-left:auto;border-color:#e5bdbd;color:#982f39;background:#fff6f5}
.template-library-actions .template-delete:hover:not(:disabled){background:#fcebea;border-color:#d99da0}
.template-library-actions .template-delete:disabled{opacity:.55;cursor:not-allowed}
.thanks-template-tools{display:grid;gap:7px;margin:10px 0 14px;padding:12px;border:1px solid #d9dfe7;border-radius:12px;background:#f7f9fb}
.thanks-template-tools>label{display:grid;gap:6px;color:#38465b;font-size:11px;font-weight:800}
.thanks-template-tools .thanks-picker{box-sizing:border-box;width:100%;min-height:40px;padding:8px 10px;border:1px solid #c7ced9;border-radius:9px;background:#fff;color:#1d293a;font:inherit}
.thanks-template-tools .template-library-actions{margin:0}
.thanks-template-tools .template-library-actions button{flex:1;min-width:100px}
dialog.send-success-screen{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:20px;border:0;border-radius:0;box-shadow:none}
dialog.send-success-screen::backdrop{background:transparent}
dialog:modal > .toast-stack{position:fixed;z-index:1000;max-height:calc(100dvh - 110px);overflow-y:auto;pointer-events:none}
/* Final Saudi message review: readable on desktop and phone. */
#confirmDialog.message-review{width:min(700px,calc(100% - 24px));max-height:90vh}
#confirmDialog.message-review form{padding:clamp(16px,3vw,26px)}
#confirmDialog.message-review p{text-align:start;white-space:pre-wrap;font-size:14px;line-height:1.65;max-height:56vh;overflow:auto;overflow-wrap:anywhere;border:1px solid #dbe5eb;border-radius:12px;padding:14px;background:#f7faff;color:#26384b}
.transaction-editor-dialog{width:min(740px,calc(100% - 20px));max-height:90vh;overflow:auto}
.transaction-editor-dialog form{padding:20px}
.transaction-editor-dialog label{display:grid;gap:6px;margin:12px 0;color:#38465b;font-size:13px;font-weight:750}
.transaction-editor-dialog input,.transaction-editor-dialog textarea{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #c7ced9;border-radius:9px;font:inherit;font-size:14px}
.transaction-editor-dialog textarea{min-height:105px;resize:vertical;line-height:1.6}

/* v8.14.110 lightweight cloud: same-phone WhatsApp pairing */
.phone-pair-row{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.phone-pair-row input{min-width:210px;flex:1}
.pairing-code{margin-top:8px;padding:10px 12px;border:1px dashed currentColor;border-radius:12px;font-weight:800;letter-spacing:1.5px;text-align:center}
.pairing-code.hidden{display:none}