*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#18223e,#07090f 38%,#020305);color:#f5f7ff;font:14px Segoe UI,Arial;min-height:100vh}main{width:min(1400px,94%);margin:25px auto}header,.panel,.card,dialog{background:linear-gradient(145deg,rgba(30,35,50,.94),rgba(8,10,16,.92));border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 55px #0008,inset 0 1px #ffffff16;backdrop-filter:blur(15px)}header{border-radius:24px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}header small,dialog small{color:#49dcff;letter-spacing:.18em;font-weight:800}h1{margin:7px 0;font-size:36px}header p,footer{color:#8f99b1}header span{padding:10px 14px;border-radius:999px;color:#a7efff;border:1px solid #48d9ff44;background:#48d9ff12}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.card{border-radius:20px;padding:18px;min-height:120px;transition:.2s}.card:hover{transform:translateY(-4px) perspective(700px) rotateX(4deg);border-color:#6c7dff66}.card small{color:#8f99b1}.card strong{display:block;font-size:30px;margin-top:15px}.panel{border-radius:22px;overflow:visible}.tools{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:15px}.tools input,.tools select{width:100%;background:#080a11;border:1px solid #ffffff18;color:white;border-radius:11px;padding:11px}.searchbox{position:relative}.suggestions{display:none;position:absolute;z-index:20;left:0;right:0;top:48px;max-height:280px;overflow:auto;background:#0d1018;border:1px solid #ffffff18;border-radius:12px;box-shadow:0 18px 40px #000c}.suggestions.show{display:block}.suggestion{padding:11px 13px;border-bottom:1px solid #ffffff0d;cursor:pointer}.suggestion:hover,.suggestion.active{background:#171c2a;color:#73e7ff}.suggestion small{display:block;color:#7e89a2;margin-top:2px}.table{overflow:auto;border-radius:0 0 22px 22px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:14px 18px;border-top:1px solid #ffffff10}th{color:#8f99b1;background:#0d1018;text-transform:uppercase;font-size:11px}.badge{display:inline-block;padding:6px 9px;border-radius:999px;border:1px solid;font-size:11px;font-weight:800}.normal{color:#37e6a1}.warning{color:#ffb340}.critical{color:#ff4d73}.limit-exceeded{color:#d98cff}.bar{height:7px;background:#202534;border-radius:20px;margin-top:7px;width:150px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#48d9ff,#b85cff)}button{border:0;border-radius:10px;padding:9px 12px;color:white;font-weight:700;cursor:pointer}.waDemo,.send{background:linear-gradient(135deg,#13b66e,#08d690);box-shadow:0 8px 20px #0ac77a33}.waDemo:before{content:'◉';margin-right:7px}.waDemo.sent{background:#253046;color:#8f99b1;box-shadow:none}.ghost{background:#191e2b;border:1px solid #ffffff17}footer{text-align:center;margin:22px}dialog{width:min(520px,92vw);color:white;border-radius:20px;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close{float:right;background:transparent;font-size:28px;color:#9aa4bb}.demoNotice{color:#ffbd56;background:#ffb34010;border:1px solid #ffb34035;padding:11px;border-radius:10px;margin:18px 0}.dialogActions{display:flex;justify-content:flex-end;gap:9px}#toast{position:fixed;right:24px;bottom:24px;padding:13px 17px;border-radius:12px;background:#102a22;border:1px solid #37e6a144;color:#80f1c5;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;gap:15px;flex-direction:column}.tools{grid-template-columns:1fr}}
.statusBox{display:grid;gap:5px;min-width:180px}.status{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid}.status.not-sent{color:#9aa4bb;border-color:#ffffff22;background:#ffffff08}.status.succeeded{color:#79efbd;border-color:#37e6a144;background:#37e6a111}.status.failed{color:#ff7891;border-color:#ff4d7344;background:#ff4d7311}.reason{color:#9aa4bb;font-size:11px;max-width:230px}.attempt{color:#68728a;font-size:10px}.fail{background:linear-gradient(135deg,#c52d50,#ff4d73);box-shadow:0 8px 20px #ff4d7330}.reasonLabel{display:block;color:#9aa4bb;font-size:12px;margin:14px 0 6px}#failureReason{width:100%;background:#080a11;color:white;border:1px solid #ffffff18;border-radius:10px;padding:10px}.resetDemo{background:#242a39;color:#9aa4bb;padding:6px 8px;font-size:10px;margin-left:6px}