:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202c30;background:#f5f7f6;font-synthesis:none;font-size:15px;line-height:1.5;--teal:#066b60;--muted:#52665d;--line:#cedbd3}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:38px 40px 24px}.page-header,.brand,.intro,.connection,.panel-heading,footer,.worker-top,.worker-bottom,.recent-item{display:flex;align-items:center;justify-content:space-between}.brand{gap:13px}.brand-mark{width:43px;height:43px;background:#173c35;color:white;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;letter-spacing:-5px;padding-right:4px}.brand-mark span{font-size:22px;align-self:flex-start;margin-top:4px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:1.8px;color:#52665d;margin-bottom:5px}h1{font-size:22px;letter-spacing:-.6px;font-weight:650;margin:0}h2{font-size:17px;letter-spacing:-.2px;margin:0;font-weight:650}.connection{gap:12px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;font-size:13px;font-weight:650;line-height:1.2;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.badge.good{color:#087a61;background:#e9f6ef}.badge.warn{color:#795014;background:#fbf1de}.badge.bad{color:#a13b2e;background:#fff0eb}.badge.muted{color:#52665d;background:#edf1ef}.muted-text{color:var(--muted)}.intro{margin:23px 0 25px;padding-bottom:22px;border-bottom:1px solid var(--line);gap:15px}.intro p{margin:0;color:#52665d;font-size:15px}.route{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:550;color:#52615c}.chain-dot{width:7px;height:7px;border-radius:50%;background:#8592a5}.chain-dot.teal{background:#249c88}.arrow{padding:0 7px;color:#99a39f}.notice{background:#fff5e3;border:1px solid #f0dfbd;border-radius:8px;padding:12px 15px;margin-bottom:18px;color:#795a22;font-size:12px}.overview{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:21px 22px;min-height:173px}.metric.primary{background:#153f36;border-color:#153f36;color:#fff}.metric-label{color:#52665d;font-size:13px;font-weight:550;display:flex;justify-content:space-between;gap:8px}.primary .metric-label,.primary .metric-detail{color:#c5ddd1}.metric-value{font-size:36px;letter-spacing:-1.4px;font-weight:620;margin:13px 0 4px;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-detail{font-size:13px;color:#52665d}.metric-foot{font-size:13px;color:#52665d;margin-top:21px}.small-dot{display:inline-block;width:5px;height:5px;background:#93aa9b;border-radius:50%;vertical-align:middle;margin-right:5px}.progress-track{height:6px;background:#dae5de;border-radius:6px;overflow:hidden}.primary .progress-track{background:#557d6c;margin:18px 0 8px}.progress-fill{height:100%;background:#148b70;width:0;transition:width .6s}.unit{font-size:17px;letter-spacing:0;font-weight:400;color:#52665d}.period{font-size:12px;font-weight:450;background:#f3f6f3;padding:2px 5px;border-radius:3px;color:#52665d}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{padding:22px 23px 20px;gap:10px}.panel-heading p{font-size:13px;color:#52665d;margin:5px 0 0}.workers-panel{margin-bottom:22px}.workers{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.worker{padding:17px 19px;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.worker:nth-child(5n){border-right:0}.worker:nth-last-child(-n+5){border-bottom:0}.worker-top{gap:8px;margin-bottom:22px}.worker-name{font-size:13px;font-weight:650;white-space:nowrap}.worker-contract{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-subtitle{font-size:13px;color:#52665d;margin:6px 0 13px;min-height:12px}.worker .progress-track{height:5px;margin:8px 0 7px}.worker-bottom{font-size:12px;color:#52665d;gap:6px}.publisher{display:flex;gap:5px;font-size:12px;color:#52665d;border-top:1px dashed #cedbd3;padding-top:12px;margin-top:15px;white-space:nowrap;overflow:hidden}.publisher a,.publisher span:last-child{overflow:hidden;text-overflow:ellipsis}a{color:#066b60;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid #49bea1;outline-offset:3px}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:12px;color:#52665d;text-transform:uppercase;letter-spacing:.6px;font-weight:550;background:#fafcf9;padding:11px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}td{padding:12px 22px;font-size:14px;border-bottom:1px solid #e0e7e2;color:#58675e}tr:last-child td{border-bottom:0}.numeric{text-align:right;font-variant-numeric:tabular-nums}.type-progress{color:var(--teal)}.recent-item{padding:14px 23px;gap:16px;border-top:1px solid #e0e7e2}.recent-item a,.recent-address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.recent-detail{font-size:12px;color:#52665d;margin-top:5px}.recent-time{font-size:13px;color:#52665d;white-space:nowrap}.empty{padding:25px;color:#52665d;text-align:center;font-size:12px}.workers>.empty{grid-column:1/-1}footer{margin-top:23px;font-size:13px;color:#52665d;gap:14px}.worker.stale{background:#fffdf8}@media(min-width:1500px){main{padding-top:52px}}@media(max-width:1100px){main{padding:28px 24px}.workers{grid-template-columns:repeat(2,1fr)}.worker:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.worker:nth-child(2n){border-right:0}.worker:nth-last-child(-n+2){border-bottom:0}.overview{grid-template-columns:repeat(2,1fr)}.lower-grid{gap:14px}th,td{padding-left:15px;padding-right:15px}}@media(max-width:650px){main{padding:24px 16px}.page-header{align-items:flex-start;gap:15px}.connection{flex-direction:column;align-items:flex-end;gap:6px}.connection .muted-text{max-width:95px;text-align:right;font-size:12px}h1{font-size:18px}.brand-mark{width:36px;height:36px}.eyebrow{font-size:12px}.intro{align-items:flex-start;flex-direction:column;gap:14px;margin-top:20px}.intro p{font-size:14px}.overview{gap:10px}.metric{padding:16px;min-height:157px}.metric-value{font-size:28px}.metric-label{font-size:13px}.period{display:none}.metric-foot{font-size:12px}.lower-grid{grid-template-columns:1fr}.panel-heading{padding:18px}.worker{padding:15px 13px}.worker-top{gap:4px}.badge{font-size:12px;padding:4px 6px}.worker-contract{font-size:13px}footer{align-items:flex-start;flex-direction:column;gap:8px}.metric-detail{font-size:13px}}

