*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#f5f5f5;color:#222;font-size:14px}.app.svelte-h7bch5.svelte-h7bch5{display:flex;flex-direction:column;height:100vh;overflow:hidden}header.svelte-h7bch5.svelte-h7bch5{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:#1a3a5c;color:#fff;flex-shrink:0}.title.svelte-h7bch5.svelte-h7bch5{font-weight:600;font-size:1rem;white-space:nowrap}.filter-row.svelte-h7bch5.svelte-h7bch5{display:flex;align-items:center;gap:.5rem;margin-left:auto}.filter-row.svelte-h7bch5 label.svelte-h7bch5{font-size:.8rem;opacity:.85;white-space:nowrap}.filter-input.svelte-h7bch5.svelte-h7bch5{padding:.3rem .6rem;border:1px solid rgba(255,255,255,.4);border-radius:4px;background:#ffffff1f;color:#fff;font-size:.85rem;width:140px}.filter-input.svelte-h7bch5.svelte-h7bch5::placeholder{color:#ffffff80}.filter-input.svelte-h7bch5.svelte-h7bch5:focus{outline:none;border-color:#fffc;background:#ffffff2e}.filter-input--date.svelte-h7bch5.svelte-h7bch5{width:130px;color-scheme:dark}.load-btn.svelte-h7bch5.svelte-h7bch5{padding:.3rem .9rem;background:#ffffff26;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:4px;cursor:pointer;font-size:.85rem}.load-btn.svelte-h7bch5.svelte-h7bch5:hover:not(:disabled){background:#ffffff40}.load-btn.svelte-h7bch5.svelte-h7bch5:disabled{opacity:.6;cursor:not-allowed}.error-banner.svelte-h7bch5.svelte-h7bch5{background:#fde8e8;border-left:3px solid #c0392b;color:#c0392b;padding:.5rem 1rem;font-size:.85rem;flex-shrink:0}.main.svelte-h7bch5.svelte-h7bch5{display:flex;flex:1;overflow:hidden}aside.request-list.svelte-h7bch5.svelte-h7bch5{width:280px;min-width:220px;border-right:1px solid #ddd;overflow-y:auto;background:#fff;flex-shrink:0}.request-item.svelte-h7bch5.svelte-h7bch5{display:flex;flex-direction:column;gap:2px;width:100%;padding:.6rem .75rem;border:none;border-bottom:1px solid #eee;background:#fff;text-align:left;cursor:pointer;font-size:.8rem;color:#333;transition:background .1s}.request-item.svelte-h7bch5.svelte-h7bch5:hover{background:#f0f4ff}.request-item.selected.svelte-h7bch5.svelte-h7bch5{background:#dce8ff;border-left:3px solid #1a3a5c}.req-time.svelte-h7bch5.svelte-h7bch5{color:#555;font-size:.75rem}.req-id.svelte-h7bch5.svelte-h7bch5{font-family:monospace;font-size:.8rem;color:#1a3a5c;font-weight:500}.req-user.svelte-h7bch5.svelte-h7bch5{color:#888;font-size:.75rem}.detail.svelte-h7bch5.svelte-h7bch5{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fafafa}.tabs.svelte-h7bch5.svelte-h7bch5{display:flex;border-bottom:1px solid #ddd;background:#fff;flex-shrink:0}.tab.svelte-h7bch5.svelte-h7bch5{padding:.55rem 1.25rem;border:none;background:transparent;cursor:pointer;font-size:.875rem;color:#555;border-bottom:2px solid transparent;transition:color .15s}.tab.svelte-h7bch5.svelte-h7bch5:hover{color:#1a3a5c}.tab.active.svelte-h7bch5.svelte-h7bch5{color:#1a3a5c;border-bottom-color:#1a3a5c;font-weight:500}.tab-content.svelte-h7bch5.svelte-h7bch5{flex:1;overflow-y:auto;padding:.75rem}.req-meta.svelte-h7bch5.svelte-h7bch5{display:flex;align-items:baseline;gap:.4rem .75rem;flex-wrap:wrap;padding:.4rem .5rem;margin-bottom:.5rem;background:#fff;border:1px solid #e8e8e8;border-radius:4px;font-size:.78rem}.meta-label.svelte-h7bch5.svelte-h7bch5{color:#999}.meta-val.svelte-h7bch5.svelte-h7bch5{color:#222;font-weight:500}.meta-mono.svelte-h7bch5.svelte-h7bch5{font-family:monospace;font-size:.75rem;color:#1a3a5c}.records-list.svelte-h7bch5.svelte-h7bch5{display:flex;flex-direction:column;gap:.5rem}.record-row.svelte-h7bch5.svelte-h7bch5{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:.5rem .75rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:baseline}.rec-time.svelte-h7bch5.svelte-h7bch5{font-size:.72rem;color:#888;white-space:nowrap}.badge.svelte-h7bch5.svelte-h7bch5{font-size:.7rem;padding:.1rem .4rem;border-radius:3px;background:#e8e8e8;color:#444;white-space:nowrap}.badge-agent_yield.svelte-h7bch5.svelte-h7bch5{background:#dce8ff;color:#1a3a5c}.badge-tool_use.svelte-h7bch5.svelte-h7bch5{background:#fff3cd;color:#856404}.badge-error.svelte-h7bch5.svelte-h7bch5{background:#fde8e8;color:#c0392b}.rec-text.svelte-h7bch5.svelte-h7bch5{width:100%;font-size:.8rem;color:#333;line-height:1.4;white-space:pre-wrap;word-break:break-word}.rec-data.svelte-h7bch5.svelte-h7bch5{width:100%;font-size:.75rem}.rec-data.svelte-h7bch5 summary.svelte-h7bch5{cursor:pointer;color:#888}.rec-data.svelte-h7bch5 pre.svelte-h7bch5{margin-top:.25rem;padding:.4rem;background:#f5f5f5;border-radius:3px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#333;font-size:.72rem}.logs-list.svelte-h7bch5.svelte-h7bch5{display:flex;flex-direction:column;gap:0;font-family:monospace;font-size:.78rem}.log-row.svelte-h7bch5.svelte-h7bch5{display:flex;gap:.75rem;padding:.3rem .25rem;border-bottom:1px solid #f0f0f0;align-items:flex-start;line-height:1.4}.log-row.svelte-h7bch5.svelte-h7bch5:hover{background:#f5f7ff}.log-time.svelte-h7bch5.svelte-h7bch5{color:#888;white-space:nowrap;flex-shrink:0}.log-msg.svelte-h7bch5.svelte-h7bch5{color:#222;word-break:break-all;white-space:pre-wrap}.empty.svelte-h7bch5.svelte-h7bch5{color:#aaa;font-size:.85rem;padding:1.5rem;text-align:center}