@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--request-bg:#18232b}.request-status{font:700 11px 'DM Mono',monospace;color:#77858d;background:#eef2f3;border-radius:99px;padding:7px 10px}.request-status.ok{color:#477710;background:#e9f7cf}.request-status.error{color:var(--danger);background:#fce8e7}.endpoint{display:flex;gap:10px;align-items:center;border:1px solid #d7e1b8;background:#f8fbef;border-radius:9px;padding:12px 14px;margin-bottom:16px;overflow:auto}.endpoint span{font:700 11px 'DM Mono',monospace;color:#527716}.endpoint code{font:12px 'DM Mono',monospace;white-space:nowrap}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.request-grid h3{font-size:12px;margin:0 0 7px;color:var(--muted)}pre{margin:0;padding:13px;min-height:160px;max-height:360px;overflow:auto;border-radius:9px;background:var(--request-bg);color:#dbe8df;font:11px/1.5 'DM Mono',monospace;white-space:pre-wrap;word-break:break-word}
:root{--ink:#17202a;--muted:#64727f;--line:#dfe6e9;--lime:#b7e75c;--lime-ink:#1c3210;--paper:#f6f8f8;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#e9f4d3 0,transparent 26rem),var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}main{max-width:1020px;margin:auto;padding:68px 28px}header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:38px}.eyebrow{font:700 11px 'DM Mono',monospace;letter-spacing:.11em;color:#74834d;margin:0 0 9px}h1{font-size:clamp(34px,6vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0}h2{font-size:20px;letter-spacing:-.035em;margin:0}.intro{max-width:610px;color:var(--muted);font-size:16px;line-height:1.6;margin:17px 0 0}.status{flex:none;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font:600 12px 'DM Mono',monospace}.status i{display:block;width:8px;height:8px;border-radius:50%;background:#a8b0b5}.status.online i{background:#7cb923;box-shadow:0 0 0 4px #ebf7d6}.card{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:19px;box-shadow:0 8px 30px rgba(40,57,61,.045)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading .eyebrow{margin-bottom:5px}button{appearance:none;border:0;border-radius:9px;padding:11px 14px;cursor:pointer;font:700 13px Manrope,sans-serif}.secondary{color:var(--ink);background:#eef2f3}.text-button{padding:6px;background:transparent;color:var(--muted)}.sender{display:grid;grid-template-columns:1.25fr 1fr auto;gap:16px;align-items:end;padding:19px 0;border-top:1px solid var(--line)}.field{display:grid;gap:7px}label{font:600 12px Manrope,sans-serif;color:var(--muted)}select,input{width:100%;height:43px;padding:0 11px;border:1px solid #ccd6d9;border-radius:8px;background:#fff;color:var(--ink);font:500 13px Manrope,sans-serif;outline:none}select:focus,input:focus{border-color:#87b72d;box-shadow:0 0 0 3px #edf7db}.actions{display:flex;gap:7px}.start{background:var(--lime);color:var(--lime-ink);white-space:nowrap}.stop{background:#fce8e7;color:var(--danger);white-space:nowrap}.stop:disabled,.start:disabled{opacity:.45;cursor:default}.sender-state{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.sender-state.active{color:#4e7f14;font-weight:700}.empty{color:var(--muted);margin:5px 0 1px;font-size:14px}.log-card{padding-bottom:0}.log{max-height:286px;overflow:auto;margin:0 -24px;padding:0 24px}.log-row{display:grid;grid-template-columns:82px 1fr;gap:13px;border-top:1px solid #edf0f1;padding:11px 0;font-size:12px;color:#52616b}.log-row time{font-family:'DM Mono',monospace;color:#8a979e}.log-row.success span{color:#477710}.log-row.error span{color:var(--danger)}.log-row.warning span{color:#a15c00}.log-empty{color:var(--muted);font-size:13px}@media(max-width:700px){main{padding:38px 16px}header{display:block}.status{margin-top:24px;width:max-content}.card{padding:18px}.sender{grid-template-columns:1fr}.actions{justify-content:flex-start}.log{margin:0 -18px;padding:0 18px}.log-row{grid-template-columns:72px 1fr}}