:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef4ff;background:#070a0f;--bg: #070a0f;--surface: rgba(17, 23, 33, .82);--surface-strong: #111823;--surface-soft: rgba(255, 255, 255, .035);--border: rgba(207, 225, 255, .12);--border-strong: rgba(111, 174, 255, .35);--text: #eef4ff;--muted: #8e9bad;--accent: #72aefc;--accent-soft: rgba(114, 174, 252, .12);--success: #54d7a2;--error: #ff7b87}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% -10%,rgba(71,126,210,.18),transparent 34rem),radial-gradient(circle at 95% 8%,rgba(72,210,180,.07),transparent 30rem),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}h1,h2,p{margin:0}h1{font-size:clamp(1.1rem,2vw,1.45rem);letter-spacing:-.02em}h2{font-size:1rem;letter-spacing:-.01em}.eyebrow{margin-bottom:5px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}input,select{min-width:0;width:100%;border:1px solid var(--border);border-radius:9px;outline:none;background:#04070bb8;color:var(--text);padding:10px 11px;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #72aefc1f}input:disabled{opacity:.42}label{display:grid;gap:7px;color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.primaryButton,.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:10px 13px;font-size:.75rem;font-weight:800}.primaryButton{border:1px solid var(--accent);background:var(--accent);color:#06101e}.secondaryButton{border:1px solid var(--border);background:var(--surface-soft);color:var(--text)}.secondaryButton:hover:not(:disabled){border-color:var(--border-strong);background:var(--accent-soft)}.panel{border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#121924db,#0a0e15db);box-shadow:0 22px 60px #00000029}.panelHeading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px}.emptyState{color:var(--muted);font-size:.82rem;line-height:1.6;padding:28px 20px}.surfaceBadge{display:inline-flex;min-width:41px;justify-content:center;border:1px solid var(--border);border-radius:999px;padding:3px 7px;font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.surfaceBadge.http{border-color:#72aefc59;color:#95c4ff;background:#72aefc14}.surfaceBadge.mcp{border-color:#54d7a24d;color:#79e6bb;background:#54d7a214}@keyframes rotate{to{transform:rotate(360deg)}}.spin{animation:rotate .8s linear infinite}.dashboardShell{width:min(1540px,calc(100vw - 48px));margin:0 auto;padding:27px 0 20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px}.brand,.topActions,.privacyState{display:flex;align-items:center}.brand{gap:12px}.brandMark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border-strong);border-radius:12px;color:var(--accent);background:var(--accent-soft)}.brandMark svg{width:20px}.topActions{gap:8px}.privacyState{gap:6px;margin-right:4px;color:var(--success);font-size:.7rem;font-weight:800}.errorBanner{margin-bottom:16px;border:1px solid rgba(255,123,135,.34);border-radius:10px;background:#ff7b8717;color:#ffadb5;padding:11px 14px;font-size:.8rem}.summaryGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metricCard{min-width:0;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:16px}.metricCard:after{content:"";position:absolute;inset:auto -28px -42px auto;width:80px;height:80px;border-radius:50%;background:#72aefc0f}.metricCard svg{color:var(--accent)}.metricCard span{display:block;margin-top:17px;color:var(--muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.metricCard strong{display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.2rem,2.4vw,1.75rem);letter-spacing:-.04em}.operationPanel{margin-top:14px}.tableWrap{overflow-x:auto;border-top:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.76rem}th,td{padding:11px 16px;border-bottom:1px solid rgba(207,225,255,.07);text-align:left}th{color:var(--muted);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}td code{color:#c8d7eb;font-size:.72rem}tbody tr:last-child td{border-bottom:0}.explorerPanel{margin-top:14px;overflow:hidden}.filterBar{display:grid;grid-template-columns:.8fr .8fr 1.2fr 1.2fr 1.1fr .9fr auto;align-items:end;gap:10px;padding:15px;border-bottom:1px solid var(--border);background:#ffffff04}.filterBar input,.filterBar select{height:38px;padding:8px 9px;font-size:.72rem;text-transform:none}.filterButton{height:38px;white-space:nowrap}.inputWithIcon{position:relative;display:block}.inputWithIcon svg{position:absolute;top:12px;left:10px;color:var(--muted);pointer-events:none}.inputWithIcon input{padding-left:30px}.explorerGrid{display:grid;grid-template-columns:minmax(290px,.34fr) minmax(0,1fr);min-height:660px;max-height:78vh}.sessionColumn,.timelineColumn{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.sessionColumn{border-right:1px solid var(--border)}.stickyHeading{border-bottom:1px solid var(--border);background:#0a0e15e6}.countPill{border:1px solid var(--border);border-radius:999px;color:var(--muted);padding:4px 8px;font-size:.64rem}.sessionScroll,.timelineScroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}.sessionItem{display:block;width:100%;border:0;border-bottom:1px solid rgba(207,225,255,.07);background:transparent;color:var(--text);padding:14px 16px;text-align:left;transition:background .12s ease,box-shadow .12s ease}.sessionItem:hover,.sessionItem.selected{background:var(--accent-soft)}.sessionItem.selected{box-shadow:inset 3px 0 var(--accent)}.sessionItem>span,.sessionItem>code{display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.66rem}.sessionTitle{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin-top:0!important;color:var(--text)!important}.sessionTitle strong{overflow:hidden;text-overflow:ellipsis;font-size:.78rem}.sessionTitle svg{color:var(--accent)}.sessionItem>code{color:#a8bbd2}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;border-top:1px solid var(--border);padding:8px 12px;color:var(--muted);font-size:.66rem}.pager button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text)}.pager svg{width:15px}.timelineHeading>code{color:var(--muted);font-size:.65rem}.timelineScroll{padding:16px 18px 28px}.eventCard{display:grid;grid-template-columns:28px minmax(0,1fr);position:relative}.eventCard+.eventCard{padding-top:18px}.eventRail{position:relative;padding-top:2px;color:var(--success)}.eventCard.error .eventRail{color:var(--error)}.eventRail:after{content:"";position:absolute;top:25px;bottom:-18px;left:8px;width:1px;background:var(--border)}.eventCard:last-child .eventRail:after{display:none}.eventRail svg{width:17px;height:17px}.eventBody{min-width:0;border:1px solid var(--border);border-radius:12px;background:#03060a5c;padding:13px}.eventTopline,.eventTopline>div,.eventTopline time{display:flex;align-items:center}.eventTopline{justify-content:space-between;gap:12px}.eventTopline>div{min-width:0;gap:9px}.eventTopline code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6e3f4;font-size:.73rem}.eventTopline time{flex:none;gap:5px;color:var(--muted);font-size:.62rem}.eventMeta{margin-top:9px;color:var(--muted);font-size:.68rem}.metricsOnly{margin-top:12px;color:var(--muted);font-size:.7rem}.payloadStack{display:grid;gap:8px;margin-top:12px}.payloadStack details{border:1px solid rgba(207,225,255,.08);border-radius:8px;overflow:hidden}.payloadStack summary{cursor:pointer;color:#aebed1;background:#ffffff06;padding:8px 10px;font-size:.67rem;font-weight:750}.payloadStack pre{max-height:360px;margin:0;overflow:auto;padding:11px;color:#b9c8d9;font-size:.65rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 2px 0;color:var(--muted);font-size:.68rem}footer a{color:#a9cfff;text-decoration:none}.gateShell{min-height:100vh;display:grid;place-items:center;padding:24px}.gateCard{width:min(440px,100%);border:1px solid var(--border);border-radius:20px;background:#0d121be0;box-shadow:0 40px 100px #00000059;padding:34px}.gateIcon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:28px;border:1px solid var(--border-strong);border-radius:14px;color:var(--accent);background:var(--accent-soft)}.gateCopy{margin-top:12px;color:var(--muted);font-size:.82rem;line-height:1.65}.tokenForm{display:grid;gap:10px;margin-top:26px}.tokenForm label{display:flex;align-items:center;gap:7px}.maskedAccessInput{-webkit-text-security:disc}.maskedAccessInput:-webkit-autofill{animation:clear-access-autofill .01s}@keyframes clear-access-autofill{0%{opacity:.999}to{opacity:1}}.tokenForm button{margin-top:2px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#06101e;padding:11px;font-weight:850}@media(max-width:1120px){.summaryGrid,.filterBar{grid-template-columns:repeat(3,minmax(0,1fr))}.filterButton{width:100%}}@media(max-width:760px){.dashboardShell{width:min(100% - 24px,1540px);padding-top:16px}.topbar{align-items:flex-start}.privacyState{display:none}.topActions{flex-wrap:wrap;justify-content:flex-end}.summaryGrid,.filterBar{grid-template-columns:repeat(2,minmax(0,1fr))}.explorerGrid{display:block;max-height:none}.sessionColumn{height:540px;border-right:0;border-bottom:1px solid var(--border)}.timelineColumn{min-height:620px}.timelineScroll{overflow-y:visible}.eventTopline{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:7px}}@media(max-width:480px){.dashboardShell{width:min(100% - 16px,1540px)}.brandMark{width:38px;height:38px}.topActions .secondaryButton{padding:9px;font-size:0}.topActions .secondaryButton svg{margin:0}.summaryGrid,.filterBar{grid-template-columns:1fr 1fr}.metricCard{padding:13px}.filterButton{grid-column:1 / -1}.panelHeading{padding:15px}.timelineScroll{padding:12px}.eventCard{grid-template-columns:23px minmax(0,1fr)}.gateCard{padding:26px 22px}}