:root{--bg: #0f1724;--bg-soft: #162032;--panel: #f6f4ed;--panel-ink: #1b2330;--accent: #ff6a3d;--accent-muted: #ffd2c4;--accent-2: #1db89f;--line: #d2cfbf;--danger: #ad1a1a}*{box-sizing:border-box}html,body,#root{width:100%}body{margin:0;overflow-x:hidden;font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at 14% 10%,#273754 0%,transparent 38%),radial-gradient(circle at 80% 8%,#263a39 0%,transparent 35%),linear-gradient(140deg,#0e1525,#111e2f 52%,#132534);color:#f1f1ee}.page{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:clamp(.75rem,1.6vw,1.4rem);display:grid;gap:.9rem}.hero{border:1px solid #38465e;background:linear-gradient(122deg,#1b2a41,#172533 64%,#1f2f42);border-radius:14px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;flex-wrap:wrap}.hero h1{margin:0;letter-spacing:.01em;font-size:clamp(1.15rem,1.1vw,1.45rem)}.hero p{margin:.35rem 0 0;color:#c8d4e8;font-size:.9rem;max-width:65ch}.controls-inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;min-width:0}.hero-right{display:grid;gap:.55rem;justify-items:end}.viewer-line{display:flex;align-items:center;gap:.5rem;color:#d0ddf0;font-size:.78rem}.controls-inline>*{min-width:0}.controls-inline select{flex:1 1 260px}.top-grid,.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;min-width:0}.panel{border-radius:12px;border:1px solid #2f3d53;background:linear-gradient(180deg,#f7f5ed,#f0ecdf);color:var(--panel-ink);padding:.9rem;min-height:320px;min-width:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;gap:.6rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap;min-width:0}.panel h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.panel h4{margin:0 0 .45rem;font-size:.83rem;letter-spacing:.04em;text-transform:uppercase}.filter-row,.explorer-controls,.qa-buttons,.qa-grid{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.filter-row>*,.explorer-controls>*{flex:1 1 170px;min-width:0}input,select,button,pre{font-family:IBM Plex Mono,monospace}input,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem;background:#fffef8;color:#242424;min-width:0}button{border:1px solid #223046;background:#16283b;color:#f3f6fb;border-radius:8px;padding:.45rem .7rem;cursor:pointer;white-space:nowrap}button:hover{background:#1e3650}.timeline{max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:.2rem}.event-card{border:1px solid #d5d1c3;border-left:5px solid var(--accent);background:#fffdf8;border-radius:8px;padding:.5rem .6rem;margin-bottom:.55rem;min-width:0}.event-card strong{display:block;overflow-wrap:anywhere}.event-top{display:flex;justify-content:space-between;gap:.45rem;font-size:.76rem;color:#626159;margin-bottom:.24rem}.badge{background:var(--accent-muted);color:#6b2a19;border-radius:999px;padding:.08rem .48rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.event-meta{display:flex;flex-wrap:wrap;gap:.45rem .6rem;font-size:.72rem;color:#645f51;margin-top:.25rem}.event-meta span{overflow-wrap:anywhere}.team-columns{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));min-width:0}.team-column{background:#fffef8;border:1px solid #d8d3c4;border-radius:10px;padding:.5rem;min-width:0}.team-column h3{margin:0 0 .45rem;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.agent-card{border:1px solid #d9d6c9;background:#f9f6ee;border-radius:8px;padding:.46rem;margin-bottom:.45rem;min-width:0}.agent-card strong{display:block;font-size:.82rem}.agent-card p{margin:.2rem 0;font-size:.75rem;overflow-wrap:anywhere}.activity{color:#26434f}.agent-metrics{display:flex;gap:.5rem;font-size:.7rem}.explorer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem;min-width:0}.explorer-grid>div{min-width:0}.stats-list{margin:0;padding-left:1rem}pre{margin:0;background:#131f2f;color:#ecf1f8;border-radius:8px;border:1px solid #27384f;padding:.6rem;overflow:auto;max-height:360px;font-size:.72rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.qa-panel{background:linear-gradient(180deg,#f4f1e6,#ece4d1)}.qa-grid label{display:grid;gap:.3rem;font-size:.76rem;flex:1 1 180px;min-width:0}.qa-grid input,.qa-grid select{width:100%}.qa-metrics{margin-top:.75rem;display:grid;gap:.24rem;font-size:.76rem}.error{border:1px solid #f0a9a9;background:#ffe8e8;color:var(--danger);border-radius:8px;padding:.55rem .7rem;font-family:IBM Plex Mono,monospace;overflow-wrap:anywhere}.empty{color:#70695c;font-size:.82rem}.auth-shell{min-height:100vh;display:grid;gap:.85rem;justify-items:center;align-content:center;padding:1.2rem;text-align:center}.auth-shell h1{margin:0;font-size:1.25rem}.auth-shell p{margin:0;color:#d4dfef}@media(min-width:980px){.top-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.bottom-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.92fr)}.explorer-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}