.monitor-body{background:#070a0f;color:#f5f7fb;min-height:100vh}.monitor-shell{max-width:1500px;margin:auto;padding:28px}.monitor-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.monitor-top h1{margin:.2rem 0;font-size:clamp(1.8rem,4vw,3.2rem)}.monitor-actions{display:flex;gap:10px;align-items:end}.monitor-filter{font-size:.78rem;color:#aeb7c6}.monitor-filter select{display:block;margin-top:4px;background:#121722;color:white;border:1px solid #293142;border-radius:10px;padding:9px 12px}.monitor-summary{display:grid;grid-template-columns:repeat(7,minmax(115px,1fr));gap:10px;margin-bottom:20px}.metric{background:linear-gradient(180deg,#121824,#0d1119);border:1px solid #252d3b;border-radius:15px;padding:14px}.metric b{display:block;font-size:1.75rem}.metric span{color:#9aa6b8;font-size:.75rem}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.event-monitor-card{background:linear-gradient(180deg,#111721,#0b0f16);border:1px solid #242c39;border-radius:18px;padding:17px;box-shadow:0 15px 45px #0005}.event-monitor-card.has-danger{border-color:#8f3341}.event-monitor-card.has-warning:not(.has-danger){border-color:#7d632b}.event-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.event-card-head h2{margin:0;font-size:1.15rem}.event-card-head small{color:#8e99aa}.status-pills{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.pill{border-radius:999px;padding:6px 9px;font-size:.72rem;border:1px solid #2b3341;background:#151b25}.pill.ok{color:#69e2a5;border-color:#245a42}.pill.bad{color:#ff8999;border-color:#6a3038}.pill.warn{color:#ffd17b;border-color:#69572b}.event-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.event-stat{background:#0a0e14;border-radius:10px;padding:9px;text-align:center}.event-stat b{display:block;font-size:1.12rem}.event-stat span{font-size:.68rem;color:#8e99aa}.alerts{display:flex;flex-direction:column;gap:6px;margin-top:12px}.alert-row{font-size:.77rem;padding:7px 9px;border-radius:9px;background:#171c25}.alert-row.danger{color:#ff9aaa;background:#2b1117}.alert-row.warning{color:#ffd68b;background:#28210f}.alert-row.info{color:#a8cfff;background:#102137}.station-list{margin-top:12px;border-top:1px solid #242c39;padding-top:10px}.station-row{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:8px;font-size:.72rem;padding:6px 0;color:#aeb7c6}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#505969;margin-right:5px}.dot.on{background:#4ddd94;box-shadow:0 0 8px #4ddd9477}.ago{font-size:.68rem;color:#758195;margin-top:9px}.empty-monitor{grid-column:1/-1;text-align:center;padding:40px;color:#8e99aa}@media(max-width:900px){.monitor-summary{grid-template-columns:repeat(2,1fr)}.monitor-top{align-items:flex-start;flex-direction:column}.monitor-actions{width:100%;justify-content:space-between}.monitor-grid{grid-template-columns:1fr}.event-stats{grid-template-columns:repeat(2,1fr)}}

.monitor-server{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:10px}@media(max-width:900px){.monitor-server{grid-template-columns:repeat(2,1fr)}}