.monitoring-loading{min-height:320px;display:grid;place-content:center;gap:14px;text-align:center}.monitoring-loading span{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:auto}.monitoring-page{display:grid;gap:18px}.monitoring-hero{padding:28px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px}.monitoring-hero p,.monitoring-grid .panel-head p{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.13em}.monitoring-hero h2{font-size:26px;margin:6px 0}.monitoring-hero small,.health-check-list small,.incident-list small,.monitoring-privacy small{color:var(--muted);line-height:1.45}.monitoring-hero>div:nth-child(2){text-align:right}.monitoring-hero>div:nth-child(2) strong{display:block;font-size:30px}.monitoring-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px}.monitoring-grid>article{padding:24px}.health-check-list,.incident-list{display:grid;margin-top:18px}.health-check-list>div,.incident-list>article{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line)}.health-check-list span,.incident-list>article>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;flex:none}.health-check-list .healthy span,.incident-list .resolved span{background:#dcfce7;color:#167a41}.health-check-list .degraded span,.incident-list>article:not(.resolved)>span{background:#fee2e2;color:#b42318}.health-check-list p,.incident-list p,.monitoring-privacy p{display:grid;gap:4px;flex:1}.incident-list b{font-size:11px;color:#167a41}.monitoring-privacy{padding:18px 22px;display:flex;gap:12px}.monitoring-privacy>span{color:var(--accent)}@media(max-width:900px){.monitoring-hero{grid-template-columns:1fr}.monitoring-hero>div:nth-child(2){text-align:left}.monitoring-grid{grid-template-columns:1fr}}
