:root{--orange:#e85d25;--orange-soft:#fbe7dd;--ink:#1c1d21;--gray-900:#24262b;--gray-700:#43464d;--gray-500:#6c7079;--gray-300:#c9ccd2;--gray-200:#e4e6ea;--gray-100:#f1f2f4;--gray-50:#f7f8fa;--white:#fff;--green:#1f9d61;--green-soft:#e0f3e9;--red:#d23b3b;--red-soft:#fbe3e3;--amber:#c98a16;--amber-soft:#fbf0d7;--blue:#2f6fb0;--blue-soft:#e3eef9;--radius:12px;--shadow:0 1px 2px #1c1d210f, 0 6px 20px #1c1d210d;--font-head:"Sora", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--gray-900);background:var(--gray-50);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-head);color:var(--ink);margin:0}a{color:inherit}.app{min-height:100vh}.topbar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:10;align-items:center;gap:28px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:18px 0;display:flex}.brand .mark{background:var(--orange);width:30px;height:30px;color:var(--white);font-family:var(--font-head);border-radius:8px;place-items:center;font-size:15px;font-weight:700;display:grid}.brand .title{font-family:var(--font-head);font-size:15px;font-weight:600;line-height:1.1}.brand .sub{color:var(--gray-500);font-size:12px}.nav{gap:4px;margin-left:auto;display:flex}.nav button{font-family:var(--font-body);color:var(--gray-700);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 15px;font-size:14px;font-weight:500}.nav button:hover{background:var(--gray-100)}.nav button.active{background:var(--orange-soft);color:var(--orange)}.fx{border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-500);white-space:nowrap;cursor:default;border-radius:999px;align-items:center;gap:12px;margin-left:16px;padding:5px 12px;font-size:12px;display:inline-flex}.fx-pair strong{color:var(--gray-900);font-family:var(--font-head);margin-left:2px;font-weight:600}.fx-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.signin{background:radial-gradient(1200px 500px at 50% -10%, var(--orange-soft), var(--gray-50));place-items:center;min-height:100vh;display:grid}.signin-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow);text-align:center;border-radius:16px;width:360px;padding:32px}.signin-card .brand{justify-content:center;margin-bottom:8px}.signin-card p{color:var(--gray-500);margin:4px 0 20px;font-size:14px}.ms-signin{width:100%;font-family:var(--font-body);color:var(--gray-900);background:var(--white);border:1px solid var(--gray-300);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:600;display:inline-flex}.ms-signin:hover{border-color:var(--gray-500);background:var(--gray-50)}.signin-env{color:var(--gray-500);text-transform:capitalize;margin-top:16px;font-size:12px;font-weight:600}.usermenu{align-items:center;gap:12px;margin-left:14px;display:flex}.usermenu-id{text-align:right;flex-direction:column;line-height:1.15;display:flex}.usermenu-name{color:var(--gray-900);font-size:13px;font-weight:600}.usermenu-role{color:var(--orange);font-size:11px;font-weight:600}.form{flex-direction:column;gap:16px;padding:22px;display:flex}.form label{color:var(--gray-700);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.form input,.form textarea{font-family:var(--font-body);color:var(--gray-900);border:1px solid var(--gray-300);resize:vertical;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:400}.form input:focus,.form textarea:focus{border-color:var(--orange);outline:none}.seg{border:1px solid var(--gray-300);border-radius:8px;width:fit-content;display:inline-flex;overflow:hidden}.seg button{background:var(--white);font-family:var(--font-body);cursor:pointer;border:none;border-right:1px solid var(--gray-200);padding:8px 16px;font-size:13px;font-weight:500}.seg button:last-child{border-right:none}.seg button.seg-on{background:var(--orange);color:var(--white)}.btn.primary{background:var(--orange);color:var(--white);border-color:var(--orange);width:fit-content;font-weight:600}.btn.primary:disabled{opacity:.55;cursor:not-allowed}.send-result{border-radius:8px;margin:0 22px 22px;padding:12px 14px;font-size:13px}.send-result.ok{background:var(--green-soft);color:var(--green)}.send-result.err{background:var(--red-soft);color:var(--red)}.send-result .mono{margin-top:4px}.env-chip{color:var(--gray-700);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:999px;margin-left:14px;padding:5px 10px;font-size:12px;font-weight:600}.page{max-width:1180px;margin:0 auto;padding:28px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h1{font-size:22px}.page-head p{color:var(--gray-500);margin:5px 0 0;font-size:14px}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}select,.btn{font-family:var(--font-body);border:1px solid var(--gray-300);background:var(--white);color:var(--gray-900);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.btn:hover{border-color:var(--gray-500)}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.card .label{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);font-size:12px;font-weight:600}.card .value{font-family:var(--font-head);color:var(--ink);margin-top:8px;font-size:28px;font-weight:700}.card .value.accent{color:var(--orange)}.card .hint{color:var(--gray-500);margin-top:5px;font-size:12px}.panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--gray-200);padding:16px 20px}.panel-head h2{font-size:15px}.panel-body{padding:8px 20px 18px}.bar-row{border-bottom:1px solid var(--gray-100);padding:12px 0}.bar-row:last-child{border-bottom:none}.bar-row .meta{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.bar-row .ch{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.bar-row .amt{font-family:var(--font-head);font-size:14px;font-weight:600}.bar-row .count{color:var(--gray-500);margin-left:8px;font-size:12px;font-weight:400}.bar-track{background:var(--gray-100);border-radius:999px;height:8px;overflow:hidden}.bar-fill{border-radius:999px;height:100%}.dot{border-radius:3px;width:9px;height:9px;display:inline-block}.ch-Email{background:var(--blue)}.ch-Sms{background:var(--orange)}.ch-WhatsApp{background:var(--green)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);border-bottom:1px solid var(--gray-200);background:var(--gray-50);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:12px 16px}tbody tr:hover{background:var(--gray-50)}td.num{text-align:right;font-variant-numeric:tabular-nums}.mono{color:var(--gray-700);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.ch{background:var(--gray-100);color:var(--gray-700)}.st-SENT,.st-DELIVERED{background:var(--green-soft);color:var(--green)}.st-FAILED{background:var(--red-soft);color:var(--red)}.st-ACCEPTED{background:var(--amber-soft);color:var(--amber)}.notice{text-align:center;color:var(--gray-500);padding:40px;font-size:14px}.notice.error{color:var(--red)}.skeleton{background:var(--gray-100);border-radius:8px;animation:1.3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=820px){.cards{grid-template-columns:repeat(2,1fr)}.nav .label-full{display:none}}