.system-monitoring-page{display:grid;gap:18px;align-content:start}.monitoring-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monitoring-status-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--line,#e4e7ee);border-radius:16px;background:var(--surface,#fff)}.monitoring-status-card>div{display:grid;gap:5px;min-width:0}.monitoring-status-card small,.monitoring-kpi-grid small{color:var(--muted,#73798a);font-size:12px}.monitoring-status-card b{font-size:14px;overflow-wrap:anywhere}.monitoring-indicator{display:inline-block;flex:none;width:11px;height:11px;border-radius:50%;background:#38a878;box-shadow:0 0 0 4px #38a8781a}.monitoring-indicator.is-warning{background:#d89928;box-shadow:0 0 0 4px #d899281c}.monitoring-indicator.is-error{background:#cc4b55;box-shadow:0 0 0 4px #cc4b551c}.monitoring-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.monitoring-detail-grid .dashboard-widget,.system-monitoring-page>.dashboard-widget{margin:0}.monitoring-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}.monitoring-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line,#e4e7ee)}.monitoring-facts dt{color:var(--muted,#73798a)}.monitoring-facts dd{margin:0;text-align:left;direction:ltr;font-weight:700;overflow-wrap:anywhere}.monitoring-extension-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.monitoring-extension-list li{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--line,#e4e7ee)}.monitoring-extension-list code{margin-inline-start:auto;padding:4px 8px;border-radius:7px;background:var(--surface-2,#f3f5f8)}.monitoring-extension-list b{min-width:58px;font-size:12px}.monitoring-footnote,.monitoring-refresh-note{margin:14px 0 0;color:var(--muted,#73798a);font-size:12px;line-height:1.8}.monitoring-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monitoring-kpi-grid article{display:grid;gap:9px;padding:16px;border-radius:14px;background:var(--surface-2,#f5f6f8)}.monitoring-kpi-grid article b{font-size:25px;color:var(--ink,#252b3a)}@media(max-width:850px){.monitoring-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.monitoring-status-grid,.monitoring-kpi-grid,.monitoring-facts{grid-template-columns:1fr}.monitoring-status-card{padding:13px}.monitoring-facts>div{align-items:flex-start}.monitoring-facts dd{max-width:58%}}
.server-summary-card{display:grid;gap:12px}.server-summary-card .section-heading{margin:0}.server-summary-state{display:flex;align-items:center;gap:9px;min-width:0}.server-summary-state b{font-size:14px}.server-summary-state small{margin-inline-start:auto;color:var(--muted,#73798a);font-size:11px;direction:ltr}.server-summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-summary-metrics span{display:grid;gap:5px;padding:10px;border-radius:11px;background:var(--surface-2,#f5f6f8);color:var(--muted,#73798a);font-size:10px}.server-summary-metrics b{color:var(--ink,#252b3a);font-size:12px}
.monitoring-hero{position:relative;display:flex;align-items:center;gap:20px;min-height:174px;padding:26px 30px;border-radius:22px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#211c31,#263c45)}.monitoring-hero-warning{background:linear-gradient(115deg,#392e23,#554523)}.monitoring-hero-error{background:linear-gradient(115deg,#38232d,#522b36)}.monitoring-hero-orb{position:absolute;inset:auto 34% -170px auto;width:300px;height:300px;border:1px solid #ffffff1f;border-radius:50%;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff06;pointer-events:none}.monitoring-hero-copy{position:relative;z-index:1;flex:1}.monitoring-hero-copy>span:not(.monitoring-live-dot){font-size:11px;color:#d3dadf}.monitoring-hero-copy h2{margin:8px 0;font-size:22px}.monitoring-hero-copy p{margin:0;color:#c6cbd0;font-size:11px}.monitoring-live-dot{display:inline-block;width:9px;height:9px;margin-inline-end:8px;border-radius:50%;background:#52d6a2;box-shadow:0 0 0 5px #52d6a21c;animation:monitoring-pulse 1.8s infinite}.monitoring-hero-warning .monitoring-live-dot{background:#f4bd51;box-shadow:0 0 0 5px #f4bd511c}.monitoring-hero-error .monitoring-live-dot{background:#ff7782;box-shadow:0 0 0 5px #ff77821c}.monitoring-hero-stat{position:relative;z-index:1;display:grid;gap:4px;min-width:150px;padding:15px 17px;border:1px solid #ffffff25;border-radius:16px;background:#ffffff0c;backdrop-filter:blur(8px)}.monitoring-hero-stat small,.monitoring-hero-stat span{color:#d4d7dc;font-size:10px}.monitoring-hero-stat strong{font-size:29px;line-height:1.2}.monitoring-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.monitoring-resource-card{display:grid;gap:13px;min-width:0;margin:0;padding:18px}.monitoring-resource-heading{display:flex;align-items:center;gap:11px;min-width:0}.monitoring-resource-icon,.monitoring-service-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:13px;background:#e9f5ef;color:#318b68;font-size:17px}.monitoring-tone-blue .monitoring-resource-icon{background:#eaf0fc;color:#5474bd}.monitoring-tone-purple .monitoring-resource-icon{background:#f2ecfb;color:#8661b4}.monitoring-tone-warning .monitoring-resource-icon{background:#fff4df;color:#bd8423}.monitoring-tone-danger .monitoring-resource-icon{background:#fff0f0;color:#bd5057}.monitoring-resource-heading>div{display:grid;gap:3px;min-width:0}.monitoring-resource-heading small,.monitoring-service-card small{font-size:10px;color:var(--muted)}.monitoring-resource-heading h2{margin:0;font-size:13px}.monitoring-resource-value{margin-inline-start:auto;white-space:nowrap;font-size:19px;color:var(--ink)}.monitoring-progress-track{height:9px;overflow:hidden;border-radius:20px;background:var(--surface-2,#f1f2f5);direction:ltr}.monitoring-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#42b58a,#267f66);transition:width .8s cubic-bezier(.2,.7,.2,1)}.monitoring-tone-blue .monitoring-progress-track>span{background:linear-gradient(90deg,#84a3eb,#536db6)}.monitoring-tone-purple .monitoring-progress-track>span{background:linear-gradient(90deg,#b998e3,#8161b4)}.monitoring-tone-warning .monitoring-progress-track>span{background:linear-gradient(90deg,#f0c45e,#ca8d24)}.monitoring-tone-danger .monitoring-progress-track>span{background:linear-gradient(90deg,#f18a85,#bd4652)}.monitoring-resource-card p{margin:0;font-size:10px;color:var(--muted)}.monitoring-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.monitoring-service-card{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:15px}.monitoring-service-card>div:nth-child(2){display:grid;gap:4px;min-width:0}.monitoring-service-card b{font-size:12px}.monitoring-service-card span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.monitoring-service-card>.monitoring-indicator{margin-inline-start:auto}.monitoring-service-icon.is-ok{background:#e9f5ef;color:#318b68}.monitoring-service-icon.is-warning{background:#fff4df;color:#bd8423}.monitoring-service-icon.is-error{background:#fff0f0;color:#bd5057}.monitoring-lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;align-items:start}.monitoring-lower-grid>.dashboard-widget{min-width:0;margin:0;padding:19px}.monitoring-lower-grid .section-heading{margin-bottom:12px}.monitoring-lower-grid .section-heading h2{font-size:15px}.monitoring-count-badge{padding:5px 9px;border-radius:20px;background:var(--surface-2);color:var(--muted);font-size:10px;white-space:nowrap}.monitoring-count-badge.badge-warning{background:#fff4df;color:#a86c13}.monitoring-event-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.monitoring-event-list li{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 0;border-bottom:1px solid var(--line)}.monitoring-event-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#edf5f1;color:#408c70}.monitoring-event-mark.is-danger{background:#fff0f0;color:#bd5057}.monitoring-event-copy{display:grid;gap:3px;min-width:0}.monitoring-event-copy b{font-size:11px}.monitoring-event-copy small{color:var(--muted);font-size:9px;direction:ltr;text-align:right}.monitoring-event-list time{margin-inline-start:auto;white-space:nowrap;color:var(--muted);font-size:9px;direction:ltr}.monitoring-security-empty{display:grid;justify-items:center;gap:8px;padding:25px 8px}.monitoring-security-check{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#e9f5ef;color:#318b68;font-size:21px}.monitoring-security-empty b{font-size:12px}.monitoring-security-empty small,.monitoring-empty-state{font-size:10px;color:var(--muted)}.monitoring-empty-state{padding:22px 0;text-align:center}.monitoring-details{margin:0;padding:0;overflow:hidden}.monitoring-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;cursor:pointer;list-style:none}.monitoring-details summary::-webkit-details-marker{display:none}.monitoring-details summary span{display:grid;gap:3px}.monitoring-details summary b{font-size:13px}.monitoring-details summary small{font-size:10px;color:var(--muted)}.monitoring-details[open] summary>i{transform:rotate(180deg)}.monitoring-details summary>i{transition:transform .2s}.monitoring-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 19px 19px;border-top:1px solid var(--line)}.monitoring-extra-grid .monitoring-facts{padding-top:8px}.monitoring-refresh-note{margin:0}.monitoring-hero-warning .monitoring-hero-copy h2,.monitoring-hero-error .monitoring-hero-copy h2{color:#fff}@keyframes monitoring-pulse{50%{box-shadow:0 0 0 8px #52d6a200}}
@media(max-width:950px){.monitoring-resource-grid,.monitoring-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-lower-grid{grid-template-columns:1fr}}@media(max-width:650px){.monitoring-hero{align-items:stretch;flex-wrap:wrap;padding:21px}.monitoring-hero-copy{flex-basis:100%}.monitoring-hero-stat{flex:1;min-width:0}.monitoring-resource-grid,.monitoring-service-grid,.monitoring-extra-grid{grid-template-columns:1fr}.monitoring-resource-card{padding:15px}.monitoring-hero-copy h2{font-size:19px}}