.mon-page{background:var(--bg-card);container-type:inline-size;display:flex;flex-direction:column;gap:var(--space-16);padding:0 var(--space-12) var(--space-24);min-width:0}.mon-toolbar{justify-content:space-between}.mon-status,.mon-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.mon-status{min-width:0}.mon-count{display:inline-flex;align-items:center;gap:var(--space-6);color:var(--text-secondary);font-size:var(--fs-sm)}.mon-count b{font-weight:var(--fw-number);color:var(--text-primary)}.mon-stamp{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}.mon-badge{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-8);border:1px solid var(--border-strong);background:var(--bg-input);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:var(--fw-title);white-space:nowrap}.mon-badge,.mon-dot{border-radius:var(--radius-full)}.mon-dot{width:6px;height:6px;background:currentColor}.mon-badge[data-level=normal]{color:var(--success)}.mon-badge[data-level=warn]{color:var(--warning)}.mon-badge[data-level=danger]{color:var(--error)}.mon-badge[data-level=unknown]{color:var(--text-muted)}.mon-notice{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-4) 0 var(--space-4) var(--space-12);border:0;border-left:2px solid var(--border-strong);color:var(--text-secondary);font-size:var(--fs-sm);line-height:var(--lh-sm)}.mon-notice strong{color:var(--text-primary);font-weight:var(--fw-title)}.mon-note{color:var(--text-muted)}.mon-err,.mon-note{margin:0;font-size:var(--fs-xs);line-height:var(--lh-xs)}.mon-err{color:var(--error)}.mon-foot,.mon-hint{margin:0;color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-grid{display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24) var(--space-24);align-items:start}.mon-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12) 0 0;border:0;border-top:1px solid var(--border);background:transparent;min-width:0}.mon-card[data-size="2"]{grid-column:span 2}.mon-card[data-level=warn]{border-top-color:var(--warning)}.mon-card[data-level=danger]{border-top-color:var(--error)}.mon-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.mon-card-head h4{margin:0;color:var(--text-primary);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-title)}.mon-card-body{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.mon-card-foot{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-empty{align-items:flex-start}.mon-empty,.mon-rows{display:flex;flex-direction:column;gap:var(--space-8)}.mon-rows{min-width:0}.mon-rows[data-scroll=true]{max-height:280px;overflow-y:auto}.mon-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-12);padding:var(--space-8) 0;border-top:1px solid var(--border);min-width:0}.mon-rows>.mon-row:first-child,.mon-rows>:first-child{border-top:0}.mon-row-name{flex:1 1 120px;min-width:0;color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-label);overflow-wrap:anywhere}.mon-row-note{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-row-note[data-level=warn]{color:var(--warning)}.mon-row-note[data-level=danger]{color:var(--error)}.mon-row-num{color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-number);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.mon-metric-value small,.mon-row-num small{margin-left:var(--space-2);color:var(--text-muted);font-size:var(--fs-2xs);font-weight:var(--fw-body)}.mon-row-num[data-level=warn]{color:var(--warning)}.mon-row-num[data-level=danger]{color:var(--error)}.mon-row--metrics{gap:var(--space-8) var(--space-16)}.mon-metric{display:flex;flex-direction:column;gap:var(--space-2);min-width:72px}.mon-metric-label{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-metric-value{color:var(--text-primary);font-size:var(--fs-base);line-height:var(--lh-base);font-weight:var(--fw-number);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mon-metric[data-level=warn] .mon-metric-value,.mon-metric[data-level=warn] .mon-spark{color:var(--warning)}.mon-metric[data-level=danger] .mon-metric-value,.mon-metric[data-level=danger] .mon-spark{color:var(--error)}.mon-metric[data-level=unknown] .mon-metric-value{color:var(--text-muted)}.mon-spark{display:block}.mon-chip,.mon-spark{color:var(--text-secondary)}.mon-chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-badge);background:transparent;font-size:var(--fs-2xs);line-height:var(--lh-2xs);white-space:nowrap}.mon-chip[data-level=normal]{color:var(--success)}.mon-chip[data-level=warn]{color:var(--warning);border-color:var(--warning)}.mon-chip[data-level=danger]{color:var(--error);border-color:var(--error)}.mon-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);color:var(--text-secondary);font-size:var(--fs-xs);line-height:var(--lh-xs)}.mon-groups{gap:var(--space-12);max-height:360px;overflow-y:auto}.mon-groups,.mon-server{display:flex;flex-direction:column;min-width:0}.mon-server{gap:var(--space-4)}.mon-server-name{margin:0;color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:var(--fw-title);overflow-wrap:anywhere}.mon-group{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--border)}.mon-server>.mon-group:first-of-type{border-top:0}.mon-group-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-8) 0;border:0;background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;min-width:0}.mon-group-head:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mon-group-arrow{width:6px;height:6px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(-45deg);transition:transform .15s;flex:none}.mon-group-head[aria-expanded=true] .mon-group-arrow{transform:rotate(45deg)}.mon-group-name{flex:1 1 80px;min-width:0;font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-label);overflow-wrap:anywhere}.mon-group-count{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs);white-space:nowrap}.mon-group>.mon-rows{padding-left:var(--space-12)}.mon-big{display:flex;flex-direction:column;gap:var(--space-4)}.mon-big-value{color:var(--text-primary);font-size:var(--fs-xl);line-height:var(--lh-xl);font-weight:var(--fw-number);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mon-big-value[data-level=danger]{color:var(--error)}.mon-big-sub{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-big-sub[data-level=warn]{color:var(--warning)}.mon-fails{margin:0;padding-left:var(--space-16);color:var(--error);font-size:var(--fs-xs);line-height:var(--lh-xs);overflow-wrap:anywhere}.mon-bars{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.mon-bar-row{display:grid;grid-template-columns:minmax(96px,140px) minmax(0,1fr) auto;align-items:center;gap:var(--space-12);min-width:0}.mon-bar-row--sub{padding-left:var(--space-16)}.mon-bar-name{color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-label);overflow-wrap:anywhere}.mon-bar-row--sub .mon-bar-name{color:var(--text-secondary);font-weight:var(--fw-body)}.mon-bar-track{height:var(--space-6);background:var(--bg-input);overflow:hidden}.mon-bar-fill,.mon-bar-track{display:block;border-radius:var(--radius-full)}.mon-bar-fill{height:100%;background:var(--text-secondary)}.mon-bar-row[data-level=warn] .mon-bar-fill{background:var(--warning)}.mon-bar-row[data-level=danger] .mon-bar-fill{background:var(--error)}.mon-bar-num{color:var(--text-secondary);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.mon-bar-row[data-level=warn] .mon-bar-num{color:var(--warning)}.mon-bar-row[data-level=danger] .mon-bar-num{color:var(--error)}.mon-edit{gap:var(--space-24)}.mon-edit,.mon-edit-section{display:flex;flex-direction:column}.mon-edit-section{gap:var(--space-12);padding:var(--space-16) 0 0;border:0;border-top:1px solid var(--border)}.mon-edit-section>h3{margin:0;color:var(--text-primary);font-size:var(--fs-base);line-height:var(--lh-base);font-weight:var(--fw-title)}.mon-defaults{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-12) var(--space-16);border:1px solid var(--accent);border-radius:var(--radius-card);background:var(--accent-dim);color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs)}.mon-alist,.mon-wlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.mon-wrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-12);padding:var(--space-8) var(--space-4);border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}.mon-alist>:first-child,.mon-wlist>:first-child{border-top:0}.mon-wrow:hover{background:var(--hover-overlay)}.mon-wrow[data-hidden=true]{opacity:.6}.mon-wrow:active{cursor:grabbing}.mon-grip{color:var(--text-muted);display:inline-flex;cursor:grab}.mon-wname{flex:1 1 160px;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.mon-wname strong{color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-label)}.mon-wname small{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-size{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-input);overflow:hidden;background:var(--bg-input);--slide-bg:var(--accent);--slide-radius:0}.mon-size-btn{padding:var(--space-4) var(--space-8);border:0;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--fs-2xs);line-height:var(--lh-2xs);cursor:pointer}.mon-size-btn[aria-pressed=true]{color:var(--accent-ink);font-weight:var(--fw-title)}.mon-size-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}fieldset.mon-group{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:var(--space-12) 0 0;border:0;border-top:1px solid var(--border);border-radius:0;min-width:0}fieldset.mon-group>legend{padding:0 var(--space-6);color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-title)}.mon-trow{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr)) auto;gap:var(--space-8);align-items:start}.mon-trow[data-fields="1"]{--cols:1}.mon-trow[data-fields="2"]{--cols:2}.mon-trow[data-fields="3"]{--cols:3}.mon-trow>.cp-icon-button{margin-top:var(--space-16)}.mon-thgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12)}.mon-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs)}.mon-switch-row>span{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.mon-switch-row small{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-switch-row--sub{padding:var(--space-6) var(--space-4);border-top:1px solid var(--border)}@container (max-width: 640px){.mon-bar-row{grid-template-columns:minmax(0,1fr) auto}.mon-bar-track{grid-column:1/-1;grid-row:2}.mon-grid{grid-template-columns:minmax(0,1fr)}.mon-card[data-size="2"]{grid-column:auto}.mon-thgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-trow,.mon-trow[data-fields="2"],.mon-trow[data-fields="3"]{grid-template-columns:minmax(0,1fr) auto}}@media (prefers-reduced-motion:reduce){.mon-group-arrow,.mon-wrow{transition:none}}.mon-svc-sec+.mon-svc-sec{margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--border)}.mon-svc-title{margin:0 0 var(--space-6);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:var(--fw-title);color:var(--text-muted)}.mon-viewtabs{display:flex;gap:var(--space-4);margin:0 0 var(--space-12);border-bottom:1px solid var(--border);position:relative}.mon-viewtabs button{background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-6) var(--space-8);font-size:var(--fs-xs);color:var(--text-muted);cursor:pointer}.mon-viewtabs button[aria-selected=true]{color:var(--text-primary);font-weight:var(--fw-title)}.mon-ov{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-24);align-items:start;padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card)}.mon-ov-side{flex-direction:column;min-width:0}.mon-ov-donut,.mon-ov-side{display:flex;gap:var(--space-16)}.mon-ov-donut{align-items:center}.mon-ov-ring{stroke:var(--bg-input)}.mon-ov-ring,.mon-ov-seg{fill:none;stroke-width:12}.mon-ov-seg{stroke:var(--text-muted)}.mon-ov-seg[data-level=danger]{stroke:var(--error)}.mon-ov-seg[data-level=warn]{stroke:var(--warning)}.mon-ov-seg[data-level=normal]{stroke:var(--success)}.mon-ov-center{fill:var(--text-primary);font-size:var(--fs-xl);font-weight:var(--fw-number);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mon-ov-center-sub{fill:var(--text-muted);font-size:var(--fs-2xs)}.mon-ov-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-secondary)}.mon-ov-legend li{display:flex;align-items:center;gap:var(--space-6)}.mon-ov-legend li b{margin-left:auto;padding-left:var(--space-12);color:var(--text-primary);font-weight:var(--fw-number);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mon-ov-legend li[data-level=danger] .mon-dot{color:var(--error)}.mon-ov-legend li[data-level=warn] .mon-dot{color:var(--warning)}.mon-ov-legend li[data-level=normal] .mon-dot{color:var(--success)}.mon-ov-legend li[data-level=unknown] .mon-dot,.mon-ov-legend-total{color:var(--text-muted)}.mon-ov-legend-total{font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-ov-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-12)}.mon-ov-kpi{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--space-12);border-left:3px solid var(--border-strong);background:var(--bg-secondary);border-radius:var(--radius-input);min-width:0}.mon-ov-kpi[data-level=danger]{border-left-color:var(--error)}.mon-ov-kpi[data-level=warn]{border-left-color:var(--warning)}.mon-ov-kpi[data-level=normal]{border-left-color:var(--success)}.mon-ov-kpi-label{color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:var(--fw-label)}.mon-ov-kpi-value{color:var(--text-primary);font-size:var(--fs-xl);line-height:var(--lh-xl);font-weight:var(--fw-number);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mon-ov-kpi-value small{margin-left:var(--space-2);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-body)}.mon-ov-kpi-sub{color:var(--text-secondary);font-size:var(--fs-2xs);line-height:var(--lh-2xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mon-ov-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-8)}.mon-ov-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-8) var(--space-12);border:1px solid var(--border);border-radius:var(--radius-input);background:transparent;font:inherit;text-align:left;cursor:pointer;min-width:0}.mon-ov-tile:hover{border-color:var(--border-strong)}.mon-ov-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mon-ov-tile[data-level=danger]{border-color:var(--error);background:color-mix(in srgb,var(--error) 14%,transparent)}.mon-ov-tile[data-level=warn]{border-color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.mon-ov-tile[data-level=normal]{background:color-mix(in srgb,var(--success) 8%,transparent)}.mon-ov-tile-name{max-width:100%;color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mon-ov-tile-meta{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:var(--fs-2xs);line-height:var(--lh-2xs)}.mon-ov-tile[data-level=danger] .mon-dot{color:var(--error)}.mon-ov-tile[data-level=warn] .mon-dot{color:var(--warning)}.mon-ov-tile[data-level=normal] .mon-dot{color:var(--success)}.mon-ov-tile[data-level=unknown] .mon-dot{color:var(--text-muted)}.mon-meter{width:100%;height:var(--space-4);margin-top:var(--space-2);background:var(--bg-input);overflow:hidden}.mon-meter,.mon-meter-fill{display:block;border-radius:var(--radius-full)}.mon-meter-fill{height:100%;background:var(--text-secondary)}.mon-metric[data-level=warn] .mon-meter-fill{background:var(--warning)}.mon-metric[data-level=danger] .mon-meter-fill{background:var(--error)}.mon-hbar{flex:2 1 120px;height:var(--space-6);background:var(--bg-input);overflow:hidden;min-width:60px}.mon-hbar,.mon-hbar-fill{display:block;border-radius:var(--radius-full)}.mon-hbar-fill{height:100%;background:var(--text-secondary)}.mon-hbar[data-level=warn] .mon-hbar-fill{background:var(--warning)}.mon-hbar[data-level=danger] .mon-hbar-fill{background:var(--error)}.mon-cdots{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);max-width:50%}.mon-cdots i{width:var(--space-6);height:var(--space-6);border-radius:2px;background:var(--success)}.mon-cdots i[data-level=warn]{background:var(--warning)}.mon-cdots i[data-level=danger]{background:var(--error)}.mon-cdots i[data-level=unknown]{background:var(--text-muted)}@container (max-width: 640px){.mon-ov{grid-template-columns:minmax(0,1fr)}.mon-ov-donut{justify-content:flex-start}}