.monitor{margin:2px 0 0;padding:27px 26px 0;border:1px solid #415544;border-radius:15px;background:linear-gradient(125deg,#1d3026,var(--panel) 68%)}
.monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.monitor-heading .eyebrow{color:var(--mint);font-size:9px;letter-spacing:2.6px;margin-bottom:10px}.monitor-heading h2{font-size:23px;font-weight:500;margin:0;letter-spacing:-.5px}.host-badge{font-size:9px;font-weight:400;letter-spacing:1px;border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:4px 6px;vertical-align:middle;margin-left:8px}.monitor-description{font-size:11px;color:var(--muted);margin:9px 0 0}.monitor-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:10px;color:var(--muted)}.metrics-state{display:inline-flex;gap:7px;align-items:center}.metrics-state:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--muted)}.metrics-state.connected{color:var(--mint)}.metrics-state.connected:before{background:var(--mint);box-shadow:0 0 10px #b9efd530}.metrics-state.disconnected{color:#d5a36d}.metrics-state.disconnected:before{background:#d5a36d}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{min-width:0;padding:19px 17px 0;background:var(--bg);border:1px solid var(--line);border-radius:10px;overflow:hidden;--accent:#b9efd5}.memory-card{--accent:#aebeea}.disk-card{--accent:#d9c28e}.network-card{--accent:#9bcce8}.metric-label{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:var(--text)}.metric-label>span:last-child{color:var(--muted);font-size:9px}.metric-value{font-size:34px;font-weight:500;letter-spacing:-1.5px;margin:20px 0 13px;font-variant-numeric:tabular-nums}.metric-value small{font-size:15px;color:var(--muted);margin-left:5px;letter-spacing:0}.metric-card progress{display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;appearance:none;background:var(--line);accent-color:var(--accent)}.metric-card progress::-webkit-progress-bar{background:var(--line)}.metric-card progress::-webkit-progress-value{background:var(--accent);border-radius:4px}.metric-card progress::-moz-progress-bar{background:var(--accent);border-radius:4px}.metric-card progress.high{--accent:#dda879}.metric-card p{font-size:9px;color:var(--muted);line-height:1.7;margin:12px 0 0;min-height:30px}.sparkline{display:block;width:100%;height:58px;overflow:visible;margin-top:5px}.sparkline path{stroke:var(--accent);fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}#tx-chart{stroke:#d3b0df}.disk-space{height:63px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:6px}.disk-space strong{font-weight:400;color:var(--accent);font-size:17px;white-space:nowrap}.network-speeds{display:grid;gap:13px;margin:19px 0 4px}.network-speeds>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.network-speeds span{font-size:10px;white-space:nowrap}.network-speeds strong{font-size:17px;letter-spacing:-.5px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.rx-label{color:#9bcce8}.tx-label{color:#d3b0df}.monitor-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;color:var(--muted);font-size:10px;padding:18px 0;line-height:1.8}.monitor-footer strong{color:var(--text);font-weight:400;margin-left:7px}.monitor-footer>span:last-child{margin-left:auto;font-size:9px}.is-stale .metric-grid{opacity:.55}.light .monitor{background:linear-gradient(125deg,#e9f0e4,var(--panel) 68%);border-color:var(--line)}.light .metric-card{--accent:#397957}.light .memory-card{--accent:#697faf}.light .disk-card{--accent:#977c38}.light .network-card{--accent:#397b9d}.light .rx-label{color:#397b9d}.light .tx-label{color:#9664a5}.light #tx-chart{stroke:#9664a5}@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:18px 18px 0}.monitor-footer>span:last-child{margin-left:0}.metric-card p{min-height:18px}}@media(max-width:740px){.monitor{padding:20px 14px 0}.monitor-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.monitor-heading h2{font-size:18px}.host-badge{display:none}.monitor-heading .eyebrow{font-size:8px}.monitor-description{font-size:10px}.monitor-status{font-size:9px;max-width:150px;text-align:right;line-height:1.5}.metric-grid{gap:10px}.metric-card{padding:15px 12px 0}.metric-value{font-size:29px;margin-top:18px}.metric-label{font-size:10px}.metric-label>span:last-child{font-size:8px}.metric-card p{font-size:9px;min-height:31px}.network-speeds strong{font-size:14px}.network-speeds{gap:12px}.disk-space strong{font-size:15px}.monitor-footer{gap:6px 14px;font-size:9px}.monitor-footer>span:last-child{width:100%;font-size:8px}}@media(max-width:360px){.metric-grid{grid-template-columns:1fr}.monitor-heading{flex-wrap:wrap}.monitor-status{align-items:flex-start;text-align:left}.network-speeds strong{font-size:18px}}