.monitorMain{padding-top:58px;padding-bottom:90px;min-height:calc(100vh - 150px)}
.monitorIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.monitorIntro h1{font-size:46px}.lastUpdate{color:#4b626e;font-size:12px;text-align:right}.lastUpdate strong{display:block;color:var(--ink);font-size:14px;margin-top:6px}
.summaryCard{margin-top:34px;padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#f6fbfb,#e8f4f5);display:flex;align-items:center;gap:20px}.summaryIcon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#dff3e9;color:#27875e;font-size:16px}.summaryCard small,.monitorCard>small{color:#4c6471;font-size:11px;letter-spacing:1.2px;font-weight:700}.summaryCard h2{font:500 30px Georgia,serif;letter-spacing:-.5px;margin:4px 0}.summaryCard p{margin:0;color:#49616f;font-size:13px}.summaryCard.status-warning .summaryIcon{background:#fff1d9;color:#d28a22}.summaryCard.status-critical .summaryIcon,.summaryCard.status-offline .summaryIcon{background:#fae7e7;color:#c84646}
.networkSection{margin-top:55px}.networkTitle{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.networkTitle h2{font-size:32px}.networkTitle>span{font-size:12px;color:#49616f}.equipmentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.equipmentCard{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px;min-height:175px}.equipmentCard.warning{border-color:#e7bd76}.equipmentCard.critical,.equipmentCard.offline{border-color:#e3a0a0}.equipmentHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.equipmentHead strong{font-size:15px}.equipmentMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid #edf1f3}.equipmentMetrics small,.equipmentMetrics b{display:block}.equipmentMetrics small{font-size:9px;color:#526a76;font-weight:700;letter-spacing:.5px}.equipmentMetrics b{font-size:13px;margin-top:5px}.equipmentFoot{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.serviceTag{font-size:10px;color:#49616f;background:#edf3f4;border-radius:13px;padding:5px 8px}.serviceTag.ok{color:#287a58;background:#e5f5ed}.serviceTag.error{color:#b63737;background:#fae7e7}.networkLoading{grid-column:1/-1;color:#526a76}
.monitorGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.monitorCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:190px;box-shadow:0 12px 30px rgba(30,76,96,.05)}.monitorCard.wide{grid-column:span 2}.cardHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.cardIcon{width:38px;height:38px;border-radius:11px;background:#e9f4f6;color:#1686a1;display:grid;place-items:center;font-size:18px}.statusPill{font-size:11px;font-weight:700;padding:5px 9px;border-radius:14px;background:#edf3f4;color:#526a76}.statusPill.normal{background:#e5f5ed;color:#287a58}.statusPill.warning{background:#fff1d9;color:#a8670c}.statusPill.critical,.statusPill.offline{background:#fae7e7;color:#b63737}.monitorCard>strong{display:block;font:500 29px Georgia,serif;margin:9px 0;color:var(--ink)}.monitorCard>p{font-size:12px;color:#49616f;margin:8px 0}.monitorCard .secondary{color:#71818a}
.progress,.diskProgress{height:7px;background:#edf2f3;border-radius:6px;overflow:hidden;margin-top:18px}.progress i,.diskProgress i{height:100%;display:block;background:#2e94aa;border-radius:inherit;transition:width .3s}.diskList{margin-top:15px}.diskRow+.diskRow{margin-top:17px}.diskMeta{display:flex;justify-content:space-between;gap:15px;color:#49616f;font-size:12px}.diskMeta b{color:var(--ink)}.diskRow.warning .diskProgress i{background:#e7a33b}.diskRow.critical .diskProgress i{background:#d65858}
.privacyNote{margin:24px 4px 0;color:#526a76;font-size:12px;line-height:1.6}.monitorError{padding:16px;border-radius:10px;background:#fae7e7;color:#9b3030}.live.loading span{background:#e7a33b;box-shadow:0 0 0 4px #fff1d9}.live.error span{background:#d65858}.monitorNav .navLink.active:after{background:var(--orange)}
@media(max-width:950px){.monitorGrid{grid-template-columns:repeat(2,1fr)}.equipmentGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.monitorMain{padding-top:38px}.monitorIntro,.networkTitle{align-items:flex-start;flex-direction:column}.lastUpdate{text-align:left}.monitorNav{order:3;width:100%;height:38px;justify-content:flex-start}.monitorIntro h1{font-size:38px}}
@media(max-width:560px){.monitorGrid,.equipmentGrid{grid-template-columns:1fr}.monitorCard.wide{grid-column:auto}.summaryCard{align-items:flex-start;padding:23px}.summaryCard h2{font-size:26px}.monitorCard{min-height:170px}.equipmentMetrics{grid-template-columns:1fr 1fr}}