.monitor-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.monitor-header h2{font-size:25px;letter-spacing:-.6px;color:#3d5071;font-weight:550;margin:12px 0}.monitor-header p,.monitor-help{color:#8190a6;font-size:12px;line-height:1.9}.monitor-header>button{flex-shrink:0;font-size:11px}.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:25px 0 16px}.monitor-toolbar>span{color:#8b99ad;font-size:10px;line-height:1.8}.monitor-ranges{display:flex;gap:4px;background:#f1f4fa;border-radius:8px;padding:4px}.monitor-ranges button{padding:8px 12px;font-size:11px;color:#7d8da5;white-space:nowrap}.monitor-ranges button.active{background:#fff;color:#4168be;box-shadow:0 2px 6px #354f7910}.monitor-notice{border:1px solid #dfebe6;border-radius:8px;background:#f5fbf8;padding:12px 14px;color:#558475;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.monitor-notice[data-state=stale],.monitor-notice[data-state=warning]{background:#fffaf1;border-color:#efdfbd;color:#a17b3b}.monitor-notice[data-state=empty]{background:#f7f9fc;border-color:#e4eaf3;color:#8290a5}.monitor-error{font-size:12px;line-height:1.8;color:#b56b63;overflow-wrap:anywhere;min-height:1px}.monitor-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.monitor-metric{border:1px solid #e6edf5;border-radius:11px;padding:19px;background:#fbfcff;min-width:0}.monitor-metric h3{font-size:11px;color:#8291a8;font-weight:400;margin:0 0 12px}.monitor-metric strong{font-size:23px;font-weight:550;color:#425b7d;letter-spacing:-.3px;overflow-wrap:anywhere}.monitor-metric p{margin:11px 0 0;font-size:10px;line-height:1.9;color:#94a0b3;overflow-wrap:anywhere}.monitor-charts{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}.monitor-chart-card{border:1px solid #e6edf5;border-radius:11px;padding:18px 17px 12px;background:#fff;min-width:0}.monitor-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.monitor-chart-heading h3{font-size:12px;font-weight:550;color:#546b8b;margin:0}.monitor-legend{display:flex;gap:13px;font-size:10px;color:#8b99ad}.monitor-legend span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px}.monitor-legend-cpu{color:#5f80db}.monitor-legend-memory{color:#32a38b}.monitor-legend-disk{color:#d6a74a}.monitor-legend-rx{color:#5f80db}.monitor-legend-tx{color:#9a78ce}.monitor-chart-card svg{display:block;width:100%;height:auto;overflow:visible;min-width:0}.monitor-grid-line{stroke:#edf1f7;stroke-width:1}.monitor-axis-text{fill:#97a4b6;font-size:9px;font-family:inherit}.monitor-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.monitor-series-cpu,.monitor-series-rx{stroke:#5f80db}.monitor-series-memory{stroke:#32a38b}.monitor-series-disk{stroke:#d6a74a}.monitor-series-tx{stroke:#9a78ce}.monitor-line-point.monitor-series-cpu,.monitor-line-point.monitor-series-rx{fill:#5f80db}.monitor-line-point.monitor-series-memory{fill:#32a38b}.monitor-line-point.monitor-series-disk{fill:#d6a74a}.monitor-line-point.monitor-series-tx{fill:#9a78ce}.monitor-chart-caption{font-size:10px;color:#98a5b6;line-height:1.8;margin:0}.monitor-chart-empty{min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;color:#a1adbc;font-size:11px;line-height:1.8;padding:20px}.monitor-empty{padding:34px 22px;border:1px dashed #dce4ef;border-radius:10px;text-align:center;font-size:12px;color:#8b99ad;line-height:1.9;margin:20px 0}.monitor-settings{border-top:1px solid #e9eef5;padding-top:18px;margin-top:25px}.monitor-settings summary{font-size:12px;color:#687f9f;cursor:pointer}.monitor-settings form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:14px 0}.monitor-settings label{display:block;flex:1;min-width:100px;max-width:180px;font-size:11px;color:#7f8fa6;line-height:1.8}.monitor-settings input{display:block;width:100%;padding:9px 11px;border:1px solid #e0e6ef;border-radius:7px;background:#fff;margin-top:6px;color:#536b8d;font-size:12px}.monitor-settings button{font-size:11px;padding:10px 15px}.monitor-settings-message{font-size:11px;color:#75918b;line-height:1.8}.monitor-footnote{border-top:1px solid #edf1f6;padding-top:16px;margin-top:23px}@media(max-width:1000px){.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.monitor-header{display:block}.monitor-header h2{font-size:21px}.monitor-header>button{margin-top:8px}.monitor-metrics{gap:10px}.monitor-metric{padding:15px 12px}.monitor-metric strong{font-size:20px}.monitor-chart-card{padding:16px 10px 10px}.monitor-toolbar{align-items:flex-start;margin-top:20px}.monitor-ranges button{padding:8px 9px}.monitor-settings label{max-width:none}.monitor-chart-heading{gap:12px}.monitor-chart-heading h3{font-size:11px}.monitor-legend{gap:10px;font-size:9px}}@media(max-width:370px){.monitor-metrics{grid-template-columns:1fr}.monitor-ranges button{padding:8px 7px;font-size:10px}}