:root{color:#142033;font-family:system-ui,sans-serif;background:#f4f6f8}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #c5ced8;background:#fff;border-radius:6px;padding:.4rem .7rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:#16324f;color:#fff;border-color:#16324f}main{max-width:1100px;margin:0 auto;padding:1.5rem}h1{margin:0 0 .25rem;font-size:1.4rem}.lede{margin:0 0 1rem;color:#4b5b6e}.panel{background:#fff;border:1px solid #e1e6ec;border-radius:10px;padding:1rem;margin-bottom:1rem}label{display:grid;gap:.25rem;font-size:.85rem;color:#4b5b6e}input,textarea{width:100%;box-sizing:border-box;border:1px solid #c5ced8;border-radius:6px;padding:.45rem .6rem}.fields{display:grid;grid-template-columns:1.2fr 1fr;gap:.75rem}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lane header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.lane h2{margin:0;font-size:1rem}.status{font-size:.8rem;border-radius:999px;padding:.15rem .55rem;background:#eef1f4}.status.open{background:#e5f6ea;color:#146c2e}.status.connecting{background:#fff4d6;color:#8a5a00}.row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}.log{height:220px;overflow:auto;background:#101820;color:#d7e0ea;border-radius:8px;padding:.6rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.45}.log .in{color:#9ad7ff}.log .out{color:#c8f5c4}.log .sys{color:#f0d48a}.hint{margin:.75rem 0 0;color:#4b5b6e;font-size:.85rem}.filters{display:grid;grid-template-columns:1.4fr .8fr .9fr .7fr .9fr auto;gap:.75rem;align-items:end}select{font:inherit;width:100%;box-sizing:border-box;border:1px solid #c5ced8;border-radius:6px;padding:.45rem .6rem;background:#fff}.scroller{max-height:480px;overflow:auto;margin-top:.75rem;border:1px solid #e1e6ec;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.45rem .7rem;border-bottom:1px solid #eef1f4;white-space:nowrap}th{position:sticky;top:0;background:#f7f9fb;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;color:#4b5b6e}.tag{display:inline-block;border-radius:999px;padding:.05rem .45rem;font-size:.78rem;background:#eef1f4}.tag.open{background:#e5f6ea;color:#146c2e}.tag.pending{background:#fff4d6;color:#8a5a00}.tag.closed{background:#f3e8e8;color:#8a3030}.sentinel{padding:.7rem;color:#4b5b6e;font-size:.85rem}.error{color:#8a3030}@media(max-width:800px){.fields,.lanes,.filters{grid-template-columns:1fr}}