:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1e222b;--border: #2a2f3a;--text: #e6e8ec;--muted: #949aa6;--accent: #5b8def;--ok: #3fb950;--warn: #d29922;--err: #f85149;--radius: 8px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}button{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:7px 13px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}button.danger:hover:not(:disabled){border-color:var(--err);color:var(--err)}input,textarea{font:inherit;width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px}label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.field{margin-bottom:16px}.hint{margin-top:5px;font-size:12px;color:var(--muted)}.layout{max-width:1180px;margin:0 auto;padding:24px}.columns{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:900px){.columns{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:20px}.card h2{margin:0 0 14px;font-size:15px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);color:var(--muted)}.pill.sent{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.pill.failed{color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,transparent)}.pill.sending{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.pill.queued{color:var(--muted)}.pill.running{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.pill.paused{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.progress{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden;display:flex;margin:10px 0 6px}.progress .sent{background:var(--ok)}.progress .failed{background:var(--err)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:7px 8px;border-bottom:1px solid var(--border)}td{padding:7px 8px;border-bottom:1px solid var(--surface-2);vertical-align:top}tr:last-child td{border-bottom:none}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.muted{color:var(--muted)}.error-text{color:var(--err);font-size:12px}.banner{padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:13px}.banner.warn{background:color-mix(in srgb,var(--warn) 12%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}.banner.err{background:color-mix(in srgb,var(--err) 12%,transparent);border:1px solid color-mix(in srgb,var(--err) 40%,transparent)}.banner.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent)}.gate{max-width:380px;margin:12vh auto}.scroll{max-height:460px;overflow-y:auto}
