.system-monitor{margin-bottom:22px;background:#10261d;color:#fff;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.monitor-head h2{color:#fff}.monitor-head p{color:#9eb9ad;font-size:13px}.monitor-head>span{font-size:12px;font-weight:800;color:#b8c8c0}.monitor-head>span.online{color:#62dfa9}.monitor-head>span.offline{color:#ff9494}.monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.monitor-card{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:17px}.monitor-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.monitor-label span{font-size:13px;color:#b9cec4}.monitor-label strong{font-size:22px}.meter{height:9px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin-bottom:10px}.meter i{display:block;width:0;height:100%;background:#42cf93;border-radius:inherit;transition:width .45s ease,background .2s ease}.meter i.warning{background:#f1bd4b}.meter i.danger{background:#f06767}.monitor-card small{color:#8eaa9e}.network-rates{display:grid;gap:7px;margin:5px 0 11px}.network-rates span{display:flex;justify-content:space-between;color:#a9c0b6;font-size:12px}.network-rates b{color:#fff;font-size:13px}@media(max-width:850px){.monitor-grid{grid-template-columns:1fr}.monitor-head{align-items:flex-start}}