:root{color-scheme:dark;font-family:SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;--bg: #0a0b0d;--panel: #111318;--panel-2: #151922;--panel-3: #0f1218;--line: #242936;--line-2: #1b1f29;--text: #f3f6fb;--muted: #98a2b3;--accent: #6e7bff;--accent-soft: rgba(110, 123, 255, .14);--success: #30b878;--danger: #ff6b7d;--shadow: 0 24px 80px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(110,123,255,.09),transparent 24%),radial-gradient(circle at bottom right,rgba(110,123,255,.06),transparent 22%),var(--bg);color:var(--text)}button,input,select{font:inherit}a{color:#c2cbff}.workspace{min-height:100vh;padding:20px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.workspace--login{grid-template-columns:1fr;align-items:center}.login-shell{width:min(1040px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:24px}.login-copy,.sidebar,.panel,.metric,.connection-card,.status-card,.reveal-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 100%),var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.login-copy{padding:32px;border-radius:20px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted)}.login-copy h1{margin:0;font-size:clamp(42px,7vw,68px);line-height:.95;letter-spacing:-.06em}.subtle{margin:18px 0 0;max-width:34rem;color:var(--muted);font-size:16px;line-height:1.7}.login-notes{margin-top:32px;display:flex;flex-wrap:wrap;gap:10px}.login-notes span{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel-3);color:var(--muted);font-size:13px}.sidebar{border-radius:18px;padding:18px;display:grid;align-content:start;gap:18px;position:sticky;top:20px;height:fit-content}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:36px;height:36px;border-radius:10px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:700;letter-spacing:-.04em}.brand p,.brand strong{margin:0}.brand p{color:var(--muted);font-size:12px}.brand strong{font-size:15px}.main{display:grid;gap:20px;align-content:start}.main-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:20px}.lookup-stack,.metric-list,.stack{display:grid;gap:12px}.metric-list,.metric-list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{border-radius:16px;padding:14px}.metric span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.metric strong{display:block;font-size:24px;letter-spacing:-.04em}.metric em{display:block;margin-top:6px;font-style:normal;color:var(--muted);font-size:12px}.panel{border-radius:18px;padding:18px}.panel--login{padding:22px}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel__header h2{margin:0;font-size:16px;letter-spacing:-.02em}.panel__header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.form{display:grid;gap:14px}.form--compact{gap:12px}.form label{display:grid;gap:6px;color:var(--muted);font-size:13px}.grid-two,.inline-actions,.chips,.toolbar,.delivery-row__meta{display:grid;gap:10px}.grid-two,.inline-actions,.toolbar,.chips{grid-template-columns:repeat(2,minmax(0,1fr))}input,select{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--panel-3);color:var(--text);padding:11px 12px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.button{border:0;cursor:pointer;border-radius:10px;padding:11px 14px;transition:background .14s ease,border-color .14s ease,transform .14s ease}.button:hover{transform:translateY(-1px)}.button:disabled,input:disabled,select:disabled{opacity:.56;cursor:not-allowed}.button:disabled:hover{transform:none}.button--primary{background:var(--accent);color:#fff;font-weight:600}.button--ghost{background:var(--panel-3);color:var(--text);border:1px solid var(--line)}.button--text{background:transparent;color:var(--danger);padding:0;border-radius:0}.connection-card,.status-card,.reveal-card{border-radius:14px;padding:14px}.connection-card span,.reveal-card span,.status-card strong{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.connection-card strong,.reveal-card strong{display:block;overflow-wrap:anywhere;font-size:14px}.connection-card em,.status-card span{display:block;margin-top:8px;font-style:normal;color:var(--muted);font-size:13px;line-height:1.5}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--line-2)}.row:first-child{border-top:0;padding-top:0}.row strong{display:block;margin-bottom:4px;font-size:14px}.row p,.row a,.row__meta span,.empty,.signal-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.row__meta{display:grid;gap:8px;justify-items:end;text-align:right}.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--line);padding:10px 12px;background:var(--panel-3);color:var(--muted);font-size:12px}.chip--active{color:var(--text);border-color:#3a4580;background:#6e7bff1f}.chip input{width:auto;margin:0}.checkbox-line__control{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.checkbox-line__control input{width:auto;margin:0}.signal-row{padding:12px 0;border-top:1px solid var(--line-2)}.delivery-row{padding:14px 0;border-top:1px solid var(--line-2)}.delivery-row:first-child{border-top:0;padding-top:0}.delivery-row__header,.delivery-row__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-row__header strong{display:block;margin-bottom:4px;font-size:14px}.delivery-row__header p,.delivery-row__actions span,.delivery-row__response{margin:0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.delivery-row__meta{margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-row__meta span{color:var(--muted);font-size:12px}.delivery-row__response{margin-top:8px}.delivery-row__actions{margin-top:12px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:var(--panel-3);border:1px solid var(--line);color:var(--muted);font-size:12px}.pill--delivered{border-color:#30b8784d;color:#8ee2b5}.pill--dead_letter{border-color:#ff6b7d52;color:#ff9cac}.pill--retrying,.pill--pending{border-color:#6e7bff52;color:#c2cbff}.signal-row:first-child{border-top:0;padding-top:0}.signal-row span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.signal-row strong{display:block;margin-bottom:6px;font-size:13px}.empty{padding:4px 0 2px}@media(max-width:1080px){.workspace,.login-shell,.main-grid{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:720px){.workspace{padding:12px}.metric-list,.metric-list--compact,.grid-two,.inline-actions,.chips,.toolbar,.delivery-row__meta,.row{grid-template-columns:1fr}.delivery-row__header,.delivery-row__actions{align-items:flex-start;flex-direction:column}.row__meta{justify-items:start;text-align:left}.login-copy{padding:22px}}