@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.live-data-page{--ld-client-ring: oklch(70% .25 305);--ld-service-ring: oklch(62% .13 228);--ld-instance-ring: oklch(75% .15 90);--ld-publish: oklch(72% .26 305);--ld-deliver: oklch(74% .16 228);--ld-line-idle: oklch(30% .02 228);--ld-line-active: oklch(66% .04 228);margin:-24px;padding:24px;height:calc(100% + 48px);color:var(--text-primary);display:flex;flex-direction:column;align-items:center}.live-data-canvas{width:100%;flex:1;min-height:0;display:flex;flex-direction:row;align-items:stretch}.live-data-diagram{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.live-data-svg{display:block;width:100%;height:100%}.live-data-log-panel{flex-shrink:0;width:260px;min-height:0;display:flex;flex-direction:column;gap:16px;margin-right:14px;transition:width .32s ease}.live-data-log-panel.is-idle{width:40px}.live-data-log-card{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;background:color-mix(in oklch,var(--surface-card),transparent 45%);border:1px solid color-mix(in oklch,var(--border-subtle),transparent 30%);border-radius:10px;overflow:hidden;transition:background .32s ease}.live-data-log-card.is-expanded,.live-data-log-panel.is-idle .live-data-log-card{flex:1 1 0}.live-data-log-header{flex-shrink:0;display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease,background .15s ease}.live-data-log-header:hover{color:var(--text-primary);background:color-mix(in oklch,var(--surface-overlay),transparent 40%)}.live-data-log-header-label{flex:1;text-align:left}.live-data-log-panel.is-idle .live-data-log-header{writing-mode:vertical-rl;text-orientation:upright;height:100%;justify-content:center;align-items:center;padding:12px 6px}.live-data-log-panel.is-idle .live-data-log-header-label{text-align:center}.live-data-log-panel.is-idle .live-data-log-header-chevron{display:none}.live-data-log-header-event .live-data-log-header-icon{color:var(--ld-publish)}.live-data-log-header-delivery .live-data-log-header-icon{color:var(--ld-deliver)}.live-data-log-rows{position:relative;flex:1;min-height:120px;max-height:220px;overflow-y:auto;scrollbar-width:none;padding:2px 12px 10px;display:flex;flex-direction:column;gap:1px;opacity:1;transition:opacity .26s ease}.live-data-log-rows::-webkit-scrollbar{width:0;height:0;display:none}.live-data-log-panel-proxy .live-data-log-card{background:transparent;border:none}.live-data-log-panel-proxy .live-data-log-rows{max-height:none}.live-data-log-rows.is-hiding{opacity:0}.live-data-log-empty{margin:4px 0;font-size:12px;color:var(--text-disabled)}.live-data-log-row{display:grid;grid-template-columns:8px minmax(0,1fr) minmax(0,.6fr) auto;align-items:center;gap:8px;height:27px;padding:5px 4px;border-radius:4px;font-size:12px;transition:background .15s ease;animation:live-data-log-row-enter .32s ease}@keyframes live-data-log-row-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.live-data-log-row:hover{background:color-mix(in oklch,var(--surface-overlay),transparent 55%)}.live-data-log-group+.live-data-log-group{margin-top:6px}.live-data-log-group-header{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 4px;font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--text-tertiary)}.live-data-log-row-grouped{grid-template-columns:8px minmax(0,1fr) auto}.live-data-log-dot{width:6px;height:6px;border-radius:50%;background:var(--ld-line-idle)}.live-data-log-dot-event.is-ok{background:var(--ld-publish)}.live-data-log-dot-delivery.is-ok{background:var(--ld-deliver)}.live-data-log-dot.is-error{background:var(--status-error-fg)}.live-data-log-primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.live-data-log-secondary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-size:11px}.live-data-log-time{flex-shrink:0;color:var(--text-disabled);font-size:11px;font-variant-numeric:tabular-nums}.live-data-center-glow-stop-inner{stop-color:var(--brand-accent);stop-opacity:.12}.live-data-center-glow-stop-mid{stop-color:var(--brand-accent);stop-opacity:.03}.live-data-center-glow-stop-outer{stop-color:var(--brand-accent);stop-opacity:0}.live-data-column-title{fill:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.live-data-line{stroke:var(--ld-line-idle);stroke-width:1px;stroke-dasharray:4 4;transition:stroke .2s ease,stroke-width .2s ease,x1 .9s ease,y1 .9s ease,x2 .9s ease,y2 .9s ease}.live-data-line.is-active{stroke:var(--ld-line-active);stroke-width:1.5px;stroke-dasharray:none}.live-data-node-badge{fill:var(--surface-card);stroke-width:1.5;transition:cx .9s ease,cy .9s ease}.live-data-node-badge-client{stroke:var(--ld-client-ring)}.live-data-node-badge-service{stroke:var(--ld-service-ring)}.live-data-icon{color:var(--text-primary);transition:transform .9s ease}.live-data-hub-icon{color:var(--brand-accent)}.live-data-icon-client{color:var(--ld-client-ring)}.live-data-icon-instance{color:var(--ld-instance-ring)}.live-data-lb-box{fill:none;stroke:var(--ld-line-idle);stroke-width:2.5px;stroke-dasharray:4 4}.live-data-node-label{fill:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.02em;transition:x .9s ease,y .9s ease}.live-data-hub-ring-outer{fill:none;stroke:var(--brand-accent);stroke-width:1;opacity:.35;transform-box:fill-box;transform-origin:center;animation:live-data-hub-pulse 2.4s ease-in-out infinite}.live-data-node-glow{fill:none;stroke-width:1;opacity:.35;transform-box:fill-box;transform-origin:center;animation:live-data-hub-pulse 1.4s ease-in-out infinite;transition:cx .9s ease,cy .9s ease}.live-data-node-glow-client{stroke:var(--ld-client-ring)}.live-data-node-glow-service{stroke:var(--ld-service-ring)}.live-data-hub-ring{fill:var(--surface-card);stroke:var(--brand-accent);stroke-width:2.5}@keyframes live-data-hub-pulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.15);opacity:.1}}.live-data-dot{opacity:0}.live-data-dot-publish.is-active{animation:live-data-dot-travel .9s linear infinite}.live-data-dot-deliver.is-active{animation:live-data-dot-roundtrip 1.8s ease-in-out infinite}.live-data-dot-publish{fill:var(--ld-publish)}.live-data-dot-deliver{fill:var(--ld-deliver)}.live-data-dot-reject.is-active{animation:live-data-dot-travel .9s linear infinite}.live-data-dot-reject{fill:var(--status-error-fg)}@keyframes live-data-dot-travel{0%{transform:translate(var(--x1),var(--y1));opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--x2),var(--y2));opacity:0}}@keyframes live-data-dot-roundtrip{0%{transform:translate(var(--x1),var(--y1));opacity:0}8%{opacity:1}45%{transform:translate(var(--x2),var(--y2));opacity:1}55%{transform:translate(var(--x2),var(--y2));opacity:1}92%{opacity:1}to{transform:translate(var(--x1),var(--y1));opacity:0}}.live-data-legend-text{fill:var(--text-tertiary);font-size:11px}.live-data-legend-dot{font-size:9px}.live-data-legend-dot.live-data-dot-publish{fill:var(--ld-publish)}.live-data-legend-dot.live-data-dot-deliver{fill:var(--ld-deliver)}.live-data-legend-dot.live-data-dot-reject{fill:var(--status-error-fg)}.live-data-footer-description{color:var(--text-tertiary);font-size:12px;margin:8px 0 0;white-space:nowrap;overflow-x:auto;max-width:100%}@media(prefers-reduced-motion:reduce){.live-data-log-row,.live-data-hub-ring-outer,.live-data-node-glow{animation:none}.live-data-dot.is-active{animation:none;opacity:1;transform:translate(var(--x2),var(--y2))}}.live-data-elbow{fill:none;stroke:var(--ld-line-idle);stroke-width:1px;stroke-dasharray:4 4;transition:stroke .2s ease,stroke-width .2s ease,d .5s ease}.live-data-elbow.is-active{stroke:var(--ld-line-active);stroke-width:1.5px;stroke-dasharray:none}.live-data-node-label-below{fill:var(--text-primary);font-size:10px;font-weight:500;letter-spacing:.01em;text-anchor:middle}.live-data-icon-service{color:var(--ld-service-ring)}.live-data-icon.is-active{transform-box:fill-box;transform-origin:center;animation:live-data-hub-pulse 1.4s ease-in-out infinite}.live-data-dot-path{opacity:0}.live-data-dot-path.is-active.live-data-dot-publish,.live-data-dot-path.is-active.live-data-dot-reject{animation:live-data-dot-travel-path .9s linear infinite}.live-data-dot-path.is-active.live-data-dot-deliver{animation:live-data-dot-roundtrip-path 1.8s ease-in-out infinite}@keyframes live-data-dot-travel-path{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes live-data-dot-roundtrip-path{0%{offset-distance:0%;opacity:0}8%{opacity:1}45%{offset-distance:100%;opacity:1}55%{offset-distance:100%;opacity:1}92%{opacity:1}to{offset-distance:0%;opacity:0}}@media(prefers-reduced-motion:reduce){.live-data-dot-path.is-active{animation:none;opacity:1;offset-distance:100%}.live-data-icon.is-active{animation:none}}:root{--primary-950:oklch(20% .07 228);--primary-900:oklch(26% .1 228);--primary-800:oklch(33% .12 228);--primary-700:oklch(40% .14 228);--primary-600:oklch(48% .16 228);--primary-500:oklch(56% .16 228);--primary-400:oklch(66% .13 228);--primary-300:oklch(76% .09 228);--primary-200:oklch(86% .05 228);--primary-100:oklch(93% .025 228);--primary-50:oklch(97% .012 228);--accent-700:oklch(46% .13 196);--accent-600:oklch(55% .14 196);--accent-500:oklch(62% .13 196);--accent-400:oklch(72% .11 196);--accent-200:oklch(88% .05 196);--accent-100:oklch(94% .025 196);--gray-900:oklch(22% .015 228);--gray-800:oklch(30% .014 228);--gray-700:oklch(40% .013 228);--gray-600:oklch(49% .012 228);--gray-500:oklch(58% .01 228);--gray-400:oklch(68% .009 228);--gray-300:oklch(80% .008 228);--gray-200:oklch(89% .006 228);--gray-100:oklch(95% .004 228);--gray-50:oklch(98% .002 228);--white:#ffffff;--success-700:oklch(40% .12 155);--success-600:oklch(50% .13 155);--success-500:oklch(58% .14 155);--success-100:oklch(95% .045 155);--warning-700:oklch(48% .13 75);--warning-600:oklch(62% .16 75);--warning-500:oklch(70% .17 75);--warning-100:oklch(95% .06 85);--error-700:oklch(40% .16 27);--error-600:oklch(50% .19 27);--error-500:oklch(58% .2 27);--error-100:oklch(95% .045 27);--info-600:var(--accent-600);--info-100:var(--accent-100);--surface-page:oklch(16% .03 228);--surface-card:oklch(21% .032 228);--surface-sunken:oklch(12% .03 228);--surface-overlay:oklch(24% .032 228);--surface-inverse:oklch(13% .035 228);--border-subtle:oklch(30% .014 228);--border-default:oklch(36% .014 228);--border-strong:oklch(45% .014 228);--border-focus:var(--primary-400);--text-primary:oklch(95% .004 228);--text-secondary:oklch(78% .008 228);--text-tertiary:oklch(62% .01 228);--text-disabled:oklch(45% .01 228);--text-inverse:var(--gray-900);--text-link:var(--primary-300);--text-link-hover:var(--primary-200);--brand-primary:var(--primary-400);--brand-primary-hover:var(--primary-300);--brand-primary-active:var(--primary-200);--brand-accent:var(--accent-400);--status-success-fg:oklch(80% .12 155);--status-success-bg:oklch(28% .06 155);--status-warning-fg:oklch(82% .14 75);--status-warning-bg:oklch(30% .07 75);--status-error-fg:oklch(80% .16 27);--status-error-bg:oklch(28% .08 27);--status-info-fg:oklch(80% .11 196);--status-info-bg:oklch(28% .06 196)}:root{--matrix-grid: linear-gradient(oklch(45% .03 228 / .05) 1px, transparent 1px), linear-gradient(90deg, oklch(45% .03 228 / .05) 1px, transparent 1px);--matrix-grid-size:28px 28px;--dashboard-glow: radial-gradient(ellipse 1100px 620px at 50% 0%, color-mix(in oklch, var(--brand-accent), transparent 94%) 0%, transparent 70%)}[data-theme=light]{--surface-page:var(--gray-50);--surface-card:var(--white);--surface-sunken:var(--gray-100);--surface-overlay:var(--white);--surface-inverse:var(--primary-900);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-400);--border-focus:var(--primary-500);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-inverse:var(--white);--text-link:var(--primary-600);--text-link-hover:var(--primary-700);--brand-primary:var(--primary-600);--brand-primary-hover:var(--primary-700);--brand-primary-active:var(--primary-800);--brand-accent:var(--accent-600);--status-success-fg:var(--success-700);--status-success-bg:var(--success-100);--status-warning-fg:var(--warning-700);--status-warning-bg:var(--warning-100);--status-error-fg:var(--error-700);--status-error-bg:var(--error-100);--status-info-fg:var(--info-600);--status-info-bg:var(--info-100)}:root{--font-ui:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--text-2xl:28px;--text-xl:22px;--text-lg:18px;--text-base:14px;--text-body:13px;--text-sm:12px;--text-xs:11px;--lh-tight:1.2;--lh-normal:1.45;--lh-relaxed:1.6;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-caps:.06em}:root{--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--control-height-sm:28px;--control-height-md:32px;--control-height-lg:40px;--table-row-height:40px;--table-cell-pad-x:var(--space-4);--table-cell-pad-y:var(--space-3);--sidebar-width:224px;--topbar-height:56px;--content-pad:var(--space-7)}:root{--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--shadow-sm:0 1px 2px oklch(22% .015 228 / .06);--shadow-md:0 2px 6px oklch(22% .015 228 / .08),0 1px 2px oklch(22% .015 228 / .06);--shadow-lg:0 8px 24px oklch(22% .015 228 / .12),0 2px 6px oklch(22% .015 228 / .06);--shadow-focus-ring:0 0 0 3px var(--primary-200);--shadow-focus-ring-error:0 0 0 3px var(--error-100);--border-width:1px;--transition-fast:.12s ease;--transition-normal:.18s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--surface-page);background-image:var(--matrix-grid);background-size:var(--matrix-grid-size);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}code,kbd,samp{font-family:var(--font-mono)}:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}