.page.svelte-1x5plpp{max-width:1600px;margin:0 auto}.page-header.svelte-1x5plpp{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.page-header.svelte-1x5plpp h1:where(.svelte-1x5plpp){margin:0 0 6px;font-size:28px;font-weight:600;color:#1a202c;letter-spacing:-.5px}.subtitle.svelte-1x5plpp{margin:0;font-size:14px;color:#6b7280;font-weight:400}.header-actions.svelte-1x5plpp{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.refresh-button.svelte-1x5plpp{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:#1a202c;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}.refresh-button.svelte-1x5plpp:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.refresh-button.svelte-1x5plpp:disabled{opacity:.5;cursor:not-allowed}.refresh-button.svelte-1x5plpp svg{color:#6b7280;transition:transform .3s}.refresh-button.svelte-1x5plpp:not(:disabled):hover svg{transform:rotate(180deg)}.loading-state.svelte-1x5plpp{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;min-height:400px}.error-state.svelte-1x5plpp{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;min-height:400px}.error-icon.svelte-1x5plpp{width:64px;height:64px;border-radius:16px;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#ef4444}.error-state.svelte-1x5plpp h2:where(.svelte-1x5plpp){margin:0 0 8px;color:#1a202c;font-size:20px;font-weight:600}.error-state.svelte-1x5plpp p:where(.svelte-1x5plpp){margin:0 0 24px;color:#6b7280;font-size:14px}.retry-button.svelte-1x5plpp{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Montserrat,sans-serif}.retry-button.svelte-1x5plpp:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.stats-grid.svelte-1x5plpp{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.stat-card.svelte-1x5plpp{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;transition:all .2s}.stat-card.svelte-1x5plpp:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000a;transform:translateY(-2px)}.stat-header.svelte-1x5plpp{display:flex;align-items:center;gap:10px;margin-bottom:16px}.stat-icon.svelte-1x5plpp{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label.svelte-1x5plpp{font-size:13px;color:#6b7280;font-weight:500}.stat-value.svelte-1x5plpp{font-size:32px;font-weight:600;line-height:1;letter-spacing:-.5px;margin-bottom:8px}.stat-footer.svelte-1x5plpp{font-size:12px;color:#9ca3af;margin-bottom:12px}.stat-badge.svelte-1x5plpp{display:inline-block;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-badge.severity-low.svelte-1x5plpp{background:#f0fdf4;color:#166534}.stat-badge.severity-medium.svelte-1x5plpp{background:#fffbeb;color:#92400e}.stat-badge.severity-high.svelte-1x5plpp{background:#fef2f2;color:#991b1b}.chart-section.svelte-1x5plpp{margin-bottom:32px}.chart-card.svelte-1x5plpp{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;transition:all .2s}.chart-card.svelte-1x5plpp:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000a}.chart-header.svelte-1x5plpp{margin-bottom:20px}.chart-header.svelte-1x5plpp h2:where(.svelte-1x5plpp){margin:0 0 4px;font-size:18px;font-weight:600;color:#1a202c}.chart-subtitle.svelte-1x5plpp{margin:0;font-size:13px;color:#6b7280}.chart-container.svelte-1x5plpp{height:380px;position:relative}.empty-chart.svelte-1x5plpp{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:14px}.table-section.svelte-1x5plpp{margin-top:32px}.table-card.svelte-1x5plpp{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb;transition:all .2s}.table-card.svelte-1x5plpp:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000a}.table-header-row.svelte-1x5plpp{margin-bottom:20px}.table-header-row.svelte-1x5plpp h2:where(.svelte-1x5plpp){margin:0 0 4px;font-size:18px;font-weight:600;color:#1a202c}.table-subtitle.svelte-1x5plpp{margin:0;font-size:13px;color:#6b7280}.table-container.svelte-1x5plpp{overflow-x:auto}table.svelte-1x5plpp{width:100%;border-collapse:collapse}thead.svelte-1x5plpp{background:#f9fafb}th.svelte-1x5plpp{padding:12px;text-align:left;font-weight:600;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}td.svelte-1x5plpp{padding:12px;border-bottom:1px solid #f3f4f6;color:#1a202c;font-size:14px}.error-row.svelte-1x5plpp{cursor:pointer;transition:all .15s}.error-row.svelte-1x5plpp:hover{background:#f0f9ff!important}tbody.svelte-1x5plpp tr.severity-critical:where(.svelte-1x5plpp){background:#fef2f2}tbody.svelte-1x5plpp tr.severity-warning:where(.svelte-1x5plpp){background:#fffbeb}.endpoint.svelte-1x5plpp{background:#f3f4f6;padding:4px 10px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#1a202c;font-weight:500}.status-badge.svelte-1x5plpp{display:inline-block;padding:4px 10px;border-radius:6px;font-weight:600;font-size:11px}.status-500.svelte-1x5plpp{background:#fef2f2;color:#dc2626}.status-404.svelte-1x5plpp{background:#fffbeb;color:#d97706}.status-403.svelte-1x5plpp,.status-400.svelte-1x5plpp,.status-429.svelte-1x5plpp{background:#eff6ff;color:#2563eb}.severity-badge.svelte-1x5plpp{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.severity-badge.critical.svelte-1x5plpp{background:#fef2f2;color:#dc2626}.severity-badge.warning.svelte-1x5plpp{background:#fffbeb;color:#d97706}.severity-badge.info.svelte-1x5plpp{background:#eff6ff;color:#2563eb}.count.svelte-1x5plpp{font-weight:600;color:#3b82f6;text-align:right}.detail-arrow.svelte-1x5plpp{color:#9ca3af;font-size:16px;text-align:center}.empty-table.svelte-1x5plpp{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.modal-overlay.svelte-1x5plpp{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay-top.svelte-1x5plpp{z-index:1100}.modal.svelte-1x5plpp{background:#fff;border-radius:16px;box-shadow:0 25px 60px #0003;width:90%;max-width:680px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:svelte-1x5plpp-modalIn .2s ease-out}.modal-wide.svelte-1x5plpp{max-width:960px}@keyframes svelte-1x5plpp-modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header.svelte-1x5plpp{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;gap:16px}.modal-header.svelte-1x5plpp h2:where(.svelte-1x5plpp){margin:0 0 8px;font-size:20px;font-weight:600;color:#1a1a1a}.modal-meta.svelte-1x5plpp{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.events-total-badge.svelte-1x5plpp{padding:4px 12px;background:#eff6ff;color:#2563eb;border-radius:20px;font-size:13px;font-weight:600}.modal-close.svelte-1x5plpp{width:36px;height:36px;border:none;background:#f3f4f6;color:#6b7280;border-radius:10px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close.svelte-1x5plpp:hover{background:#e5e7eb;color:#1a1a1a}.modal-body.svelte-1x5plpp{padding:24px;overflow-y:auto}.modal-loading.svelte-1x5plpp{padding:40px;text-align:center;color:#6b7280;font-size:15px}.modal-empty.svelte-1x5plpp{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.detail-table-wrapper.svelte-1x5plpp{overflow-x:auto}.detail-table.svelte-1x5plpp{width:100%;border-collapse:collapse}.detail-table.svelte-1x5plpp th:where(.svelte-1x5plpp){font-size:11px;padding:10px}.detail-table.svelte-1x5plpp td:where(.svelte-1x5plpp){padding:10px;font-size:13px}.event-row.svelte-1x5plpp{cursor:pointer;transition:background .15s}.event-row.svelte-1x5plpp:hover{background:#f0f9ff!important}.mono-text.svelte-1x5plpp{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#4b5563}.detail-pagination.svelte-1x5plpp{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.detail-pagination.svelte-1x5plpp button:where(.svelte-1x5plpp){padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-family:Montserrat,sans-serif;font-weight:500;transition:all .2s}.detail-pagination.svelte-1x5plpp button:where(.svelte-1x5plpp):disabled{opacity:.5;cursor:not-allowed}.detail-pagination.svelte-1x5plpp button:where(.svelte-1x5plpp):hover:not(:disabled){background:#f5f5f5}.detail-grid.svelte-1x5plpp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.detail-item.svelte-1x5plpp{display:flex;flex-direction:column;gap:4px}.detail-label.svelte-1x5plpp{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value.svelte-1x5plpp{font-size:14px;color:#1a1a1a;word-break:break-all}.event-type-badge.svelte-1x5plpp{display:inline-block;padding:3px 10px;background:#fef2f2;color:#dc2626;border-radius:6px;font-size:12px;font-weight:600}.properties-section.svelte-1x5plpp h3:where(.svelte-1x5plpp){margin:0 0 12px;font-size:16px;font-weight:600;color:#1a1a1a}.properties-json.svelte-1x5plpp{background:#1e293b;color:#e2e8f0;padding:16px 20px;border-radius:10px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-all}.no-properties.svelte-1x5plpp{padding:20px;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:10px;font-size:14px}@media(max-width:768px){.page-header.svelte-1x5plpp{flex-direction:column}.header-actions.svelte-1x5plpp{width:100%}.stats-grid.svelte-1x5plpp{grid-template-columns:1fr}.chart-container.svelte-1x5plpp{height:300px}}@media(max-width:640px){.page-header.svelte-1x5plpp h1:where(.svelte-1x5plpp){font-size:24px}.stat-value.svelte-1x5plpp{font-size:28px}.chart-container.svelte-1x5plpp{height:250px}.detail-grid.svelte-1x5plpp{grid-template-columns:1fr}.modal.svelte-1x5plpp{width:95%;max-height:90vh}.modal-wide.svelte-1x5plpp{max-width:95%}}