:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f5;--surface:#fff;--surface-alt:#eef3f1;--ink:#17201c;--muted:#63706a;--line:#d7ded9;--accent:#0f766e;--accent-strong:#115e59;--warning:#9f4211;--code:#111827}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select{font:inherit}button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;min-height:38px;padding:0 14px}button.secondary{color:var(--accent-strong);background:0 0}button:disabled{cursor:not-allowed;opacity:.55}input,select{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);border-radius:6px;min-width:0;padding:0 10px}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.page{max-width:1180px;margin:0 auto;padding:32px 20px 56px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:26px;display:flex}.brand{gap:2px;display:grid}.brand h1{letter-spacing:0;margin:0;font-size:28px;line-height:1.1}.brand span,.muted{color:var(--muted)}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:18px;width:min(460px,100%);padding:28px;display:grid}.login-panel h1{margin:0;font-size:30px}.grid{grid-template-columns:310px minmax(0,1fr);gap:22px;margin-top:24px;display:grid}.panel{align-content:start;gap:16px;display:grid}.section-title{text-transform:uppercase;color:var(--muted);margin:0;font-size:15px}.form-row{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.receiver-list,.event-list{gap:8px;display:grid}.receiver-card,.event-card,.detail{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.receiver-card{text-align:left;color:var(--ink);gap:8px;display:grid}.receiver-card.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.receiver-title,.event-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.receiver-title strong,.event-title strong{overflow-wrap:anywhere}.pill{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.main{gap:18px;min-width:0;display:grid}.copy-grid{gap:10px;display:grid}.copy-line{grid-template-columns:115px minmax(0,1fr);align-items:center;gap:8px;display:grid}.copy-line span{color:var(--muted)}.copy-line code,.command{background:var(--code);color:#f8fafc;white-space:nowrap;border-radius:6px;padding:10px;display:block;overflow-x:auto}.events-layout{grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:16px;display:grid}.event-card{cursor:pointer;gap:8px;display:grid}.event-card.active{border-color:var(--accent)}.detail{gap:14px;min-width:0;display:grid}.detail pre{background:var(--surface-alt);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;max-height:360px;margin:0;padding:12px;overflow:auto}.empty{border:1px dashed var(--line);color:var(--muted);background:#ffffff80;border-radius:8px;padding:22px}.error{color:var(--warning)}@media (max-width:860px){.grid,.events-layout,.form-row{grid-template-columns:1fr}.topbar,.receiver-title,.event-title{flex-direction:column;align-items:flex-start}.copy-line{grid-template-columns:1fr}}