.traces-page.svelte-cn8k97{max-width:1600px}.traces-header.svelte-cn8k97{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.traces-header.svelte-cn8k97 h2:where(.svelte-cn8k97){font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.traces-header.svelte-cn8k97 p:where(.svelte-cn8k97){color:var(--text-secondary)}.filters-bar.svelte-cn8k97{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.filter-tabs.svelte-cn8k97{display:flex;background:var(--bg-secondary);border-radius:var(--border-radius-sm);padding:4px}.filter-tab.svelte-cn8k97{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:calc(var(--border-radius-sm) - 2px);font-size:.85rem;transition:all .2s ease}.filter-tab.svelte-cn8k97:hover{color:var(--text-primary)}.filter-tab.active.svelte-cn8k97{background:var(--bg-tertiary);color:var(--text-primary)}.filter-tab.success.active.svelte-cn8k97{background:#10b98133;color:var(--success)}.filter-tab.error.active.svelte-cn8k97{background:#ef444433;color:var(--error)}.filter-tab.pending.active.svelte-cn8k97{background:#f59e0b33;color:var(--warning)}.traces-content.svelte-cn8k97{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}@media(max-width:1200px){.traces-content.svelte-cn8k97{grid-template-columns:1fr}.trace-detail-panel.svelte-cn8k97{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:450px;z-index:100;overflow-y:auto;border-radius:0}}.trace-list-container.svelte-cn8k97{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.trace-table-header.svelte-cn8k97{display:grid;grid-template-columns:60px 120px 1fr 100px 80px 100px;padding:.75rem 1rem;background:var(--bg-tertiary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.trace-table-row.svelte-cn8k97{display:grid;grid-template-columns:60px 120px 1fr 100px 80px 100px;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);align-items:center;cursor:pointer;transition:background .2s ease}.trace-table-row.svelte-cn8k97:hover{background:var(--bg-hover)}.trace-table-row.selected.svelte-cn8k97{background:#6366f11a;border-left:3px solid var(--accent-primary)}.trace-detail-panel.svelte-cn8k97{position:sticky;top:1.5rem;max-height:calc(100vh - 150px);overflow-y:auto}.close-btn.svelte-cn8k97{width:28px;height:28px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.close-btn.svelte-cn8k97:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-section.svelte-cn8k97{margin-bottom:1.5rem}.detail-section.svelte-cn8k97 h4:where(.svelte-cn8k97){font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:.75rem}.detail-grid.svelte-cn8k97{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-item.svelte-cn8k97{background:var(--bg-tertiary);padding:.75rem;border-radius:var(--border-radius-sm)}.detail-label.svelte-cn8k97{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.detail-value.svelte-cn8k97{font-size:.9rem;color:var(--text-primary)}code.detail-value.svelte-cn8k97{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary);word-break:break-all}.trace-model.svelte-cn8k97{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary)}.trace-prompt.svelte-cn8k97{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-latency.svelte-cn8k97,.trace-tokens.svelte-cn8k97{font-family:var(--font-mono);font-size:.85rem}.trace-time.svelte-cn8k97{color:var(--text-muted);font-size:.8rem}