*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0f1117;color:#e8eaed}header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #2a2f3a;background:#161b22}h1{margin:0;font-size:1.1rem}nav button{margin-left:.5rem;padding:.4rem .8rem;border:1px solid #3a4150;background:transparent;color:#e8eaed;border-radius:6px;cursor:pointer}nav button.active{background:#2563eb;border-color:#2563eb}main{padding:1.5rem;max-width:1200px;margin:0 auto}.filters{display:flex;gap:.75rem;margin-bottom:1rem}select,input{padding:.4rem .6rem;border-radius:6px;border:1px solid #3a4150;background:#1c212b;color:#e8eaed}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid #2a2f3a}tr:hover{background:#1a2030;cursor:pointer}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-flagged{background:#f59e0b33;color:#fbbf24}.badge-critical{background:#ef444433;color:#f87171}.badge-ok{background:#22c55e33;color:#4ade80}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{background:#161b22;border:1px solid #2a2f3a;border-radius:8px;padding:1rem}.msg{margin-bottom:.75rem;padding:.5rem;border-radius:6px;background:#1c212b}.msg-user{border-left:3px solid #3b82f6}.msg-assistant{border-left:3px solid #22c55e}.tool-step{font-family:ui-monospace,monospace;font-size:.8rem;margin-bottom:.5rem;padding:.4rem;background:#0f1117;border-radius:4px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{background:#161b22;border:1px solid #2a2f3a;border-radius:8px;padding:1rem}.metric-card .value{font-size:1.8rem;font-weight:700}button.action{padding:.4rem .8rem;border-radius:6px;border:none;background:#2563eb;color:#fff;cursor:pointer}.error{color:#f87171}