:root{color-scheme:dark;--carbon:#050608;--canvas:#080b0e;--oxide:#0a0d10;--raised:#11171c;--steel:#171e24;--line:#27333c;--line-soft:#1c262d;--gunmetal:#7d8891;--muted:#87929b;--text:#d8dee3;--white:#eef2f4;--straw:#c9a45b;--active:#4e7898;--info:#617a8b;--ok:#718178;--fault:#b74a3b;--orange:#d87538;--focus:#e4b95e;--sans:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--shadow:0 0 0 1px rgba(255,255,255,.075),0 18px 42px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--text);font:14px/1.45 var(--sans);min-width:320px}button,input,select{font:inherit}button,a{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:16px;top:12px;transform:translateY(-80px);background:var(--focus);color:#111;padding:10px 14px;text-decoration:none;font-weight:800;transition:transform 140ms ease-out}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.rail{position:sticky;top:0;height:100vh;background:var(--oxide);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:var(--white);text-decoration:none;padding:2px 7px 21px;border-bottom:1px solid var(--line)}.brand svg{width:29px;height:29px;fill:var(--straw)}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:17px;letter-spacing:.14em}.brand small{font:9px/1.5 var(--mono);color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:5px}.primary-nav{margin-top:24px;display:grid;gap:5px}.primary-nav a{position:relative;min-height:46px;display:flex;align-items:center;gap:11px;padding:0 12px;color:var(--muted);text-decoration:none;font-weight:700;letter-spacing:.015em;transition:background-color 140ms ease-out,color 140ms ease-out,box-shadow 140ms ease-out}.primary-nav a:hover{background:#10171c;color:var(--text)}.primary-nav a[aria-current="page"]{background:var(--steel);color:var(--white);box-shadow:inset 2px 0 var(--straw)}.nav-icon{width:20px;font:20px/1 var(--mono);text-align:center;color:var(--gunmetal)}.primary-nav a[aria-current="page"] .nav-icon{color:var(--straw)}.rail-foot{margin-top:auto;display:grid;gap:16px}.boundary-mark{padding:12px;background:#0d1317;box-shadow:0 0 0 1px rgba(255,255,255,.07);display:flex;align-items:flex-start;gap:9px}.boundary-mark div{display:grid}.boundary-mark strong{font-size:11px}.boundary-mark small{font:9px/1.5 var(--mono);color:var(--muted);margin-top:2px}.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(113,129,120,.13);flex:none;margin-top:4px}.environment{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 5px 0;font:10px var(--mono);color:var(--muted)}.environment strong{color:var(--straw);letter-spacing:.12em}.workspace{min-width:0}.topbar{height:64px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(8,11,14,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.scope{display:grid;line-height:1.2}.scope span,.eyebrow,.panel-kicker{font:9px/1.4 var(--mono);letter-spacing:.16em;color:var(--straw);margin:0 0 4px;text-transform:uppercase}.scope strong{font-size:13px;color:var(--text)}.top-actions{display:flex;align-items:center;gap:12px}.search-trigger{height:36px;min-width:235px;padding:0 10px;display:flex;align-items:center;gap:8px;color:var(--muted);background:var(--oxide);border:0;box-shadow:0 0 0 1px var(--line);cursor:pointer;text-align:left;transition:box-shadow 140ms ease-out,color 140ms ease-out}.search-trigger:hover{box-shadow:0 0 0 1px var(--gunmetal);color:var(--text)}.search-trigger span:nth-child(2){flex:1}.search-trigger kbd{font:10px var(--mono);border:1px solid var(--line);padding:2px 6px;color:var(--gunmetal)}.clock{display:flex;align-items:baseline;gap:5px;font:12px var(--mono);font-variant-numeric:tabular-nums}.clock small{font-size:8px;color:var(--muted)}.icon-button,.mobile-menu{width:40px;height:40px;display:grid;place-items:center;border:0;background:var(--steel);color:var(--text);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:background-color 140ms ease-out,scale 140ms ease-out}.icon-button:hover,.mobile-menu:hover{background:#202a31}.icon-button:active,.mobile-menu:active,.text-button:active,.panel-action:active,.topology-foot button:active,.ledger-foot button:active{scale:.96}.mobile-menu{display:none}main{padding:28px clamp(18px,2.2vw,36px) 48px;max-width:1800px;margin:0 auto}.route-view{display:none}.route-view.active{display:block;animation:route-in 360ms cubic-bezier(.2,0,0,1) both}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.page-heading h1{font-size:clamp(27px,3vw,40px);line-height:1;letter-spacing:-.025em;margin:0;color:var(--white);text-wrap:balance}.purpose{color:var(--muted);font-size:14px;max-width:700px;margin:10px 0 0;text-wrap:pretty}.freshness{min-width:210px;display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-left:1px solid var(--line)}.freshness div{display:grid}.freshness small,.summary-chip small{font:9px var(--mono);color:var(--muted);letter-spacing:.12em}.freshness strong{font-size:12px;margin-top:3px}.summary-chip{min-width:130px;padding:11px 15px;background:var(--oxide);box-shadow:var(--shadow);display:grid}.summary-chip strong{font:26px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--white);margin-top:4px}.limitation-strip{min-height:43px;display:flex;align-items:center;gap:14px;padding:8px 14px;background:rgba(201,164,91,.07);border-left:2px solid var(--straw);box-shadow:0 0 0 1px rgba(201,164,91,.16);margin-bottom:14px;color:#b7bfc4;font-size:12px}.limitation-strip strong{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--straw)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.metric-card{position:relative;min-height:132px;background:var(--raised);padding:16px 17px;box-shadow:var(--shadow);overflow:hidden}.metric-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--metric-color,var(--gunmetal))}.metric-label{font:9px var(--mono);letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.metric-value{display:block;font:500 34px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--white);margin-top:17px}.metric-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-top:9px}.metric-meta b{font-weight:700;color:var(--text)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:10px}.panel{background:var(--raised);box-shadow:var(--shadow);min-width:0}.panel-head{min-height:58px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line-soft)}.panel-head h2{font-size:15px;line-height:1.2;margin:0;color:var(--white);letter-spacing:.01em}.panel-kicker{font-size:8px;margin-bottom:3px}.legend{display:flex;gap:13px;color:var(--muted);font:9px var(--mono)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%;background:var(--gunmetal)}.legend .ok{background:var(--ok)}.legend .active{background:var(--active)}.legend .attention{background:var(--orange)}.topology-panel{min-height:410px}.topology{height:309px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(78,120,152,.08),transparent 42%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.topology svg{display:block;width:100%;height:100%}.topology .edge{stroke:#34444f;stroke-width:1;fill:none}.topology .edge.active{stroke:var(--active);stroke-width:1.5}.topology .node-ring{fill:var(--oxide);stroke:var(--gunmetal);stroke-width:1.3}.topology .node-ring.enabled{stroke:var(--ok)}.topology .node-ring.running{stroke:var(--active);stroke-width:2}.topology .node-ring.attention{stroke:var(--orange);stroke-width:2}.topology .hub{fill:#182128;stroke:var(--straw);stroke-width:1.5}.topology text{font-family:var(--mono);fill:var(--muted);font-size:8px}.topology .hub-label{fill:var(--text);font-size:9px;font-weight:700;letter-spacing:.06em}.topology-node{cursor:pointer}.topology-node:focus .node-ring,.topology-node:hover .node-ring{stroke:var(--focus);stroke-width:2.5}.topology-foot{height:43px;padding:0 14px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.topology-foot button,.text-button{border:0;background:transparent;color:#9eb8c9;cursor:pointer;font-weight:700;padding:8px}.attention-panel{display:flex;flex-direction:column;min-height:410px}.count-badge{min-width:28px;height:25px;display:grid;place-items:center;background:rgba(216,117,56,.11);color:var(--orange);font:12px var(--mono);box-shadow:inset 0 0 0 1px rgba(216,117,56,.25)}.attention-list{flex:1}.attention-item{width:100%;border:0;border-bottom:1px solid var(--line-soft);background:transparent;color:inherit;text-align:left;padding:13px 15px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;cursor:pointer;transition:background-color 140ms ease-out}.attention-item:hover{background:#151d22}.attention-item .state-bar{width:3px;height:30px;background:var(--orange)}.attention-item.failed .state-bar{background:var(--fault)}.attention-copy{min-width:0;display:grid}.attention-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:11px var(--mono);color:var(--text)}.attention-copy span{color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attention-item time{font:9px var(--mono);color:var(--gunmetal)}.panel-action{height:43px;border:0;border-top:1px solid var(--line-soft);background:transparent;color:#9eb8c9;display:flex;align-items:center;justify-content:space-between;padding:0 15px;cursor:pointer;font-weight:700}.throughput-panel,.pipeline-panel{min-height:280px}.chart-wrap{height:220px;padding:15px}.activity-chart{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#26323a;stroke-width:1}.chart-area{fill:url(#activity-fill)}.chart-line{fill:none;stroke:var(--active);stroke-width:2}.chart-point{fill:var(--raised);stroke:var(--active);stroke-width:2}.chart-label{font:8px var(--mono);fill:var(--gunmetal)}.pipeline-chart{padding:18px 17px}.pipeline-stack{height:18px;display:flex;gap:2px;background:var(--oxide);margin:3px 0 19px}.pipeline-stack span{min-width:3px;height:100%}.pipeline-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.pipeline-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px}.pipeline-row i{width:7px;height:7px}.pipeline-row span{font-size:11px;color:var(--muted);text-transform:capitalize}.pipeline-row strong{font:12px var(--mono);font-variant-numeric:tabular-nums}.panel-note{font:8px var(--mono);color:var(--muted);text-transform:uppercase}.recent-panel{margin-top:10px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;padding:10px 14px;color:var(--gunmetal);font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--oxide);border-bottom:1px solid var(--line)}td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle;font-size:11px}tbody tr{transition:background-color 120ms ease-out}tbody tr[data-run-id]{cursor:pointer}tbody tr[data-run-id]:hover{background:#151d22}td.numeric,th.numeric{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.run-ref{display:grid;gap:3px}.run-ref strong{font:10px var(--mono);color:#b6c5ce;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-ref small{color:var(--gunmetal)}.source-ref{display:grid;gap:2px}.source-ref strong{font-size:11px}.source-ref small{font:9px var(--mono);color:var(--muted)}.state-pill{display:inline-flex;align-items:center;gap:6px;font:9px var(--mono);text-transform:uppercase;color:var(--muted)}.state-pill i{width:6px;height:6px;background:var(--gunmetal)}.state-pill.running i{background:var(--active);border-radius:50%}.state-pill.succeeded i{background:var(--ok)}.state-pill.failed i{background:var(--fault)}.state-pill.blocked i,.state-pill.unknown i{background:var(--orange)}.state-pill.waiting i{background:var(--straw)}.loading-state{height:100%;min-height:74px;display:grid;place-items:center;color:var(--gunmetal);font:10px var(--mono);letter-spacing:.05em}.empty-state{padding:28px 18px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);margin-bottom:5px}.skeleton{background:linear-gradient(90deg,var(--raised),#182027,var(--raised));background-size:200% 100%;animation:skeleton 1.4s ease-in-out infinite}.toolbar{display:flex;gap:10px;margin-bottom:12px}.search-field{height:43px;max-width:520px;flex:1;background:var(--oxide);box-shadow:0 0 0 1px var(--line);display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--gunmetal)}.search-field:focus-within{box-shadow:0 0 0 1px var(--focus)}.search-field input{flex:1;min-width:0;color:var(--text);background:transparent;border:0;outline:0}.search-field input::placeholder{color:var(--gunmetal)}select{height:43px;min-width:160px;color:var(--text);background:var(--oxide);border:1px solid var(--line);padding:0 34px 0 12px}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:10px}.source-card{position:relative;min-height:210px;background:var(--raised);box-shadow:var(--shadow);padding:17px;border:0;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:box-shadow 150ms ease-out,transform 150ms ease-out}.source-card:hover{box-shadow:0 0 0 1px rgba(255,255,255,.15),0 18px 42px rgba(0,0,0,.24);transform:translateY(-2px)}.source-card:active{transform:translateY(0);scale:.99}.source-card-top{display:flex;justify-content:space-between;gap:12px}.source-card h2{font-size:16px;line-height:1.25;margin:11px 0 7px;color:var(--white);text-wrap:balance}.source-id{font:9px var(--mono);color:var(--muted)}.source-kind{font:8px var(--mono);color:var(--straw);text-transform:uppercase;letter-spacing:.1em}.source-state{font:8px var(--mono);text-transform:uppercase;color:var(--ok);display:flex;align-items:center;gap:5px}.source-state::before{content:"";width:6px;height:6px;background:currentColor}.source-state.disabled{color:var(--gunmetal)}.source-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;border-top:1px solid var(--line-soft);padding-top:13px}.source-meta div{display:grid}.source-meta small{font:8px var(--mono);color:var(--gunmetal);text-transform:uppercase}.source-meta strong{font-size:11px;margin-top:3px;color:var(--text)}.ledger-panel{margin-top:4px}.ledger-foot{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:var(--muted);font:10px var(--mono)}.ledger-foot button{height:34px;padding:0 13px;border:0;background:var(--steel);color:var(--text);cursor:pointer;box-shadow:0 0 0 1px var(--line)}.ledger-foot button:disabled{opacity:.4;cursor:not-allowed}.scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:39}.detail-drawer{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(520px,100vw);background:var(--oxide);box-shadow:-24px 0 70px rgba(0,0,0,.48),-1px 0 var(--line);transform:translateX(105%);visibility:hidden;transition:transform 260ms cubic-bezier(.2,0,0,1),visibility 0s linear 260ms}.detail-drawer.open{transform:translateX(0);visibility:visible;transition:transform 260ms cubic-bezier(.2,0,0,1)}.drawer-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:18px;margin:0;color:var(--white)}.drawer-body{padding:20px;overflow:auto;height:calc(100% - 76px)}.detail-summary{padding-bottom:18px;border-bottom:1px solid var(--line)}.detail-summary p{color:var(--muted);margin:7px 0 0}.detail-section{padding:18px 0;border-bottom:1px solid var(--line-soft)}.detail-section h3{font:9px var(--mono);letter-spacing:.12em;color:var(--straw);text-transform:uppercase;margin:0 0 13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-field{display:grid;min-width:0}.detail-field small{font:8px var(--mono);text-transform:uppercase;color:var(--gunmetal)}.detail-field strong,.detail-field a{font:11px/1.5 var(--mono);color:var(--text);margin-top:4px;overflow-wrap:anywhere}.detail-field a{color:#9eb8c9}.error-block{padding:13px;background:rgba(183,74,59,.09);box-shadow:inset 2px 0 var(--fault);color:#d4b4ae;font:11px/1.6 var(--mono)}.toast{position:fixed;z-index:70;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--steel);color:var(--text);box-shadow:var(--shadow);padding:11px 15px;font:10px var(--mono);transition:opacity 180ms ease-out,transform 180ms ease-out}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes route-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:1180px){.overview-grid{grid-template-columns:minmax(0,1fr) 340px}.source-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.topology-panel{grid-column:1/-1}.attention-panel{grid-column:1}.throughput-panel{grid-column:2}.pipeline-panel{grid-column:1/-1}}
@media(max-width:860px){.app-shell{grid-template-columns:1fr}.rail{position:fixed;left:0;transform:translateX(-105%);transition:transform 220ms cubic-bezier(.2,0,0,1);width:230px;box-shadow:18px 0 50px rgba(0,0,0,.4)}body.nav-open .rail{transform:translateX(0)}body.nav-open .scrim{display:block}.mobile-menu{display:grid}.scope{display:none}.search-trigger{min-width:40px;width:40px}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.topbar{padding:0 14px}.overview-grid{grid-template-columns:1fr}.topology-panel,.attention-panel,.throughput-panel,.pipeline-panel{grid-column:auto}.source-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){main{padding:21px 12px 36px}.clock{display:none}.page-heading{align-items:flex-start;flex-direction:column}.freshness{padding-left:0;border-left:0}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:112px;padding:14px}.metric-value{font-size:28px;margin-top:13px}.legend{display:none}.topology{height:270px}.topology-foot span{display:none}.source-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search-field{max-width:none;flex:none}.run-toolbar select,select{width:100%}.detail-grid{grid-template-columns:1fr}.limitation-strip{align-items:flex-start;flex-direction:column;gap:3px}.purpose{font-size:13px}.top-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.source-card:hover{transform:none}}