.stage{min-height:460px;position:relative}.metrics,.skeleton{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.metrics{transition:opacity .2s;position:relative}.metrics[data-refreshing]{opacity:.55}.tile,.skeleton-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:168px;box-shadow:var(--shadow);padding:18px 20px}.tile h3{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;font-size:12.5px;font-weight:600}.tile .note{color:var(--muted);font:500 12px var(--mono)}.requests .counter{font:700 54px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:8px 0 6px;display:block}.ring{place-items:center;display:grid;position:relative}.ring-svg{width:136px;height:136px;transform:rotate(-90deg)}.ring-track,.ring-value{fill:none;stroke-width:9px}.ring-track{stroke:var(--surface-2)}.ring-value{stroke:var(--accent);stroke-linecap:round}.ring-label{place-items:center;line-height:1.1;display:grid;position:absolute}.ring-label strong{font-variant-numeric:tabular-nums;font-size:26px}.ring-label span{color:var(--muted);font-size:12px}.gauges{align-content:center;gap:14px;display:grid}.gauge-head{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.gauge-head strong{font-variant-numeric:tabular-nums}.gauge-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.gauge-fill{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--amber) 70%, var(--coral));transform-origin:0;height:100%}.chart{grid-column:1/-1}.chart-head{justify-content:space-between;align-items:baseline;display:flex}.chart-svg{width:100%;height:200px;display:block;overflow:visible}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-area{fill:url(#cpu-fill);stroke:none}.fill-top{stop-color:var(--accent);stop-opacity:.32}.fill-bottom{stop-color:var(--accent);stop-opacity:0}.alert{background:var(--coral);color:#fff;box-shadow:var(--shadow-lift);border-radius:999px;padding:8px 14px;font-size:13.5px;position:absolute;top:-8px;right:16px}.details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-column:1/-1;padding:16px 20px}.details h3{margin:0 0 8px;font-size:14px}.details dl{grid-template-rows:auto auto;grid-template-columns:repeat(5,auto);grid-auto-flow:column;gap:2px 24px;margin:0;display:grid}.details dt{color:var(--muted);font-size:12px}.details dd{font:600 15px var(--mono);margin:0}.skeleton-tile.wide{grid-column:1/-1;min-height:250px}.skeleton-line{background:var(--line);border-radius:7px;height:14px;margin:10px 0}.skeleton-line.short{width:40%}.skeleton-chart{border-radius:var(--radius-sm);background:var(--line);height:180px;margin-top:16px}.failed{border:1px solid var(--coral);border-radius:var(--radius);padding:24px}@media (width<=760px){.metrics,.skeleton{grid-template-columns:1fr}.details dl{grid-template-rows:none;grid-template-columns:auto auto;grid-auto-flow:row}}