:root{color-scheme:dark;--bg:#101619;--panel:#192226;--ink:#e6eeec;--muted:#94aaa9;--line:#2c3a3f;--green:#85d5af;--amber:#efc97b;--red:#f28a88}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}header,main,#login{max-width:1500px;margin:auto;padding:30px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font-size:34px;font-weight:550;letter-spacing:-1px;margin:5px 0}.dot{font-size:13px;color:var(--green);padding-left:14px}p{margin:0;color:var(--muted)}#connection{font:12px ui-monospace,monospace;color:var(--green)}main{padding-top:22px}#metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:var(--panel);padding:17px;border:1px solid var(--line);border-radius:8px}.label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.value{font-size:26px;margin:8px 0 3px;line-height:1.25}.small{font:11px/1.6 ui-monospace,monospace;color:var(--muted)}.bad{color:var(--red)!important}.warn{color:var(--amber)!important}.good{color:var(--green)}#agents{display:flex;gap:10px;margin:14px 0 24px;flex-wrap:wrap}.agent{flex:1;min-width:225px;padding:12px 15px;border:1px solid var(--line);border-radius:7px}.agent strong{font-weight:550}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#clock{color:var(--muted);font:11px ui-monospace,monospace;padding-left:15px}button,select,input{background:var(--panel);color:var(--ink);border:1px solid #4a5b60;border-radius:5px;padding:8px 12px;font:inherit}button{cursor:pointer}button:hover{border-color:var(--green)}.heads,.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.heads{position:sticky;top:0;background:var(--bg);z-index:2;border-bottom:1px solid var(--line)}h2{font:11px ui-monospace,monospace;color:var(--muted);padding:12px 0}h2 span{font:14px system-ui;color:var(--ink);margin-left:8px}.row{border-bottom:1px solid #202c31;padding:8px 0}.cell{min-width:0}.event{background:var(--panel);border-left:2px solid #77a9cf;padding:10px 12px;border-radius:3px;margin:5px 0;overflow-wrap:anywhere}.agent-event{border-left-color:var(--green)}.model-event{border-left-color:var(--amber)}.event time{font:10px ui-monospace,monospace;color:var(--muted)}.event h3{font-size:13px;font-weight:550;margin:4px 0}.event p{font-size:12px}a{color:inherit;text-underline-offset:3px}footer{font-size:11px;color:var(--muted);margin-top:30px;line-height:1.8}.empty{padding:45px 0;color:var(--muted);text-align:center}#login{display:flex;gap:12px;align-items:center}#login[hidden],main[hidden]{display:none}#login label{display:flex;gap:12px;align-items:center}@media(max-width:800px){header,main,#login{padding:18px}header{align-items:flex-start;gap:10px}h1{font-size:26px}#metrics{grid-template-columns:repeat(2,1fr)}.value{font-size:21px}.heads,.row{gap:6px}h2 span{display:block;margin:4px 0}h2{font-size:10px}.event{padding:8px}.event h3{font-size:11px}.event p{font-size:10px}.toolbar{gap:10px}#clock{display:block;padding:0}.toolbar button,.toolbar select{font-size:11px;padding:6px}.agent{min-width:180px}}