:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#111827;color:#f8fafc}*{box-sizing:border-box}body{margin:0;padding:18px;background:linear-gradient(145deg,#111827,#172033);min-height:100vh}.shell{max-width:780px;margin:0 auto;display:grid;gap:16px}.composer,.list-section{background:#182235;border:1px solid #2b3a54;border-radius:14px;padding:18px;box-shadow:0 10px 30px #02061733}.heading,.list-heading,.item-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.eyebrow{color:#7dd3fc;font-size:10px;font-weight:800;letter-spacing:.12em;margin:0 0 5px}.heading h1,.list-heading h2{font-size:18px;margin:0}.context{color:#a5b4fc;font-size:12px;background:#222d49;padding:7px 9px;border-radius:99px}form{display:grid;gap:12px;margin-top:18px}label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#cbd5e1}textarea,input{width:100%;border:1px solid #334155;border-radius:9px;background:#0f172a;color:#f8fafc;padding:11px;font:inherit}textarea{min-height:104px;resize:vertical}button{border:0;border-radius:9px;background:#3b82f6;color:#fff;font:700 13px inherit;padding:11px 14px;cursor:pointer}button:hover{background:#2563eb}button:disabled{opacity:.6;cursor:wait}.quiet,.cancel{background:transparent;color:#93c5fd;border:1px solid #334155;padding:7px 10px}.cancel{color:#fca5a5;margin-top:8px}.notice{min-height:18px;margin:0;font-size:13px;color:#94a3b8}.notice.success{color:#86efac}.notice.error{color:#fda4af}.list{display:grid;gap:10px;margin-top:14px}.empty{color:#94a3b8;font-size:13px;margin:10px 0}.item{padding:13px;border:1px solid #29384f;border-radius:10px;background:#121b2b}.item p{white-space:pre-wrap;margin:9px 0;color:#e2e8f0;font-size:14px}.item time{font-size:12px;color:#c4b5fd}.item small{display:block;color:#fca5a5;margin-top:7px}.status{font-size:11px;font-weight:750;padding:4px 7px;border-radius:99px;background:#334155}.status.pending{background:#164e63;color:#a5f3fc}.status.sent{background:#14532d;color:#bbf7d0}.status.failed{background:#7f1d1d;color:#fecaca}.status.cancelled{background:#3f3f46;color:#d4d4d8}.status.sending{background:#713f12;color:#fef08a}@media(max-width:480px){body{padding:10px}.composer,.list-section{padding:14px}.heading{align-items:flex-start;flex-direction:column}.context{align-self:flex-start}}