:root{font-family:Segoe UI,Arial,sans-serif;color:#183044;background:#f4f7fa;font-synthesis:none;--accent:#087d72;--border:#dce5eb}*{box-sizing:border-box}body{margin:0}header{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;padding:0 5vw;font-size:14px}.brand{font-size:20px;font-weight:700;color:#183044;text-decoration:none}.brand strong{color:var(--accent)}.divider{height:24px;border-left:1px solid var(--border)}.back{margin-left:auto;color:var(--accent);text-decoration:none}main{max-width:1380px;margin:auto;padding:36px 30px}.heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent)}h1{font-size:30px;letter-spacing:-.7px;margin:10px 0}h2{font-size:18px;margin:0}p{color:#6b7c8b;font-size:14px;line-height:1.6;margin:6px 0}.account-field{min-width:240px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 3px 15px #19344704}.card-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.card-title p{font-size:12px}.step{height:38px;width:38px;border-radius:12px;background:#e9f5f2;display:grid;place-items:center;color:var(--accent);font-weight:700;font-size:13px}label{display:block;font-size:12px;font-weight:650;margin:15px 0 7px}input,select,textarea{font:inherit;font-size:13px;border:1px solid #d5dfe7;border-radius:8px;background:#fff;color:#183044;padding:11px 12px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #087d7210}textarea{resize:vertical;min-height:140px}button{font:inherit;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:8px;background:#fff;color:#3e5364;padding:10px 14px;cursor:pointer;white-space:nowrap}button:hover{background:#f0f6f5;border-color:#aabeb7}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#066b62;color:#fff}.inline{display:flex;gap:8px;align-items:center}.inline input,.inline select{min-width:0}.options{margin:10px 0}.hint{font-size:11px;line-height:1.6;color:#7b8895;display:block;margin-top:7px}.muted{color:#8a97a1;font-weight:400}details{font-size:12px;margin-top:18px}summary{cursor:pointer;color:var(--accent);margin-bottom:10px}.section-rule{border-top:1px solid #edf1f4;margin:20px 0}.members-top{display:flex;align-items:center;gap:8px;margin:16px 0 10px;font-size:12px}.members-top strong{margin-right:auto}.members-top button{padding:6px 10px}.members{height:315px;overflow:auto;margin-top:10px}.member{display:flex;align-items:center;gap:11px;padding:10px 5px;border-bottom:1px solid #f0f3f6;cursor:pointer;margin:0;font-weight:400}.member input{width:15px;accent-color:var(--accent)}.avatar{background:#eaf3f5;color:#587e87;border-radius:10px;height:34px;width:34px;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.member-name{font-size:13px}.member-uid{font-size:10px;color:#96a3ae;margin-top:3px}.empty{padding:60px 20px;text-align:center;font-size:13px;color:#9aa7b1}.pager{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:#8795a1}.pager button{padding:5px 10px}.pager strong{margin-left:auto;color:var(--accent)}.image-box{margin:16px 0;border:1px dashed #cadbd7;border-radius:10px;padding:12px 14px;background:#fbfdfc}.image-box label{margin:0 0 10px}input[type=file]{padding:0;border:none;background:transparent;font-size:12px}#imagePreview{margin-top:12px;align-items:center;gap:12px}#imagePreview:not([hidden]){display:flex}#previewImage{height:85px;width:85px;object-fit:cover;border-radius:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.actions{display:flex;gap:10px;margin:20px 0 8px}.campaigns-card{margin-top:24px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.list-heading h2{margin-top:6px}.campaign{display:grid;grid-template-columns:minmax(160px,1.5fr) minmax(170px,1fr) minmax(170px,1fr) auto;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #edf1f4;font-size:12px}.campaign-name{font-weight:650;font-size:14px;margin-bottom:6px}.badge{display:inline-block;border-radius:5px;background:#f0f3f6;color:#677b8b;padding:3px 7px;font-size:10px}.badge.active,.badge.sent{background:#e5f6ed;color:#228559}.badge.failed,.badge.uncertain{background:#fff1df;color:#a76c12}.progress-track{height:5px;background:#eaf0f3;border-radius:3px;margin:8px 0;overflow:hidden}.progress-fill{height:100%;background:var(--accent)}.campaign-actions{display:flex;gap:6px;flex-wrap:wrap;max-width:230px}.campaign-actions button{padding:7px 10px}.footer-note{text-align:center;font-size:11px;padding:14px}#notice{padding:13px 18px;border-radius:10px;background:#e7f5ee;color:#237b53;font-size:13px;margin-bottom:18px}#notice.error{background:#fff0eb;color:#af4939}dialog{border:1px solid var(--border);border-radius:14px;max-width:850px;width:90%;max-height:85vh;padding:24px;color:#183044}dialog::backdrop{background:#142c4260}.recipient-row{display:grid;grid-template-columns:1fr 120px 1.4fr;gap:15px;border-top:1px solid #edf1f4;padding:11px 0;font-size:12px;word-break:break-word}.recipient-row small{color:#8a98a4}small{font-size:11px}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.campaign{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}h1{font-size:25px}}@media(max-width:650px){main{padding:24px 14px}.card{padding:18px}.heading{flex-direction:column;gap:12px}.account-field{width:100%}.form-grid{grid-template-columns:1fr}.back{font-size:11px}header{padding:0 15px;gap:12px}header>span:not(.divider){display:none}.campaign{grid-template-columns:1fr}.inline.options{align-items:stretch;flex-direction:column}}

.message-variables{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.message-variables>span{font-size:11px;color:#6b7c8b}.message-variables button{font-size:11px;padding:7px 10px;background:#eef7f5;border-color:#d5e8e3;color:#087d72}.message-variables code{font-size:10px;margin-left:5px;opacity:.8}.message-variables button:focus-visible{outline:2px solid #087d72;outline-offset:2px}

.schedule-grid{grid-template-columns:1fr 1fr}.delay-settings{min-width:0;border:1px solid #dce5eb;border-radius:10px;padding:14px 16px;margin:22px 0 12px}.delay-settings legend{font-size:12px;font-weight:650;padding:0 6px;color:#183044}.delay-presets{display:flex;flex-wrap:wrap;gap:7px}.delay-presets button{font-size:11px;padding:7px 10px}.delay-presets button[aria-pressed=true]{background:#e9f5f2;border-color:#087d72;color:#087d72}.delay-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.delay-presets button:focus-visible{outline:2px solid #087d72;outline-offset:2px}@media(max-width:650px){.schedule-grid{grid-template-columns:1fr}.delay-settings{padding:12px}}

.joined-group-picker{background:#f8fbfa;border:1px solid #e0ebe7;border-radius:10px;padding:12px 14px;margin-bottom:18px}.joined-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.joined-group-heading label{margin:0}.joined-group-heading button{padding:6px 9px;font-size:11px}.joined-group-picker select{margin-top:9px;height:auto;padding:11px 12px}.joined-group-picker option{padding:7px 8px;font-size:12px}.joined-group-picker input{font-size:12px}

.member-role{font-size:11px;color:#7b8895;margin-top:3px}.member-role.leader{color:#a16207;font-weight:600}.member-role.deputy{color:#2563eb;font-weight:600}

.members-top{flex-wrap:wrap}.members-top strong{min-width:100px}

.message-library{border:1px solid #dce5eb;border-radius:10px;background:#f8fbfa;padding:12px 14px;margin:8px 0 12px}.message-library>label{margin:0 0 8px}.message-library-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.message-library button{font-size:11px;padding:8px 10px}.message-library select{font-size:12px}.message-library .inline{flex-wrap:wrap}.message-library .inline select{flex:1;min-width:150px}