.monitoring-heading{align-items:flex-start}.monitor-download{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.monitor-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.monitor-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.monitor-summary p,.monitor-summary b,.monitor-summary small{display:block;margin:0}.monitor-summary b{font:800 22px Manrope}.monitor-summary small{font-size:10px;color:var(--muted);margin-top:2px}.monitor-dot{width:34px;height:34px;border-radius:10px;background:#eef3f9;position:relative}.monitor-dot:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;inset:12px}.monitor-dot.online{background:#e8f8ef}.monitor-dot.online:after{background:#22a06b}.monitor-dot.offline{background:#f1f4f8}.monitor-dot.offline:after{background:#94a3b8}.monitor-dot.pending{background:#fff5df}.monitor-dot.pending:after{background:#f59e0b}.monitor-dot.neutral{background:#eaf3ff}.monitor-dot.neutral:after{background:#1683ed}.monitor-notice{display:flex;gap:10px;align-items:center;background:#eef7ff;border:1px solid #c9e2fb;border-radius:11px;padding:12px 15px;margin-bottom:16px;color:#315b80;font-size:10px}.monitor-notice b{color:#0c5ea8;white-space:nowrap}.monitor-filters{margin-bottom:14px}.monitor-filters input{flex:1}.monitor-table-panel{overflow-x:auto}.monitor-table-panel table{min-width:1220px}.monitor-table-panel td{vertical-align:middle}.monitor-table-panel td>b,.monitor-table-panel td>small{display:block}.monitor-table-panel td>small{color:var(--muted);margin-top:3px;max-width:190px}.monitor-table-panel th:last-child,.monitor-table-panel td:last-child{position:sticky;right:0;background:#fff;z-index:2;box-shadow:-10px 0 18px rgba(23,54,86,.08)}.monitor-table-panel th:last-child{background:#f4f8fd;z-index:3}.monitor-state{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;white-space:nowrap}.monitor-state i{width:7px;height:7px;border-radius:50%}.monitor-state.online{color:#168454}.monitor-state.online i{background:#22a06b;box-shadow:0 0 0 4px #e8f8ef}.monitor-state.offline{color:#718096}.monitor-state.offline i{background:#94a3b8}.monitor-actions{display:grid;gap:6px;min-width:152px}.monitor-actions button:disabled{opacity:.55;cursor:not-allowed}.monitor-empty{text-align:center!important;padding:30px!important;color:var(--muted)}.monitor-error{color:#b84242}.monitor-process-modal{width:min(850px,94vw);padding:0;max-height:88vh}.monitor-process-modal>.modal-head{padding:22px 24px 14px}.monitor-process-tools{display:flex;align-items:center;gap:12px;padding:0 24px 14px}.monitor-process-tools input{flex:1}.monitor-process-tools span{font-size:9px;color:var(--muted)}.monitor-process-table{max-height:58vh;margin:0 24px 24px;border:1px solid var(--line);border-radius:10px}.monitor-process-table table{width:100%}.monitor-process-table th{position:sticky;top:0;background:#f4f8fd;z-index:1}@media(max-width:900px){.monitor-summary{grid-template-columns:1fr 1fr}.monitoring-heading{display:grid;gap:12px}.monitor-download{width:100%}}@media(max-width:560px){.monitor-summary{grid-template-columns:1fr}.monitor-notice{align-items:flex-start;flex-direction:column}.monitor-process-tools{align-items:stretch;flex-direction:column}}