.trace-list.svelte-1ozjsfs{background:#1e1e1e;border-radius:8px;padding:20px;margin-top:30px}.header.svelte-1ozjsfs{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header.svelte-1ozjsfs h2:where(.svelte-1ozjsfs){margin:0;font-size:20px;color:#fff}.controls.svelte-1ozjsfs{display:flex;gap:10px;align-items:center}select.svelte-1ozjsfs{padding:8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}select.svelte-1ozjsfs:focus{outline:none;border-color:#4caf50}.refresh-button.svelte-1ozjsfs{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#ccc;font-size:14px;cursor:pointer;transition:all .2s}.refresh-button.svelte-1ozjsfs:hover{background:#333;border-color:#555;color:#fff}.loading.svelte-1ozjsfs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888}.spinner.svelte-1ozjsfs{width:30px;height:30px;border:3px solid #333;border-top-color:#4caf50;border-radius:50%;animation:svelte-1ozjsfs-spin 1s linear infinite;margin-bottom:15px}@keyframes svelte-1ozjsfs-spin{to{transform:rotate(360deg)}}.error.svelte-1ozjsfs{text-align:center;padding:40px 20px;color:#ff6b6b}.error.svelte-1ozjsfs button:where(.svelte-1ozjsfs){margin-top:15px;padding:8px 20px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.error.svelte-1ozjsfs button:where(.svelte-1ozjsfs):hover{background:#333;border-color:#555}.empty.svelte-1ozjsfs{text-align:center;padding:60px 20px;color:#666}.table-container.svelte-1ozjsfs{overflow-x:auto}table.svelte-1ozjsfs{width:100%;border-collapse:collapse;font-size:14px}th.svelte-1ozjsfs{text-align:left;padding:12px 15px;background:#2a2a2a;color:#999;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #333}td.svelte-1ozjsfs{padding:12px 15px;border-bottom:1px solid #2a2a2a;color:#e0e0e0}tbody.svelte-1ozjsfs tr:where(.svelte-1ozjsfs){cursor:pointer;transition:background-color .2s}tbody.svelte-1ozjsfs tr:where(.svelte-1ozjsfs):hover{background:#252525}.trace-id.svelte-1ozjsfs{font-style:italic;font-size:11px;color:#999}.time.svelte-1ozjsfs{color:#999;font-size:13px;white-space:nowrap}.service.svelte-1ozjsfs{color:#4caf50;font-weight:500}.operation.svelte-1ozjsfs{color:#e0e0e0}.duration.svelte-1ozjsfs{font-family:monospace;color:#999}.spans.svelte-1ozjsfs{text-align:center;color:#999}.status.svelte-1ozjsfs{text-align:center}.error-badge.svelte-1ozjsfs{display:inline-block;padding:4px 8px;background:#f44;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.success-badge.svelte-1ozjsfs{display:inline-block;padding:4px 8px;background:#22c55e;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.container.svelte-hycvp0{max-width:600px;margin:100px auto;padding:40px;background:#1e1e1e;border-radius:8px;box-shadow:0 4px 20px #0000004d}h1.svelte-hycvp0{font-size:32px;margin:0 0 10px;color:#fff}p.svelte-hycvp0{color:#888;margin:0 0 40px;font-size:16px}.form-group.svelte-hycvp0{display:flex;flex-direction:column;gap:15px}label.svelte-hycvp0{font-size:14px;color:#ccc;font-weight:500}input.svelte-hycvp0{padding:12px 16px;font-size:16px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-family:monospace;transition:border-color .2s}input.svelte-hycvp0:focus{outline:none;border-color:#4caf50}select.svelte-hycvp0{padding:12px 16px;font-size:16px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;transition:border-color .2s;cursor:pointer}select.svelte-hycvp0:focus{outline:none;border-color:#4caf50}button.svelte-hycvp0{padding:12px 24px;font-size:16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}button.svelte-hycvp0:hover{background:#45a049}button.svelte-hycvp0:active{background:#3d8b40}.search-method-selector.svelte-hycvp0{display:flex;gap:30px;margin-bottom:30px}.radio-label.svelte-hycvp0{display:flex;align-items:center;gap:8px;cursor:pointer;color:#ccc;font-size:14px}.radio-label.svelte-hycvp0 input[type=radio]:where(.svelte-hycvp0){cursor:pointer}.radio-label.svelte-hycvp0:hover{color:#fff}.network-toggle.svelte-hycvp0{display:flex;gap:10px;margin-bottom:30px}.network-button.svelte-hycvp0{padding:8px 20px;font-size:14px;background:#2a2a2a;color:#888;border:1px solid #444;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.network-button.svelte-hycvp0:hover{background:#333;color:#ccc}.network-button.active.svelte-hycvp0{background:#4caf50;color:#fff;border-color:#4caf50}.network-button.active.svelte-hycvp0:hover{background:#45a049}