/* Preserve the larger type when cards and headers have less room. */
.metric { min-width: 0; }
.metric-label { flex-wrap: wrap; }
.primary .progress-fill { background: #75d8b7; }
.worker-top { flex-wrap: wrap; row-gap: 8px; }
.worker-contract { font-size: 14px; }
.worker-bottom { flex-wrap: wrap; row-gap: 3px; }
.publisher { flex-wrap: wrap; row-gap: 3px; }
.publisher a, .publisher span:last-child { min-width: 0; }
.recent-item > div { min-width: 0; }
.recent-item { flex-wrap: wrap; row-gap: 5px; }
.recent-item a, .recent-address { font-size: 13px; }
.panel-heading { flex-wrap: wrap; }
footer { flex-wrap: wrap; }
@media (max-width: 650px) {
  .page-header { flex-wrap: wrap; }
  .connection { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 10px; }
  .connection .muted-text { max-width: none; text-align: left; font-size: 12px; }
  .metric { padding: 15px 13px; }
  .metric-value { font-size: 28px; letter-spacing: -1px; }
  .metric-foot, .metric-detail { font-size: 12px; }
  .worker-contract { font-size: 14px; }
  .badge { padding: 5px 8px; font-size: 12px; }
}
@media (max-width: 480px) {
  .workers { grid-template-columns: minmax(0, 1fr); }
  .worker:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--line); padding: 18px; }
  .worker:last-child { border-bottom: 0; }
  .worker-top { margin-bottom: 16px; }
  .publisher { flex-wrap: nowrap; }
  th, td { padding-left: 12px; padding-right: 12px; }
}