@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{color:#142033;font-synthesis:none;text-rendering:optimizelegibility;--border:#dfe5ef;--muted:#68758a;--ink:#142033;--panel:#fff;--blue:#2563eb;--teal:#0f766e;--orange:#c2410c;--shadow:0 18px 45px #1f293714;background:#f6f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#ffffffeb,#f6f7fbf0),repeating-linear-gradient(90deg,#2563eb0a 0 1px,#0000 1px 56px);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffe0;flex-direction:column;flex:0 0 280px;gap:28px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand-row{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.brand-logo{filter:brightness(0)saturate();width:min(100%,232px);height:auto;display:block}.brand-subtitle,.eyebrow,.sidebar-card-label,.panel-header span,.stat-card span,.field-label span,.session-row span,th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.nav-list{gap:8px;display:grid}.nav-item,.refresh-button,.clear-button,.icon-button,.chip,.session-row{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px}.nav-item{color:#41506a;text-align:left;align-items:center;gap:11px;padding:12px;font-weight:700;display:flex}.nav-item:hover,.nav-item.active{color:#1743a5;background:#eef4ff;border-color:#cbd8f5}.sidebar-card{border:1px solid var(--border);background:#fbfcff;border-radius:8px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.status-dot{background:#16a34a;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 5px #16a34a1f}.sidebar-card code{color:#1d4ed8;text-overflow:ellipsis;max-width:180px;font-size:12px;display:block;overflow:hidden}.main-panel{width:100%;min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.05}h2{font-size:17px}.refresh-button,.clear-button,.icon-button{border-color:var(--border);color:#334155;background:#fff;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #0f172a0a}.icon-button:disabled{cursor:not-allowed;opacity:.45}.filter-bar{border:1px solid var(--border);background:#fffc;border-radius:8px;grid-template-columns:auto repeat(5,minmax(120px,1fr)) auto;align-items:center;gap:10px;margin-bottom:18px;padding:10px;display:grid}.filter-title{align-items:center;gap:8px;padding:0 8px;font-weight:800;display:flex}.filter-title strong{color:#1d4ed8;background:#dbeafe;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:12px;display:grid}.filter-input,.search-field{border:1px solid var(--border);min-width:0;height:40px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.filter-input input,.search-field input,select{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stat-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.stat-card{align-items:center;gap:14px;min-height:104px;padding:18px;display:flex}.stat-card strong{margin-top:5px;font-size:clamp(22px,3vw,34px);line-height:1;display:block}.stat-icon{width:44px;height:44px;color:var(--blue);background:#edf4ff;border-radius:8px;flex:0 0 44px;place-items:center;display:grid}.stat-icon svg{width:22px;height:22px}.panel{min-width:0;padding:18px}.two-column{grid-column:span 2}.wide{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.panel-header.small{margin:8px 0 12px}.chart-frame{width:100%;height:320px}.chart-tooltip{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:5px;padding:10px 12px;display:grid}.bucket-list{gap:14px;display:grid}.bucket-item{gap:8px;display:grid}.bucket-item>div:first-child{justify-content:space-between;gap:12px;display:flex}.bucket-item code,td code{overflow-wrap:anywhere}.meter{background:#edf1f7;border-radius:999px;height:8px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--teal));height:100%;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:13px 12px}td{color:#334155;font-size:14px}tbody tr:last-child td{border-bottom:0}tbody tr.interactive-row{cursor:pointer}tbody tr.interactive-row:hover td,tbody tr.interactive-row:focus-visible td{background:#f8fbff}.session-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.session-list{gap:8px;max-height:calc(100vh - 250px);display:grid;overflow:auto}.session-row{border-color:var(--border);text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.session-row.active,.session-row:hover{background:#f1f6ff;border-color:#b9ccff}.session-main{gap:4px;min-width:0;display:grid}.session-main code{color:#1e293b;text-overflow:ellipsis;text-transform:none;overflow:hidden}.detail-stack,.controls-panel,.field-label{gap:14px;display:grid}.split-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.timeline-section{gap:8px;display:grid}.timeline{gap:14px;display:grid}.timeline-scale{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:8px;grid-template-columns:1fr auto 1fr;gap:12px;padding:9px 12px;font-size:12px;font-weight:800;display:grid}.timeline-scale span:last-child{text-align:right}.timeline-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented-control{border:1px solid var(--border);background:#f8fafc;border-radius:8px;padding:3px;display:inline-flex}.segmented-control button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:800}.segmented-control button.active{color:#1743a5;background:#fff;box-shadow:0 4px 12px #0f172a14}.timeline-stepper{align-items:center;gap:8px;display:inline-flex}.timeline-stepper .icon-button{width:34px;min-height:34px;box-shadow:none;padding:0}.timeline-stepper span{min-width:48px;color:var(--muted);text-align:center;font-size:12px;font-weight:800}.timeline-track-view{gap:16px;display:grid}.timeline-track{background:linear-gradient(#f8fafc00,#f8fafc),repeating-linear-gradient(90deg,#68758a29 0 1px,#0000 1px 12.5%);border-radius:8px;height:112px;margin:4px 10px 0;position:relative}.timeline-track-line{background:linear-gradient(90deg, var(--blue), var(--teal), var(--orange));border-radius:999px;height:4px;position:absolute;top:52px;left:0;right:0;box-shadow:0 8px 18px #2563eb29}.timeline-point{background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:52px;transform:translate(-50%,-50%)}.timeline-point span{border-radius:inherit;background:var(--blue);border:3px solid #fff;width:13px;height:13px;transition:width .16s,height .16s,background .16s,box-shadow .16s;box-shadow:0 0 0 4px #2563eb29}.timeline-point:hover span,.timeline-point.active span{background:var(--orange);width:22px;height:22px;box-shadow:0 0 0 5px #c2410c24,0 12px 24px #0f172a33}.timeline-item{gap:8px;display:grid}.timeline-rail{background:#e8edf6;border-radius:999px;height:10px;position:relative}.timeline-rail span{background:var(--blue);border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #2563eb29}.timeline-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.timeline-track-view .timeline-card{background:linear-gradient(#fff,#fbfcff);border-color:#cbd8f5;padding:16px;box-shadow:0 12px 30px #1f293714}.timeline-card-header,.timeline-meta{gap:8px;display:flex}.timeline-card-header{justify-content:space-between;align-items:center}.timeline-card-header code{color:#1e293b;overflow-wrap:anywhere;font-weight:700}.timeline-card-header span,.timeline-meta span{color:var(--muted);font-size:12px;font-weight:700}.timeline-meta{flex-wrap:wrap}.timeline-meta span{color:#1743a5;background:#eef4ff;border-radius:999px;padding:4px 8px}.timeline-fields-wrap{overflow-x:auto}.timeline-fields-table{border-collapse:collapse;background:#fff;border:1px solid #e8edf6;border-radius:8px;width:100%;overflow:hidden}.timeline-fields-table tr:not(:last-child){border-bottom:1px solid #eef2f8}.timeline-fields-table th,.timeline-fields-table td{text-align:left;vertical-align:top;padding:8px 10px}.timeline-fields-table th{width:38%;color:var(--muted);overflow-wrap:anywhere;background:#f8fafc;font-size:12px;font-weight:700}.timeline-fields-table td{color:#334155;overflow-wrap:anywhere;font-size:13px}.timeline-unavailable{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;min-height:120px}.timeline-unavailable div{gap:4px;display:grid}.timeline-unavailable strong{color:#334155}.timeline-unavailable span{color:var(--muted);font-size:13px;font-weight:600}.events-grid{grid-template-columns:minmax(260px,.42fr) minmax(0,1fr)}.controls-panel{align-self:start}.field-label select{border:1px solid var(--border);background:#fff;border-radius:8px;height:40px;padding:0 10px}.query-summary{background:#f8fbff;border:1px solid #dbe5f8;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.query-summary strong{color:#1743a5;font-size:22px;line-height:1}.query-summary span{color:var(--muted);font-size:12px;font-weight:700}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-color:var(--border);color:#334155;background:#f8fafc;min-height:30px;padding:0 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.state-box{min-height:180px;color:var(--muted);background:#f8fafc;border:1px dashed #c7d2e5;border-radius:8px;place-items:center;font-weight:800;display:grid}.state-box.error{color:#b42318;overflow-wrap:anywhere;justify-items:start;padding:18px}.compact-state{min-height:90px}.chart-empty{min-height:320px}.mobile-only,.scrim{display:none}@media (width<=1100px){.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-title,.clear-button{justify-content:flex-start}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-layout,.events-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:transform .18s;position:fixed;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-only,.scrim{display:inline-flex}.scrim{z-index:10;background:#0f172a47;border:0;position:fixed;inset:0}.main-panel{padding:16px}.topbar{align-items:flex-start}.refresh-button{min-width:42px;padding:0 10px}.filter-bar,.content-grid,.split-panels{grid-template-columns:1fr}.two-column,.wide{grid-column:auto}.stat-grid,.stat-grid.compact{grid-template-columns:1fr}.chart-frame{height:260px}}