.server-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.server-toolbar .copy{margin-right:auto}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.metric{padding:14px 0;border-top:1px solid var(--line)}.metric strong{display:block;font-size:22px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.chart-periods{display:flex;gap:4px}.chart-periods button{border:1px solid var(--line);background:#172033;color:#cbd5e1;padding:7px 10px;border-radius:5px;cursor:pointer}.chart-periods button.active{background:#34d399;color:#052015;border-color:#34d399}.chart-wrap{height:340px;position:relative}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.server-properties{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.server-property{background:var(--panel);padding:13px}.server-property span{display:block;color:var(--muted);font-size:12px}.server-property strong{overflow-wrap:anywhere}.loading .chart-wrap{opacity:.55}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(3,1fr)}.server-properties{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.metric-grid{grid-template-columns:repeat(2,1fr)}.chart-head{align-items:flex-start;flex-direction:column}.chart-wrap{height:280px}.server-properties{grid-template-columns:1fr}}