:root{
  --bg:#08090a; --panel:#0f1011; --surface:rgba(255,255,255,.035); --surface2:rgba(255,255,255,.055);
  --text:#f7f8f8; --muted:#8a8f98; --soft:#d0d6e0; --line:rgba(255,255,255,.08);
  --brand:#5e6ad2; --brand2:#828fff; --ok:#10b981; --warn:#f59e0b; --err:#ef4444;
}
*{box-sizing:border-box} html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-feature-settings:"cv01","ss03"} body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgba(94,106,210,.18),transparent 35%),linear-gradient(180deg,#08090a,#050506 65%)}
.glow{position:fixed;border-radius:999px;filter:blur(80px);opacity:.38;pointer-events:none}.glow-a{width:420px;height:420px;background:#5e6ad2;top:-180px;right:12%}.glow-b{width:320px;height:320px;background:#10b981;bottom:-170px;left:5%;opacity:.12}
.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 56px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 9px;color:var(--brand2);font:500 12px/1.4 JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(42px,8vw,76px);line-height:.95;letter-spacing:-1.5px;margin:0 0 16px;font-weight:510}.sub{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6;margin:0}.status-card{min-width:270px;display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.status-card strong{display:block;font-weight:590}.status-card small{display:block;color:var(--muted);margin-top:4px}.dot{width:11px;height:11px;border-radius:50%;background:var(--warn);box-shadow:0 0 22px var(--warn)}.ready .dot{background:var(--ok);box-shadow:0 0 22px var(--ok)}
.toast{padding:13px 16px;border-radius:12px;margin:0 0 18px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.toast.ok{color:#d1fae5}.toast.error{color:#fecaca;border-color:rgba(239,68,68,.35)}
.grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px;margin-bottom:18px}.panel{background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 80px rgba(0,0,0,.18)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.3px;font-weight:510}.pill,.api{font:500 12px/1.4 JetBrains Mono,monospace;color:var(--soft);border:1px solid var(--line);border-radius:999px;padding:7px 10px;text-decoration:none;background:rgba(255,255,255,.03)}label{display:block;margin-bottom:16px}label span{display:block;color:var(--soft);font-size:13px;font-weight:510;margin-bottom:8px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.22);color:var(--text);padding:14px 14px;font:400 15px/1.5 Inter,system-ui,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}textarea{resize:vertical;min-height:190px}input:focus,textarea:focus,select:focus{border-color:rgba(130,143,255,.65);box-shadow:0 0 0 4px rgba(94,106,210,.18);background:rgba(0,0,0,.3)}select option{background:#111214;color:var(--text)}.phone-group{display:grid;grid-template-columns:1fr;gap:12px}.custom-phone{animation:fadeIn .18s ease-out}.hidden{display:none!important}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.counter{text-align:right;color:var(--muted);font:400 12px/1.4 JetBrains Mono,monospace;margin-top:-8px}.actions{display:flex;gap:12px;margin-top:20px}button{border:0;cursor:pointer;color:var(--text);font:510 14px/1 Inter,system-ui,sans-serif;border-radius:12px;padding:13px 16px}.primary{background:linear-gradient(180deg,var(--brand2),var(--brand));box-shadow:0 16px 42px rgba(94,106,210,.28)}.ghost{background:rgba(255,255,255,.04);border:1px solid var(--line)}button:hover{filter:brightness(1.08)}.notes ul{margin:18px 0 24px;padding-left:20px;color:var(--muted);line-height:1.65}.mini-status{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding-top:18px}.mini-status span{color:var(--muted)}.mini-status strong{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--soft)}
.history{padding-bottom:14px}.table{display:grid;gap:10px}.row{display:grid;grid-template-columns:210px 1fr 145px;gap:16px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.022)}.when strong{display:block;font-size:13px;color:var(--soft);font-weight:510}.when small{display:block;color:var(--muted);margin-top:5px;font-family:JetBrains Mono,monospace;font-size:11px}.row p{margin:0;color:#e7e9ee;line-height:1.45;white-space:pre-wrap;word-break:break-word}.row-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.badge{font:500 11px/1 JetBrains Mono,monospace;border-radius:999px;padding:7px 9px;border:1px solid var(--line);color:var(--soft)}.badge.sent{color:#d1fae5;border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.08)}.badge.scheduled{color:#dbeafe;border-color:rgba(130,143,255,.35);background:rgba(94,106,210,.12)}.badge.failed{color:#fecaca;border-color:rgba(239,68,68,.38);background:rgba(239,68,68,.09)}.badge.sending{color:#fde68a;border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.08)}.badge.cancelled{color:#cbd5e1}.tiny{padding:7px 9px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:9px;font-size:12px;color:var(--muted)}.empty{padding:26px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}
@media (max-width:860px){.hero{display:block}.status-card{margin-top:22px}.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.actions{flex-direction:column}.panel-head{display:block}.pill,.api{display:inline-block;margin-top:12px}}
.login-body{display:grid;place-items:center}.login-shell{width:min(460px,calc(100% - 32px));padding:48px 0}.login-panel h1{margin:0 0 14px;font-size:38px;letter-spacing:-.8px}.small-sub{font-size:15px;margin-bottom:22px}.full{width:100%;margin-top:4px}.logout{display:flex;justify-content:flex-end;margin-bottom:10px}
