/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-lg:.5rem;--blur-md:12px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.top-full{top:100%}.left-0{left:0}.isolate{isolation:isolate}.z-20{z-index:20}.z-50{z-index:50}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.aspect-auto{aspect-ratio:auto}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-\[260px\]{height:260px}.h-full{height:100%}.w-0{width:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-xs{max-width:var(--container-xs)}.min-w-32{min-width:calc(var(--spacing) * 32)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-\[2px\]{border-radius:2px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-\[var\(--line\)\]{border-color:var(--line)}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-transparent{background-color:#0000}.fill-\[var\(--surface\)\]{fill:var(--surface)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--text\)\]{color:var(--text)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:var(--spacing)}.data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--spacing) * -1)}.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--spacing) * -1)}.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing) * -1)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing) * -1)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing) * -2.5)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:var(--radius-sm)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}}:root{--bg:#0a0d16;--surface:#121826;--surface-hover:#182033;--panel:#101622;--text:#edf2ff;--muted:#95a1b7;--faint:#657189;--line:#a6b4d024;--accent:#8b7cff;--accent-bright:#aea3ff;--accent-soft:#8b7cff29;--green:#51d79d;--blue:#4ea6f7;--blue-soft:#4ea6f729;--purple-predictive:#c9a8ff;--purple-predictive-soft:#c9a8ff24;--rose:#fb7185;--shadow:0 16px 42px #0003;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}html[data-theme=light]{--bg:#f6f7fc;--surface:#fff;--surface-hover:#f8f9ff;--panel:#fff;--text:#162035;--muted:#63718a;--faint:#8290a7;--line:#4c5b7c24;--accent:#635bdf;--accent-bright:#5048d7;--accent-soft:#635bdf1f;--green:#159f67;--blue:#1c74d6;--blue-soft:#1c74d61a;--purple-predictive:#7c4fd6;--purple-predictive-soft:#7c4fd61a;--rose:#e11d48;--shadow:0 16px 42px #343d5b1a}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{background:radial-gradient(circle at 93% 2%,#5e4ece30,transparent 28rem),var(--bg);grid-template-columns:248px minmax(0,1fr);min-height:100vh;transition:background .35s,color .25s;display:grid}.sidebar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb,var(--surface) 84%,transparent)}}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:2.5rem;padding:1.6rem 1rem;display:flex}.brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:.7rem;padding:0 .7rem;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .2s;display:flex}.brand:hover{transform:translate(2px)}.brand-mark{background:linear-gradient(140deg,var(--accent-bright),var(--accent) 55%,#5b4bd6);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;display:inline-flex;box-shadow:0 8px 22px #705eff59,inset 0 1px #ffffff47}.brand-mark svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:1.25rem;height:1.25rem}.brand-text{gap:.12rem;line-height:1.1;display:grid}.brand-text strong{color:var(--text);letter-spacing:-.03em;font-size:1.02rem;font-weight:800}.brand-text small{color:var(--faint);letter-spacing:.02em;font-size:.7rem;font-weight:600}nav{gap:.35rem;display:grid}nav a{color:var(--muted);border-radius:.65rem;padding:.72rem .8rem;font-size:.88rem;font-weight:650;text-decoration:none;transition:background .2s,color .2s,transform .2s}nav a:hover{background:var(--surface-hover);color:var(--text);transform:translate(3px)}nav .selected{background:var(--accent-soft);color:var(--accent-bright)}.connection{border:1px solid var(--line);color:var(--muted);border-radius:.75rem;margin:auto 0 0;padding:.8rem;font-size:.75rem;line-height:1.45}.connection i,.live>i{background:var(--green);box-shadow:0 0 0 4px var(--green);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.connection i,.live>i{box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}}.connection i,.live>i{width:.46rem;height:.46rem;margin-right:.4rem;display:inline-block}main{width:100%;max-width:1480px;margin:0 auto;padding:2rem clamp(1rem,3vw,3rem) 3rem}h1,h2,p{margin:0}h1{color:var(--text);letter-spacing:-.045em;margin-top:.25rem;font-size:clamp(1.75rem,3vw,2.2rem)}h2{color:var(--text);letter-spacing:-.025em;font-size:1.08rem}.eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:750}.topbar{justify-content:space-between;align-items:center;margin-bottom:1.8rem;display:flex}.live{color:var(--muted);align-items:center;font-size:.82rem;font-weight:650;display:flex}.live b{background:var(--accent-soft);border:1px solid var(--accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.live b{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}}.live b{color:var(--accent-bright);border-radius:50%;justify-content:center;width:2rem;height:2rem;margin-left:.65rem;font-size:.68rem;display:inline-flex}.theme-toggle{color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;margin-left:.55rem;padding:0;transition:background .2s,color .2s,filter .2s,transform .22s cubic-bezier(.2,.9,.3,1.4);display:inline-flex;position:relative}.theme-toggle:hover{background:var(--accent-soft);color:var(--accent-bright);filter:drop-shadow(0 0 8px var(--accent))}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 55%,transparent))}}.theme-toggle:hover{transform:scale(1.22)}.theme-toggle:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:0}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.15rem;height:1.15rem}.theme-sun,.theme-moon{align-items:center;transition:opacity .25s,transform .35s;display:flex;position:absolute}.theme-sun{opacity:1;transform:rotate(0)}.theme-moon{opacity:0;transform:rotate(-40deg)scale(.55)}html[data-theme=light] .theme-sun{opacity:0;transform:rotate(45deg)scale(.55)}html[data-theme=light] .theme-moon{opacity:1;transform:rotate(0)}.spark{color:var(--accent-bright);opacity:0;pointer-events:none;font-size:.65rem;font-style:normal;position:absolute;top:50%;left:50%}.star-0{--x:-19px;--y:-16px}.star-1{--x:19px;--y:-16px}.star-2{--x:24px;--y:3px}.star-3{--x:13px;--y:20px}.star-4{--x:-13px;--y:20px}.star-5{--x:-24px;--y:3px}.sparkling .spark{animation:.48s ease-out spark}.sparkling .theme-sun,.sparkling .theme-moon{animation:.46s ease-out icon-pop}@keyframes spark{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}35%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.2)}}@keyframes icon-pop{45%{transform:scale(1.35)rotate(15deg)}}.filters{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.72fr) minmax(0,3.28fr);align-items:center;gap:1.2rem;margin-bottom:1.45rem;padding:0 0 1.3rem;display:grid}.filter-intro p:not(.eyebrow){color:var(--muted);margin-top:.55rem;font-size:.8rem;line-height:1.45}.filters form{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:.6rem;display:flex}.filter-pill{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex-direction:column;flex:0 auto;justify-content:center;gap:.18rem;min-height:3.35rem;padding:.4rem .75rem;font-size:.65rem;font-weight:750;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.filter-pill:focus-within{background:var(--surface-hover);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.filter-pill:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}}.filter-pill:focus-within{box-shadow:0 8px 20px var(--accent)}@supports (color:color-mix(in lab, red, red)){.filter-pill:focus-within{box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 10%,transparent)}}.filter-pill:focus-within{transform:translateY(-2px)}.filter-pill span{letter-spacing:.035em}.filter-menu{flex-wrap:wrap;gap:.6rem;display:flex}.menu-pill{cursor:pointer;text-align:left;align-items:flex-start}.menu-pill:focus-visible{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.menu-pill:focus-visible{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}}.menu-pill:focus-visible{outline:0}.menu-pill-value{align-items:center;gap:.35rem;display:flex}.menu-pill-value b{color:var(--text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:14rem;font-size:.78rem;font-weight:650;overflow:hidden}.menu-pill-value b.placeholder{color:var(--faint);font-weight:500}.menu-pill-value svg{fill:none;stroke:var(--faint);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:.9rem;height:.9rem}.menu-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1rem;overflow:hidden}.menu-options{gap:.4rem;width:16.5rem;padding:.55rem;display:grid}.menu-search{background:var(--surface-hover);border:1px solid var(--line);color:var(--text);border-radius:.65rem;outline:0;padding:.5rem .65rem;font-size:.78rem}.menu-search:focus{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.menu-search:focus{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}}.menu-search::placeholder{color:var(--faint)}.menu-list{max-height:15rem;margin:0;padding:0;list-style:none;overflow-y:auto}.menu-option{color:var(--text);text-align:left;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.55rem;width:100%;padding:.5rem .55rem;font-size:.78rem;font-weight:600;transition:background .16s,transform .16s;display:flex}.menu-option:hover,.menu-option:focus-visible{background:var(--accent-soft);color:var(--accent-bright);outline:0;transform:translate(2px)}.menu-option[aria-selected=true]{color:var(--accent-bright)}.menu-list .no-match{color:var(--faint);padding:.5rem .55rem;font-size:.78rem}.app-icon{object-fit:cover;border-radius:22%;flex-shrink:0;display:inline-flex}.app-icon-fallback{color:#fff;justify-content:center;align-items:center;font-weight:800}.filter-pill select{appearance:none;color:var(--text);background:0 0;border:0;outline:0;width:100%;padding:0;font-size:.78rem;font-weight:650}.filter-pill select option{background:var(--surface);color:var(--text)}.error{color:#ffd4da;background:#4a1820;border:1px solid #a53b4c;border-radius:.7rem;margin-bottom:1rem;padding:.8rem 1rem}.overview-row{align-items:stretch;gap:1.5rem;margin-bottom:1rem;display:flex}.metrics{flex:1;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;min-height:10.4rem;padding:1.05rem;transition:border-color .2s,box-shadow .2s,transform .22s;box-shadow:0 1px 2px #0000000a}.metric:hover,.panel:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.metric:hover,.panel:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}}.metric:hover,.panel:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.metric-icon{border-radius:.6rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:1.05rem;font-size:1rem;display:inline-flex}.violet{background:var(--accent-soft);color:var(--accent-bright)}.sky{color:#38bdf8;background:#38bdf824}.amber{color:#fbbf24;background:#fbbf2426}.rose{color:#fb7185;background:#fb718524}.metric p{color:var(--muted);font-size:.78rem;font-weight:600}.metric strong{color:var(--text);letter-spacing:-.045em;margin:.3rem 0;font-size:1.55rem;display:block}.metric small{color:var(--faint);font-size:.72rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;padding:1.2rem;transition:border-color .2s,box-shadow .2s,transform .22s}.panel header{justify-content:space-between;align-items:start;display:flex}.panel header h2{margin-top:.28rem}.trend-wrap{margin-top:1.2rem}.chart-key{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:.9rem;font-size:.73rem;font-weight:600;display:flex}.chart-key i{background:var(--accent-bright);border-radius:50%;width:.45rem;height:.45rem;margin-right:.32rem;display:inline-block}.chart-empty{color:var(--faint);text-align:center;justify-content:center;align-items:center;min-height:285px;font-size:.88rem;display:flex}.metric-secondary{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.75rem}.metric-secondary strong{font-size:1.2rem}.metric dl{gap:.55rem;margin:.9rem 0 0;display:grid}.metric dl div{border-top:1px solid var(--line);justify-content:space-between;gap:.8rem;padding-top:.5rem;display:flex}.metric dt{color:var(--faint);font-size:.72rem}.metric dd{color:var(--muted);text-align:right;margin:0;font-size:.74rem;font-weight:650}.report{color:#fff;background:linear-gradient(135deg,#28215d,#5144ca);border:0;flex-direction:column;justify-content:flex-start;gap:1rem;display:flex}.report .eyebrow,.report h2,.report p{color:#fff}.report h2{letter-spacing:-.03em;align-items:center;gap:.55rem;margin-top:.4rem;font-size:2.1rem;font-weight:800;display:flex}.report p{margin-top:.35rem;font-size:.82rem;color:#d2ceff!important}.report-range{gap:.25rem;margin-top:auto;display:grid}.report-range span{color:#d2ceff;text-transform:uppercase;font-size:.68rem}.report-range strong{font-size:.82rem}.rank{background:#ffffff14;border:1px solid #ffffff1a;border-radius:.7rem;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.rank-badge{color:#1e1b4b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.72rem;font-weight:800;display:inline-flex}.rank-1 .rank-badge{background:#fbbf24}.rank-2 .rank-badge{background:#d1d5db}.rank-3 .rank-badge{background:#d9894a}.rank-1{border-color:#fbbf2473}.rank-2{border-color:#d1d5db59}.rank-3{border-color:#d9894a66}.rank-text{gap:.1rem;min-width:0;display:grid}.rank-text small{color:#d2ceff;letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:700}.rank-text strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;font-size:.82rem;display:flex;overflow:hidden}.rank em{color:#fff;white-space:nowrap;margin-left:auto;font-size:.75rem;font-style:normal;font-weight:700}.rank-1 small{color:#fcd34d}.rank-2 small{color:#e5e7eb}.rank-3 small{color:#f0b27a}@media (width<=1180px){.filters{grid-template-columns:1fr}.filters form{justify-content:flex-start}.filter-pill{flex-basis:calc(33.33% - .45rem)}}@media (width<=820px){.shell{display:block}.sidebar{border-bottom:1px solid var(--line);border-right:0;flex-direction:row;align-items:center;gap:1rem;padding:.75rem 1rem;overflow-x:auto}.sidebar nav{gap:.3rem;display:flex}.sidebar nav a{white-space:nowrap}.connection{display:none}.overview-row{flex-direction:column;align-items:stretch}.report-card{width:auto;max-width:none}}@media (width<=620px){main{padding:1.25rem .75rem 2rem}.topbar{align-items:start;gap:.8rem}.live{font-size:.7rem}.filter-pill{flex-basis:100%}.metrics{grid-template-columns:1fr}.chart-key{gap:.5rem}}.rollup-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.date-range-chip-wrap{position:relative}.date-range-chip{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.2rem 0;font-size:.76rem;font-weight:650;transition:transform .22s cubic-bezier(.2,.9,.3,1.4),color .2s;display:inline-flex}.date-range-chip:hover,.date-range-chip[aria-expanded=true]{color:var(--accent-bright);transform:scale(1.08)}.date-range-chip:active{transform:scale(1.03)}.date-range-chip__dash{color:var(--faint)}.range-popover{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;border-radius:1rem;width:19.5rem;padding:.9rem;position:absolute;top:calc(100% + .55rem);right:0}.range-popover__header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.range-popover__nav{background:var(--surface-hover);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:1.2rem;line-height:1;display:flex}.range-popover__nav:hover{border-color:var(--accent);color:var(--accent-bright)}.range-popover__heading{color:var(--text);font-size:.8rem;font-weight:750}.range-grid{border-collapse:separate;border-spacing:2px;width:100%}.range-grid__weekday{color:var(--faint);text-align:center;height:1.3rem;padding:0;font-size:.6rem;font-weight:700}.rc-cell{cursor:pointer;text-align:center;padding:0;position:relative}.rc-cell--disabled{cursor:not-allowed;opacity:.3}.rc-cell--unavailable{cursor:not-allowed}.rc-cell--unavailable .rc-cell__inner{color:var(--faint);opacity:.35;text-decoration:line-through}.rc-cell--unavailable:hover .rc-cell__inner{color:var(--faint);background:0 0}.rc-cell--outside{visibility:hidden}.rc-cell--selected{background:var(--accent-soft)}.rc-cell--start{border-radius:.5rem 0 0 .5rem}.rc-cell--end{border-radius:0 .5rem .5rem 0}.rc-cell--start.rc-cell--end{border-radius:.5rem}.rc-cell--focus{outline:2px solid var(--accent-bright);outline-offset:-2px}.rc-cell__inner{color:var(--text);border-radius:.5rem;justify-content:center;align-items:center;height:1.9rem;font-size:.72rem;transition:background .16s,color .16s;display:flex;position:relative}.rc-cell:not(.rc-cell--disabled):hover .rc-cell__inner{background:var(--accent-soft);color:var(--accent-bright)}.rc-cell__inner[data-today]{color:var(--blue);font-weight:800}.rc-cell__inner[data-predictive]{background:var(--purple-predictive-soft);color:var(--purple-predictive)}.rc-cell--start .rc-cell__inner,.rc-cell--end .rc-cell__inner{background:var(--accent);color:#fff;font-weight:700}.rc-cell__today-dot{background:var(--blue);border-radius:50%;width:.26rem;height:.26rem;position:absolute;bottom:.2rem;left:50%;transform:translate(-50%)}.rc-cell--start .rc-cell__today-dot,.rc-cell--end .rc-cell__today-dot{background:#fff}.range-popover__footer{border-top:1px solid var(--line);color:var(--muted);gap:.9rem;margin-top:.7rem;padding-top:.65rem;font-size:.68rem;display:flex}.range-popover__legend{align-items:center;gap:.35rem;display:flex}.range-popover__dot{border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.range-popover__dot--today{background:var(--blue)}.range-popover__dot--predictive{background:var(--purple-predictive)}.gsel{position:relative}.gsel__trigger{background:var(--surface-hover);color:var(--muted);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.7rem;font-weight:700;transition:transform .16s cubic-bezier(.2,.9,.3,1.4);display:inline-flex;position:relative;overflow:hidden}.gsel__sweep{background:var(--accent-soft);transform-origin:0;z-index:0;transition:transform .28s;position:absolute;inset:0;transform:scaleX(0)}.gsel__trigger:hover .gsel__sweep,.gsel[data-open] .gsel__sweep{transform:scaleX(1)}.gsel__trigger:active{transform:scale(.96)}.gsel__label,.gsel__chevron{z-index:1;position:relative}.gsel__label{color:var(--text)}.gsel__chevron{fill:none;stroke:var(--faint);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:.75rem;height:.75rem;transition:transform .2s}.gsel[data-open] .gsel__chevron{transform:rotate(180deg)}.gsel__menu{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;border-radius:.85rem;width:9.5rem;margin-top:.4rem;padding:.3rem;position:absolute;top:100%;right:0}.gsel__pill{background:var(--accent-soft);z-index:0;border-radius:.55rem;height:34px;transition:transform .22s cubic-bezier(.23,1,.32,1);position:absolute;top:.3rem;left:.3rem;right:.3rem}.gsel__option{color:var(--text);cursor:pointer;z-index:1;border-radius:.55rem;justify-content:space-between;align-items:center;height:34px;padding:0 .65rem;font-size:.76rem;font-weight:600;display:flex;position:relative}.gsel__check-icon{fill:none;height:.8rem;stroke:var(--accent-bright);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:.8rem}.refresh-mark{color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:3.35rem;height:3.35rem;transition:color .2s,transform .22s cubic-bezier(.2,.9,.3,1.4);display:inline-flex}.refresh-mark:hover:not(:disabled){color:var(--accent-bright);transform:scale(1.22)}.refresh-mark:active:not(:disabled){transform:scale(.94)}.refresh-mark:disabled{cursor:wait}.refresh-mark__glyph{overflow:visible}.refresh-mark__track{display:none}.refresh-mark__ring{fill:none;stroke:var(--accent-bright);stroke-linecap:round;stroke-width:2px;stroke-dasharray:14 42;stroke-dashoffset:0;opacity:0;transform-origin:12px 12px;transition:opacity .2s}.refresh-mark__arrows,.refresh-mark__arrowhead-a,.refresh-mark__arrowhead-b{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;transition:opacity .16s}.refresh-mark__check,.refresh-mark__cross{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .32s cubic-bezier(.23,1,.32,1) 50ms,opacity 0s linear 50ms}.refresh-mark__check{stroke:var(--green)}.refresh-mark__cross{stroke:var(--rose)}.refresh-mark[data-status=loading] .refresh-mark__ring{opacity:1;animation:1s linear infinite refresh-spin}.refresh-mark[data-status=loading] .refresh-mark__arrows,.refresh-mark[data-status=loading] .refresh-mark__arrowhead-a,.refresh-mark[data-status=loading] .refresh-mark__arrowhead-b{opacity:.25}.refresh-mark[data-status=done] .refresh-mark__arrows,.refresh-mark[data-status=done] .refresh-mark__arrowhead-a,.refresh-mark[data-status=done] .refresh-mark__arrowhead-b,.refresh-mark[data-status=error] .refresh-mark__arrows,.refresh-mark[data-status=error] .refresh-mark__arrowhead-a,.refresh-mark[data-status=error] .refresh-mark__arrowhead-b{opacity:0}.refresh-mark[data-status=done] .refresh-mark__check,.refresh-mark[data-status=error] .refresh-mark__cross{stroke-dashoffset:0;opacity:1}@keyframes refresh-spin{to{transform:rotate(360deg)}}.trend-tooltip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text);white-space:nowrap;border-radius:.6rem;flex-direction:column;gap:.1rem;padding:.45rem .65rem;font-size:.72rem;display:flex}.trend-tooltip strong{color:var(--accent-bright);font-size:.82rem}.trend-tooltip span{color:var(--muted)}.report-card{flex-shrink:0;width:22rem;max-width:22rem}.trend-title{align-items:center;min-height:1.875rem;display:flex}.trend-panel>header{gap:1rem}.trend-panel .rollup-controls{gap:.7rem}.dashboard-layout{grid-template-columns:22rem minmax(0,1fr);grid-template-areas:"report metrics""activity activity";gap:1rem 1.5rem;display:grid}.dashboard-layout .report-card{grid-area:report}.dashboard-layout .metrics{grid-area:metrics}.dashboard-layout .activity{grid-area:activity}.pipeline-page{gap:1.5rem;display:grid}.pipeline-intro{max-width:44rem}.pipeline-intro>p:last-child{color:var(--muted);margin-top:.8rem;font-size:.94rem;line-height:1.65}.pipeline-node{background:var(--panel);border:1px solid var(--line);color:var(--text);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:13.5rem;padding:1rem .55rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative}.pipeline-node:hover,.pipeline-node:focus-visible{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pipeline-node:hover,.pipeline-node:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}}.pipeline-node:hover,.pipeline-node:focus-visible{box-shadow:var(--shadow);outline:0;transform:translateY(-5px)}.pipeline-node.is-selected{background:linear-gradient(160deg,var(--accent),var(--panel))}@supports (color:color-mix(in lab, red, red)){.pipeline-node.is-selected{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel))}}.pipeline-node.is-selected{border-color:var(--accent-bright)}@supports (color:color-mix(in lab, red, red)){.pipeline-node.is-selected{border-color:color-mix(in srgb,var(--accent-bright) 65%,var(--line))}}.pipeline-node.is-selected{box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.pipeline-node__orb{background:var(--accent-soft);color:var(--accent-bright);border-radius:50%;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;font-size:1.2rem;display:inline-flex;position:relative}.pipeline-node__orb:before{border:1px solid var(--accent-bright)}@supports (color:color-mix(in lab, red, red)){.pipeline-node__orb:before{border:1px solid color-mix(in srgb,var(--accent-bright) 55%,transparent)}}.pipeline-node__orb:before{content:"";opacity:0;border-radius:50%;position:absolute;inset:-.28rem;transform:scale(.72)}.pipeline-node.is-selected .pipeline-node__orb{background:var(--accent);color:#fff}.pipeline-node.is-selected .pipeline-node__orb:before{opacity:1;animation:1.8s ease-out infinite pipeline-orbit}.pipeline-node__label{color:var(--accent-bright);letter-spacing:.09em;text-transform:uppercase;font-size:.65rem;font-weight:800}.pipeline-node strong{font-size:.83rem;line-height:1.2}.pipeline-node small{color:var(--faint);font-size:.66rem;line-height:1.35}.pipeline-inspector{background:var(--accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.pipeline-inspector{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}}.pipeline-inspector{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.pipeline-inspector{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))}}.pipeline-inspector{border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;padding:1.1rem 1.25rem;display:grid}.pipeline-inspector__number{color:var(--accent-bright);letter-spacing:-.08em;font-size:1.7rem;font-weight:850}.pipeline-inspector h2{margin-top:.18rem}.pipeline-inspector p:last-child{color:var(--muted);margin-top:.38rem;font-size:.82rem;line-height:1.55}.pipeline-inspector__event{background:var(--accent-soft);color:var(--accent-bright);text-align:center;border-radius:999px;padding:.42rem .65rem;font-size:.7rem;font-weight:750}@keyframes pipeline-pulse{0%{opacity:0;left:0;transform:translate(-100%,-50%)scale(.65)}18%{opacity:1}82%{opacity:1}to{opacity:0;left:100%;transform:translateY(-50%)scale(1)}}@keyframes pipeline-pulse-vertical{0%{opacity:0;top:0;transform:translate(-50%,-100%)scale(.65)}18%{opacity:1}82%{opacity:1}to{opacity:0;top:100%;transform:translate(-50%)scale(1)}}@keyframes pipeline-orbit{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.35)}}.glass-nav{display:none}@media (width<=620px){main{padding-bottom:calc(7.75rem + env(safe-area-inset-bottom))}.sidebar{display:none}.chart-touch-target{overscroll-behavior:contain;touch-action:none}.glass-nav{background:var(--surface);align-items:center}@supports (color:color-mix(in lab, red, red)){.glass-nav{background:color-mix(in srgb,var(--surface) 67%,transparent)}}.glass-nav{-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.glass-nav{border:1px solid color-mix(in srgb,var(--text) 14%,transparent)}}.glass-nav{bottom:max(.85rem,env(safe-area-inset-bottom));z-index:30;border-radius:999px;padding:.35rem;transition:gap .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0000003d,inset 0 1px #ffffff21}.glass-nav.is-expanded{gap:.2rem}.glass-nav.is-collapsed{gap:0}.glass-nav__link{color:var(--muted);font:inherit;opacity:1;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;max-width:8rem;min-height:2.65rem;padding:.15rem .55rem .15rem .15rem;text-decoration:none;transition:background .2s,color .2s,max-width .32s cubic-bezier(.22,1,.36,1),opacity .2s,padding .32s cubic-bezier(.22,1,.36,1);display:inline-flex;overflow:hidden}.glass-nav__link.is-hidden{opacity:0;pointer-events:none;max-width:0;min-height:0;padding-left:0;padding-right:0}.glass-nav__link:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:0}.glass-nav__link.is-current{background:var(--accent-soft);color:var(--accent-bright)}.glass-nav__icon{border-radius:50%;flex:0 0 2.2rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;display:inline-flex}.glass-nav__link.is-current .glass-nav__icon{background:var(--accent);color:#fff}.glass-nav__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.08rem;height:1.08rem}.glass-nav__label{letter-spacing:.01em;opacity:1;white-space:nowrap;max-width:6rem;font-size:.72rem;font-weight:750;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .16s;overflow:hidden}.glass-nav__label.is-hidden{opacity:0;max-width:0}}@media (width<=820px){.dashboard-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"report""activity""metrics"}.dashboard-layout .report-card{width:auto;max-width:none}.pipeline-node{text-align:left;grid-template-columns:auto 1fr;align-items:flex-start;min-height:0;padding:1rem;display:grid}.pipeline-node__orb{grid-row:span 3}.pipeline-node strong{font-size:.92rem}.pipeline-node small{grid-column:2}.pipeline-inspector{grid-template-columns:auto minmax(0,1fr);align-items:start}.pipeline-inspector__event{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.glass-nav,.glass-nav__link,.glass-nav__label,.glass-nav__icon,.pipeline-node{transition:none}.pipeline-node.is-selected .pipeline-node__orb:before,.pipeline-node__label{animation:none}}.pipeline-node__label{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(90deg,#b8a1ff 0%,#75d9ff 34%,#f2b7ff 67%,#b8a1ff 100%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite pipeline-label-gradient}@keyframes pipeline-label-gradient{to{background-position:300%}}.brand{letter-spacing:-.025em;font-size:1rem;line-height:1.25}.menu-option__rank{background:var(--accent-soft);color:var(--accent-bright);border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:1.7rem;padding:.22rem .38rem;font-size:.62rem;font-weight:850;display:inline-flex}.app-icon--app-store{background:linear-gradient(145deg,#35b7ff,#007aff 62%,#6255dc);justify-content:center;align-items:center;display:inline-flex}.app-icon--app-store svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.2px;width:72%;height:72%}.pipeline-node{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:13.5rem;padding:.85rem .3rem}.pipeline-node:hover,.pipeline-node:focus-visible,.pipeline-node.is-selected{box-shadow:none;background:0 0;border-color:#0000;transform:translateY(-3px)}.pipeline-node:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.pipeline-node__visual{background:var(--accent);align-items:center}@supports (color:color-mix(in lab, red, red)){.pipeline-node__visual{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}}.pipeline-node__visual{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.pipeline-node__visual{border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line))}}.pipeline-node__visual{color:var(--accent-bright);justify-content:center;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00000029}.pipeline-node__visual svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:70%;height:70%}.pipeline-node--phone .pipeline-node__visual{border-radius:.75rem;width:3.05rem;height:5.2rem}.pipeline-node--api .pipeline-node__visual{border-radius:1.1rem;width:4.6rem;height:3.75rem}.pipeline-node--broker .pipeline-node__visual{border-radius:.7rem;width:4.8rem;height:3.6rem}.pipeline-node--processor .pipeline-node__visual{box-shadow:none;background:0 0;border:0;width:4.5rem;height:4.3rem}.pipeline-node--database .pipeline-node__visual{border-radius:50%;width:4.75rem;height:4.25rem}.pipeline-node--dashboard .pipeline-node__visual{border-radius:.45rem;width:4.8rem;height:3.6rem}.pipeline-node--dashboard .pipeline-node__visual:after{content:"";background:currentColor;width:48%;height:2px;position:absolute;bottom:-.42rem;left:26%}.pipeline-node.is-selected .pipeline-node__visual{background:var(--accent);border-color:var(--accent-bright);box-shadow:0 0 0 4px var(--accent-soft),0 12px 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.pipeline-node.is-selected .pipeline-node__visual{box-shadow:0 0 0 4px var(--accent-soft),0 12px 26px color-mix(in srgb,var(--accent) 28%,transparent)}}.pipeline-node.is-selected .pipeline-node__visual{color:#fff;transform:scale(1.06)}.pipeline-node.is-selected .pipeline-node__visual:before{border:1px solid var(--accent-bright);animation:1.8s ease-out infinite pipeline-orbit}@supports (color:color-mix(in lab, red, red)){.pipeline-node.is-selected .pipeline-node__visual:before{border:1px solid color-mix(in srgb,var(--accent-bright) 55%,transparent)}}.pipeline-node.is-selected .pipeline-node__visual:before{border-radius:inherit;content:"";position:absolute;inset:-.3rem}.pipeline-node__orb,.pipeline-node__orb:before{display:none}@media (width<=820px){.pipeline-node{text-align:left;grid-template-columns:auto 1fr;align-items:center;min-height:0;padding:.75rem .35rem;display:grid}.pipeline-node__visual{grid-row:span 3;margin-right:.75rem}.pipeline-node small{grid-column:2}}.arch{--gap:2.4rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"source""l-capture""write""l-persist""database""l-query""read""l-deliver""client";display:grid}.arch-group,.arch-lane{--tier:var(--accent-bright);background:var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-group,.arch-lane{background:color-mix(in srgb,var(--tier) 6%,var(--panel))}}.arch-group,.arch-lane{border:1px dashed var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-group,.arch-lane{border:1px dashed color-mix(in srgb,var(--tier) 45%,var(--line))}}.arch-group,.arch-lane{border-radius:1.2rem;padding:.85rem 1rem 1rem;position:relative}.arch-group__header{gap:.12rem;margin-bottom:.35rem;display:grid}.arch-group__header span{color:var(--tier);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800}.arch-group__header em{color:var(--muted);font-style:normal}.arch-group__header small{color:var(--faint);font-size:.7rem}.arch-group--backend{background:0 0;border:0;padding:0;display:contents}.arch-group--backend>.arch-group__header,.arch-lane__label{display:none}.arch-lane--write{grid-area:write;gap:1.7rem;display:grid}.arch-lane--read{grid-area:read}.arch .pipeline-node{width:100%;min-height:0;padding:.55rem .3rem .4rem;position:relative}.arch-node__step{background:var(--tier);align-items:center}@supports (color:color-mix(in lab, red, red)){.arch-node__step{background:color-mix(in srgb,var(--tier) 22%,var(--surface))}}.arch-node__step{border:1px solid var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-node__step{border:1px solid color-mix(in srgb,var(--tier) 55%,transparent)}}.arch-node__step{color:var(--tier);z-index:1;border-radius:50%;justify-content:center;width:1.35rem;height:1.35rem;font-size:.66rem;font-weight:800;display:inline-flex;position:absolute;top:.2rem;left:.2rem}@media (width>=1000px){.arch{column-gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"source. .client""l-capture. .l-deliver""backend backend backend backend"". .l-persist l-query"". .database database"}.arch-group--backend{--tier:var(--accent-bright);background:var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-group--backend{background:color-mix(in srgb,var(--tier) 6%,var(--panel))}}.arch-group--backend{border:1px dashed var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-group--backend{border:1px dashed color-mix(in srgb,var(--tier) 45%,var(--line))}}.arch-group--backend{grid-area:backend;grid-template-columns:subgrid;row-gap:.45rem;padding:.85rem 1rem 1rem;display:grid}.arch-group--backend>.arch-group__header{grid-column:1/-1;display:grid}.arch-lane{grid-template-columns:subgrid;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:grid}.arch-lane--write{grid-area:auto/1/auto/4}.arch-lane--read{border-left:1px dashed var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-lane--read{border-left:1px dashed color-mix(in srgb,var(--tier) 40%,var(--line))}}.arch-lane--read{margin-left:calc(var(--gap) / -2);padding-left:calc(var(--gap) / 2);grid-area:auto/4/auto/5}.arch-lane .arch-group__header{display:none}.arch-lane__label{border-bottom:1px dashed var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-lane__label{border-bottom:1px dashed color-mix(in srgb,var(--tier) 30%,var(--line))}}.arch-lane__label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;grid-column:1/-1;margin-bottom:.35rem;padding-bottom:.3rem;font-size:.64rem;font-weight:700;display:block}.arch-group--database .pipeline-node{max-width:14rem;margin:0 auto}}@media (width>=821px){.arch-node__step{left:calc(50% + 1.75rem)}}.arch{--tier-source:#38bdf8;--tier-backend:var(--accent-bright);--tier-database:#f59e0b;--tier-client:#34d399;grid-template-areas:"source""write""database""read""client";row-gap:2.6rem;position:relative}.arch-group--source{--tier:var(--tier-source)}.arch-group--backend,.arch-lane{--tier:var(--tier-backend)}.arch-group--database{--tier:var(--tier-database)}.arch-group--client{--tier:var(--tier-client)}.arch-group,.arch-lane{background:0 0;border:0}.arch-group:before,.arch-lane:before{background:radial-gradient(ellipse at 50% 60%,var(--tier),transparent 70%),var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-group:before,.arch-lane:before{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--tier) 24%,transparent),transparent 70%),color-mix(in srgb,var(--tier) 6%,transparent)}}.arch-group:before,.arch-lane:before{border:1px solid var(--tier)}@supports (color:color-mix(in lab, red, red)){.arch-group:before,.arch-lane:before{border:1px solid color-mix(in srgb,var(--tier) 30%,transparent)}}.arch-group:before,.arch-lane:before{box-shadow:0 0 40px var(--tier) inset;border-radius:2.2rem;bottom:0}@supports (color:color-mix(in lab, red, red)){.arch-group:before,.arch-lane:before{box-shadow:0 0 40px color-mix(in srgb,var(--tier) 10%,transparent) inset}}.arch-group:before,.arch-lane:before{content:"";pointer-events:none;transform-origin:50% 100%;z-index:0;height:100%;position:absolute;left:0;right:0;transform:perspective(1400px)rotateX(20deg)}.arch-group--backend:before{display:none}.arch-group__header,.arch-lane__label{z-index:2;position:relative}.arch-group__header{justify-items:start;gap:0}.arch-group__header span,.arch-group__header small{background:var(--bg);border-radius:.4rem;margin-left:-.35rem;padding:.04rem .35rem}.arch-wires{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arch-wire{fill:none;opacity:.5;stroke-linecap:round;stroke-width:2px;transition:opacity .2s,stroke-width .2s}.arch-wire.is-active{opacity:1;stroke-width:2.8px}.arch-dot{filter:drop-shadow(0 0 5px)}.arch .pipeline-node{z-index:2;position:relative}.arch .pipeline-node .pipeline-node__visual,.arch .pipeline-node.is-selected .pipeline-node__visual{box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;width:7.4rem;height:6.8rem;position:relative;overflow:visible}.arch .pipeline-node .pipeline-node__visual:after{display:none}.arch .pipeline-node.is-selected .pipeline-node__visual{filter:drop-shadow(0 10px 16px var(--tier))}@supports (color:color-mix(in lab, red, red)){.arch .pipeline-node.is-selected .pipeline-node__visual{filter:drop-shadow(0 10px 16px color-mix(in srgb,var(--tier) 45%,transparent))}}.arch .pipeline-node.is-selected .pipeline-node__visual{transform:translateY(-4px)scale(1.04)}.arch .pipeline-node.is-selected .pipeline-node__visual:before{background:radial-gradient(ellipse,var(--tier),transparent 70%);animation:2.2s ease-in-out infinite arch-glow}@supports (color:color-mix(in lab, red, red)){.arch .pipeline-node.is-selected .pipeline-node__visual:before{background:radial-gradient(ellipse,color-mix(in srgb,var(--tier) 60%,transparent),transparent 70%)}}.arch .pipeline-node.is-selected .pipeline-node__visual:before{content:"";z-index:-1;border:0;border-radius:50%;height:26%;position:absolute;inset:auto 6% -6%}@keyframes arch-glow{50%{opacity:.55;transform:scale(1.12)}}.iso{width:100%;height:100%;overflow:visible}.arch .pipeline-node .pipeline-node__visual svg.iso{stroke:none;width:100%;height:100%}.iso .iso-top{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso .iso-top{fill:color-mix(in srgb,var(--tier) 40%,#fff)}}.iso .iso-left{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso .iso-left{fill:color-mix(in srgb,var(--tier) 80%,#151530)}}.iso .iso-right{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso .iso-right{fill:color-mix(in srgb,var(--tier) 48%,#0a0a18)}}.iso-shadow{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-shadow{fill:color-mix(in srgb,var(--tier) 28%,transparent)}}.iso-shadow{filter:blur(3px)}.iso-screen{fill:#0e1322}.iso-screen-line{fill:#9aa6c7}.iso-app{fill:#38bdf8}.iso-app--1{fill:#34d399}.iso-app--2{fill:#f472b6}.iso-app--3{fill:#fbbf24}.iso-island{fill:#000}.iso-home{fill:#8b93b3}.iso-notify-icon{fill:#29a9eb}.iso-notify{fill:#e9eeff;animation:2.4s ease-in-out infinite iso-notify}.iso-cloud-top{fill:#f4f6ff}.iso-cloud-side{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-cloud-side{fill:color-mix(in srgb,var(--tier) 35%,#8e97bd)}}.iso-badge path{fill:none;stroke:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-badge path{stroke:color-mix(in srgb,var(--tier) 85%,#1a1040)}}.iso-badge path{stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px}.iso-wire{fill:none;stroke:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-wire{stroke:color-mix(in srgb,var(--tier) 55%,#fff)}}.iso-wire{stroke-width:1.6px}.iso-lane{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-lane{fill:color-mix(in srgb,var(--tier) 25%,#0b0f1d)}}.iso-event .iso-top{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-event .iso-top{fill:color-mix(in srgb,var(--tier) 18%,#fff)}}.iso-slide{animation:2.6s linear infinite iso-slide}.iso-slide--1{animation-delay:-.9s}.iso-slide--2{animation-delay:-1.7s}.iso-plate{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-plate{fill:color-mix(in srgb,var(--tier) 20%,transparent)}}.iso-plate{stroke:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-plate{stroke:color-mix(in srgb,var(--tier) 50%,transparent)}}.iso-plate{stroke-width:1.2px}.iso-graph path{fill:none;stroke:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-graph path{stroke:color-mix(in srgb,var(--tier) 70%,#fff)}}.iso-graph path{stroke-linecap:round;stroke-width:3.4px}.iso-node{fill:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-node{fill:color-mix(in srgb,var(--tier) 45%,#fff)}}.iso-node{stroke:var(--tier);stroke-width:3px}.iso-node--out{fill:var(--tier);stroke:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-node--out{stroke:color-mix(in srgb,var(--tier) 55%,#fff)}}.iso-series{fill:none;stroke:var(--tier)}@supports (color:color-mix(in lab, red, red)){.iso-series{stroke:color-mix(in srgb,var(--tier) 80%,#2a1600)}}.iso-series{stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px}.iso-disc .iso-right{opacity:.55}.iso-chart{fill:none;stroke:var(--tier-client);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px}@keyframes iso-slide{0%{opacity:0;transform:translate(0)}15%,80%{opacity:1}to{opacity:0;transform:translate(24px,13.9px)}}@keyframes iso-notify{0%,to{opacity:.55}50%{opacity:1}}@media (width>=1000px){.arch{grid-template-areas:"source. .client""backend backend backend backend"". .database database";row-gap:3.4rem}.arch-group--backend{background:0 0;border:0;padding-left:0;padding-right:0}.arch-group--backend:before{display:none}.arch-group--backend>.arch-group__header{padding:0 1rem}.arch-lane{padding:.7rem .8rem .9rem}.arch-lane:before{display:block}.arch-lane--read{--tier:var(--tier-backend)}@supports (color:color-mix(in lab, red, red)){.arch-lane--read{--tier:color-mix(in srgb,var(--tier-backend) 70%,#f0abfc)}}.arch-lane--read{border-left:0;margin-left:0;padding-left:.8rem}.arch-lane--read .arch-lane__label{color:var(--tier)}}@media (width<=820px){.arch .pipeline-node .pipeline-node__visual,.arch .pipeline-node.is-selected .pipeline-node__visual{width:5.2rem;height:4.8rem}.arch-lane--write{gap:2.2rem}}@media (prefers-reduced-motion:reduce){.iso-slide,.iso-notify,.arch .pipeline-node.is-selected .pipeline-node__visual:before{animation:none}}.arch-token{pointer-events:none;will-change:transform;z-index:4;position:absolute;top:0;left:0}.arch-token__bubble{background:var(--surface);border:2px solid var(--accent-bright);box-shadow:0 0 0 5px var(--accent-soft),0 8px 20px #00000059;border-radius:50%;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;animation:.3s ease-out arch-token-in;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.arch-token__bubble i{background:var(--accent-bright);border-radius:50%;width:.7rem;height:.7rem}.arch-token em{background:var(--accent);color:#fff;letter-spacing:.06em;border-radius:999px;padding:.1rem .35rem;font-size:.55rem;font-style:normal;font-weight:800;position:absolute;top:1.45rem;left:0;transform:translate(-50%)}.arch-token--close .arch-token__bubble{border-color:var(--tier-client)}.arch-token--close em{background:var(--tier-client)}@supports (color:color-mix(in lab, red, red)){.arch-token--close em{background:color-mix(in srgb,var(--tier-client) 70%,#0b3b2c)}}@keyframes arch-token-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}.arch .pipeline-node.is-receiving .pipeline-node__visual{animation:.7s ease-out arch-receive}@keyframes arch-receive{30%{filter:drop-shadow(0 0 18px var(--tier));transform:translateY(-4px)scale(1.08)}}.pipeline-live{color:var(--muted);align-items:center;gap:.5rem;margin-top:.7rem;font-size:.8rem;font-weight:600;display:flex}.pipeline-live i{background:var(--green);box-shadow:0 0 0 4px var(--green);border-radius:50%;animation:1.6s ease-in-out infinite iso-notify}@supports (color:color-mix(in lab, red, red)){.pipeline-live i{box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%,transparent)}}.pipeline-live i{width:.5rem;height:.5rem}@media (prefers-reduced-motion:reduce){.pipeline-live i,.arch .pipeline-node.is-receiving .pipeline-node__visual{animation:none}}.menu-option__rank--1st,.menu-option__rank--2nd,.menu-option__rank--3rd{color:#1e1b4b}.menu-option__rank--1st{background:#fbbf24}.menu-option__rank--2nd{background:#d1d5db}.menu-option__rank--3rd{background:#d9894a}.arch-node--dlq{--tier:var(--rose)}.arch-node--dlq .pipeline-node__label{color:var(--rose)}.arch-branch{fill:none;opacity:.75;stroke:var(--rose);stroke-dasharray:5 5;stroke-linecap:round;stroke-width:2px}.arch-branch.is-active{opacity:1;stroke-width:2.6px}.arch-lane--write .arch-node--dlq{justify-self:end;width:auto}@media (width>=1000px){.arch-lane--write .arch-node--dlq{grid-area:3/2;justify-self:center;margin-top:1.6rem}.arch-lane--read{align-content:start}}.arch .pipeline-node .pipeline-node__visual,.arch .pipeline-node.is-selected .pipeline-node__visual{width:5.6rem;height:5.1rem}.arch .pipeline-node{gap:.2rem;padding:.35rem .2rem .25rem}.arch .pipeline-node strong{font-size:.8rem}.arch-group,.arch-lane{padding:.6rem .8rem .7rem}.arch-group__header{margin-bottom:.15rem}.arch .arch-node--dlq .pipeline-node__visual,.arch .arch-node--dlq.is-selected .pipeline-node__visual{width:4.2rem;height:3.6rem}@media (width>=1000px){.arch{gap:1.8rem 2rem;width:100%;max-width:90rem;margin:0 auto}.arch-lane--write .arch-node--dlq{margin-top:.3rem}}@media (width<=820px){.arch .pipeline-node .pipeline-node__visual,.arch .pipeline-node.is-selected .pipeline-node__visual{width:4.6rem;height:4.2rem}.arch{row-gap:2rem}}.shell{transition:grid-template-columns .25s,background .35s,color .25s}.sidebar{align-self:start;height:100dvh;position:sticky;top:0;overflow-y:auto}.nav-icon{text-align:center;width:1rem;margin-right:.35rem;display:inline-block}.sidebar-links{gap:.5rem;margin-top:auto;display:grid}.portfolio-link{border:1px solid var(--line);color:var(--muted);border-radius:.75rem;align-items:center;gap:.55rem;padding:.75rem .8rem;font-size:.8rem;font-weight:650;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:flex}.portfolio-link:hover,.portfolio-link:focus-visible{background:var(--accent-soft);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.portfolio-link:hover,.portfolio-link:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}}.portfolio-link:hover,.portfolio-link:focus-visible{color:var(--accent-bright);outline:0}.portfolio-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex-shrink:0;width:1rem;height:1rem}.portfolio-link svg.icon-filled{fill:currentColor;stroke:none}button.brand{cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:.9rem;margin:-.4rem -.3rem;padding:.4rem .3rem;transition:background .2s}button.brand:hover{background:var(--surface-hover)}button.brand:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.shell.is-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.is-sidebar-collapsed .sidebar{background:0 0;border:0;width:0;padding:0;overflow:visible}.is-sidebar-collapsed .sidebar nav,.is-sidebar-collapsed .sidebar-links,.is-sidebar-collapsed .brand-text{display:none}.is-sidebar-collapsed button.brand{z-index:30;margin:0;padding:.3rem;position:fixed;top:1.35rem;left:1rem}.is-sidebar-collapsed main{padding-left:4.8rem}@media (width<=820px){.is-sidebar-collapsed main{padding-left:.75rem}}.link-preview{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transform-origin:var(--transform-origin);border-radius:.9rem;width:280px;transition:opacity .15s,transform .15s;display:grid;overflow:hidden}.link-preview[data-starting-style],.link-preview[data-ending-style]{opacity:0;transform:scale(.96)}.link-preview img{aspect-ratio:16/10;border-bottom:1px solid var(--line);object-fit:cover;object-position:top;width:100%;height:auto;display:block}.link-preview__text{gap:.15rem;padding:.6rem .75rem .7rem;display:grid}.link-preview__text strong{color:var(--text);font-size:.8rem}.link-preview__text small{color:var(--faint);font-size:.7rem}[data-slot=tooltip-content]{box-shadow:var(--shadow)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}