@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..600&family=Inter+Tight:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-ink: #0A1628;--color-paper: #F4F1EA;--color-azure: #4A7FA7;--color-ice: #B8D4E3;--color-cyan: #7FB3C9;--color-violet: #9B8BB4;--color-rose: #D4A5A5;--color-brass: #C9A961;--color-ink-80: #283243;--color-ink-60: #55606F;--color-ink-40: #8A919B;--color-ink-20: #C4C8CE;--color-paper-90: #EBE7DE;--color-paper-70: #D8D2C6;--color-success: #5A8A6F;--color-warning: #C9A961;--color-danger: #B86B5A;--font-display: "Fraunces", Georgia, serif;--font-sans: "Inter Tight", -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.5rem;--fs-5xl: 3.5rem;--fs-6xl: 5rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .12em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(10, 22, 40, .06);--shadow-md: 0 2px 8px rgba(10, 22, 40, .08);--shadow-lg: 0 8px 24px rgba(10, 22, 40, .12);--shadow-xl: 0 16px 48px rgba(10, 22, 40, .16);--shadow-glow: 0 0 40px rgba(74, 127, 167, .25);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1)}[data-theme=dark]{--bg-page: var(--color-ink);--bg-surface: #11203A;--bg-surface-alt: #152A4A;--bg-inset: #1B355A;--fg-primary: var(--color-paper);--fg-secondary: var(--color-paper-90);--fg-muted: var(--color-ink-20);--fg-subtle: var(--color-ink-40);--fg-inverse: var(--color-ink);--border-default: rgba(244, 241, 234, .12);--border-strong: rgba(244, 241, 234, .24);--border-subtle: rgba(244, 241, 234, .06);--accent: var(--color-ice);--accent-fg: var(--color-ink);--accent-bg-subtle: rgba(184, 212, 227, .12);--signal-success: #7FB3A0;--signal-warning: var(--color-brass);--signal-danger: #D9897A}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-page);color:var(--fg-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.canvas{padding:var(--space-6) var(--space-10);max-width:1600px;width:100%}.view{margin-top:var(--space-6)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-default);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-8);position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-medium);letter-spacing:var(--tracking-tight)}.brand-sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.nav{display:flex;flex-direction:column;gap:var(--space-6)}.nav-group-title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-widest);color:var(--fg-subtle);text-transform:uppercase;margin-bottom:var(--space-2)}.nav-item{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--fg-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.nav-item:hover{background:var(--bg-surface-alt)}.nav-item.is-active{background:var(--accent-bg-subtle);color:var(--accent);font-weight:var(--fw-medium)}.status-chip{margin-top:auto;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);display:flex;align-items:center;gap:var(--space-2)}.dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--signal-success);box-shadow:0 0 8px var(--signal-success)}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.kpi{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.kpi-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);color:var(--fg-subtle);text-transform:uppercase;margin-bottom:var(--space-2)}.kpi-value{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-regular);color:var(--fg-primary);letter-spacing:var(--tracking-tight)}.kpi-trend{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:var(--space-1)}.page-head{margin-bottom:var(--space-8)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--space-2)}h1.display{font-family:var(--font-display);font-weight:var(--fw-light);font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0;color:var(--fg-primary)}.lede{font-size:var(--fs-base);color:var(--fg-muted);max-width:70ch;margin-top:var(--space-2)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-regular);letter-spacing:var(--tracking-tight)}.card-sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-subtle);letter-spacing:var(--tracking-wide);text-transform:uppercase}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);color:var(--fg-muted);text-transform:uppercase}.chip.is-critical{color:var(--signal-danger);border-color:var(--signal-danger)}.chip.is-high{color:var(--color-brass);border-color:var(--color-brass)}.chip.is-medium{color:var(--color-cyan);border-color:var(--color-cyan)}.chip.is-low{color:var(--fg-subtle)}.chip.is-healthy{color:var(--signal-success);border-color:var(--signal-success)}.chip.is-degraded{color:var(--color-brass);border-color:var(--color-brass)}.chip.is-down{color:var(--signal-danger);border-color:var(--signal-danger)}.chip.is-accent{color:var(--accent);border-color:var(--accent)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.row{display:flex;gap:var(--space-3);align-items:center}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.btn{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:transparent;color:var(--fg-primary);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard)}.btn:hover{background:var(--bg-surface-alt)}.btn.is-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.is-primary:hover{opacity:.9}.btn.is-danger{border-color:var(--signal-danger);color:var(--signal-danger)}.btn.is-danger:hover{background:#b86b5a1f}.btn:disabled{opacity:.4;cursor:not-allowed}.mono{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);color:var(--fg-muted)}.empty{padding:var(--space-8);text-align:center;color:var(--fg-muted);font-size:var(--fs-sm)}.capitalize{text-transform:capitalize}.row.between{justify-content:space-between}.section-head{margin-top:var(--space-6)}.topology{width:100%;height:auto}.sparkline{width:100%;height:64px}.agent-card{display:flex;flex-direction:column;gap:var(--space-2)}.agent-card.is-flashed{box-shadow:0 0 0 2px var(--color-azure),var(--shadow-glow);transition:box-shadow var(--dur-slow) var(--ease-decelerate)}.agent-meta{font-size:var(--fs-xs);color:var(--fg-subtle)}.agent-summary{font-size:var(--fs-sm);color:var(--fg-secondary);line-height:var(--lh-snug);min-height:2.5em}.event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:420px;overflow:auto}.event-list li{display:grid;grid-template-columns:10px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.event-list li:last-child{border-bottom:none}.event-dot{width:8px;height:8px;border-radius:var(--radius-full)}.event-type{color:var(--fg-muted);text-transform:lowercase}.event-detail{font-size:var(--fs-sm);color:var(--fg-primary)}.event-ts{color:var(--fg-subtle);font-size:var(--fs-xs)}.filter-bar{display:flex;gap:var(--space-6);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-title{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.filter-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-options .chip{cursor:pointer;background:transparent}.filter-count{margin-left:auto;color:var(--fg-subtle)}.exception-layout{display:grid;gap:var(--space-5);grid-template-columns:1fr}.exception-layout.is-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:640px;overflow:auto}.queue-row{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard)}.queue-row:hover{background:var(--bg-surface-alt)}.queue-row.is-selected{border-color:var(--accent);background:var(--accent-bg-subtle)}.queue-type{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.queue-meta{margin-top:var(--space-1);color:var(--fg-muted);font-size:var(--fs-xs)}.drawer{position:sticky;top:0;max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:var(--space-4)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.drawer-title{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:var(--fs-2xl);margin:var(--space-1) 0;letter-spacing:var(--tracking-tight)}.drawer-body{flex:1}.amount-highlight{font-family:var(--font-display);font-size:var(--fs-3xl);margin:var(--space-3) 0}.diff{background:var(--bg-inset);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-xs);max-height:220px;overflow:auto;color:var(--fg-secondary);white-space:pre-wrap;word-break:break-word}.proposal-rationale{font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--fg-secondary);margin:var(--space-2) 0}.proposal-payload{background:var(--bg-inset);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-xs);max-height:180px;overflow:auto;color:var(--fg-secondary)}.rationale{width:100%;padding:var(--space-3);background:var(--bg-inset);color:var(--fg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-sm);resize:vertical;min-height:48px}.health-big{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-light);color:var(--fg-primary);letter-spacing:var(--tracking-tight);margin:var(--space-3) 0 var(--space-1)}.health-bar-track{height:4px;border-radius:var(--radius-full);background:var(--bg-inset);margin-top:var(--space-3);overflow:hidden}.health-bar{height:100%;border-radius:var(--radius-full)}.health-bar.is-healthy{background:var(--signal-success)}.health-bar.is-degraded{background:var(--color-brass)}.health-bar.is-down{background:var(--signal-danger)}.matrix{display:flex;flex-direction:column;gap:2px}.matrix-row{display:grid;grid-template-columns:180px repeat(5,1fr);gap:var(--space-2);align-items:center}.matrix-head .mono{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--fs-xs)}.matrix-label{font-size:var(--fs-sm)}.matrix-cell{height:22px;border-radius:var(--radius-sm);background:var(--bg-inset)}.matrix-cell.is-empty{background:transparent}.matrix-cell.is-healthy{background:#7fb3a059}.matrix-cell.is-degraded{background:#c9a96159}.matrix-cell.is-down{background:#d9897a59}.tab{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:transparent;border:none;padding:var(--space-2) 0;color:var(--fg-muted);cursor:pointer;border-bottom:2px solid transparent}.tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.simple-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.simple-list>li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.simple-list>li:last-child{border-bottom:none}.run-summary{margin:var(--space-2) 0 0;font-size:var(--fs-sm);color:var(--fg-secondary);line-height:var(--lh-snug)}