:root{--mn-color-bg:#f7f9fc;--mn-color-surface:#fff;--mn-color-surface-2:#f1f5f9;--mn-color-border:#e2e8f0;--mn-color-text:#1e293b;--mn-color-text-secondary:#64748b;--mn-color-text-muted:#94a3b8;--mn-color-primary:#3498db;--mn-color-primary-soft:#ebf5ff;--mn-color-success:#22c55e;--mn-color-danger:#ef4444;--mn-color-warning:#f59e0b;--mn-shadow-card:0 4px 14px #0000000f;--mn-sidebar-bg:#2c3e50;--mn-sidebar-text:#ffffff8c;--mn-sidebar-text-hover:#ffffffd9;--mn-sidebar-text-active:#fff;--mn-sidebar-hover-bg:#ffffff0f;--mn-sidebar-active-bg:#ffffff1f;--mn-sidebar-border:#ffffff1a}[data-theme=dark]{--mn-color-bg:#0f172a;--mn-color-surface:#1e293b;--mn-color-surface-2:#1e2a3b;--mn-color-border:#334155;--mn-color-text:#f1f5f9;--mn-color-text-secondary:#94a3b8;--mn-color-text-muted:#64748b;--mn-color-primary:#60a5fa;--mn-color-primary-soft:#1e3a5f;--mn-color-success:#34d399;--mn-color-danger:#f87171;--mn-color-warning:#fbbf24;--mn-shadow-card:0 4px 14px #0000004d;--mn-sidebar-bg:#0f172a;--mn-sidebar-text:#94a3b8;--mn-sidebar-text-hover:#f1f5f9;--mn-sidebar-text-active:#f1f5f9;--mn-sidebar-hover-bg:#ffffff14;--mn-sidebar-active-bg:#ffffff1f;--mn-sidebar-border:#334155}[data-theme=ink]{--mn-color-bg:#f4efe6;--mn-color-surface:#faf7f0;--mn-color-surface-2:#efe9de;--mn-color-border:#d4c9b5;--mn-color-text:#1a1408;--mn-color-text-secondary:#4a3f2f;--mn-color-text-muted:#8c7e6a;--mn-color-primary:#1a4a6e;--mn-color-primary-soft:#dce8f0;--mn-color-success:#3d6b4a;--mn-color-danger:#b8432a;--mn-color-warning:#9e7510;--mn-shadow-card:0 2px 12px #1a140814;--mn-sidebar-bg:#1a1408;--mn-sidebar-text:#c4b89e;--mn-sidebar-text-hover:#faf7f0;--mn-sidebar-text-active:#faf7f0;--mn-sidebar-hover-bg:#faf7f014;--mn-sidebar-active-bg:#faf7f01f;--mn-sidebar-border:#3d3422}[data-theme=tech]{--mn-color-bg:#0d1117;--mn-color-surface:#161b22;--mn-color-surface-2:#1c2330;--mn-color-border:#2a3a4e;--mn-color-text:#e6edf3;--mn-color-text-secondary:#a0b4c8;--mn-color-text-muted:#5e7a94;--mn-color-primary:#00d4ff;--mn-color-primary-soft:#00d4ff1a;--mn-color-success:#0fa;--mn-color-danger:#ff4757;--mn-color-warning:#ffa726;--mn-shadow-card:0 0 16px #00d4ff0f, 0 2px 8px #0000004d;--mn-sidebar-bg:#0a0e14;--mn-sidebar-text:#5e7a94;--mn-sidebar-text-hover:#00d4ff;--mn-sidebar-text-active:#00d4ff;--mn-sidebar-hover-bg:#00d4ff0f;--mn-sidebar-active-bg:#00d4ff14;--mn-sidebar-border:#2a3a4e}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--mn-color-text);background:var(--mn-color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}.loading{height:100vh;color:var(--mn-color-text-secondary);justify-content:center;align-items:center;display:flex}.monitor-layout{height:100vh;display:flex;overflow:hidden}.view-container{flex:1;min-height:0;display:flex;overflow:hidden}.monitor-view-container{background:var(--mn-color-surface)}.main-content{flex:1;min-height:0;display:flex;overflow:hidden}.monitor-icon-sidebar.icon-sidebar{background:var(--mn-sidebar-bg);flex-direction:column;align-items:center;width:56px;min-width:56px;padding:8px 0;display:flex}.icon-sidebar-back{width:40px;height:40px;color:var(--mn-sidebar-text);border-radius:8px;justify-content:center;align-items:center;margin-bottom:12px;text-decoration:none;transition:all .2s;display:flex}.icon-sidebar-back:hover{color:var(--mn-sidebar-text-active);background:var(--mn-sidebar-hover-bg)}.icon-sidebar-tabs{flex-direction:column;flex:1;gap:2px;width:100%;display:flex}.icon-tab{cursor:pointer;width:100%;color:var(--mn-sidebar-text);background:0 0;border:none;flex-direction:column;align-items:center;padding:10px 0;transition:all .2s;display:flex;position:relative}.icon-tab:hover{color:var(--mn-sidebar-text-hover);background:var(--mn-sidebar-hover-bg)}.icon-tab.active{color:var(--mn-sidebar-text-active);background:var(--mn-sidebar-active-bg)}.icon-tab.active:before{content:"";background:var(--mn-color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.icon-tab-icon{margin-bottom:3px;font-size:18px}.icon-tab-label{font-size:10px;line-height:1.2}.icon-sidebar-bottom{border-top:1px solid var(--mn-sidebar-border);width:100%;padding-top:8px}.monitor-main-panel{background:var(--mn-color-surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.monitor-main-header{border-bottom:1px solid var(--mn-color-border);background:var(--mn-color-surface-2);padding:16px 28px 10px}.monitor-main-header h1{color:var(--mn-color-text);margin:0;font-size:22px;font-weight:600}.monitor-main-header p{color:var(--mn-color-text-secondary);margin-top:4px;font-size:13px}.monitor-main-body{background:var(--mn-color-bg);flex:1;min-height:0;padding:14px 20px 20px;overflow-y:auto}.monitor-main-body .ant-card{border-color:#e4e9ef;border-radius:10px;box-shadow:0 2px 10px #1622330a}.monitor-main-body .ant-card-head{min-height:46px}.monitor-main-body .ant-card-head-title{color:#3f556d;font-weight:600}.monitor-main-body .ant-table-wrapper .ant-table{border-radius:8px}.monitor-main-body .ant-input,.monitor-main-body .ant-input-affix-wrapper,.monitor-main-body .ant-btn,.monitor-main-body .ant-select-selector{border-radius:6px}.monitor-page{flex-direction:column;gap:14px;display:flex}.monitor-hero{background:radial-gradient(circle at 100% 0,#7395b429,#0000 34%),linear-gradient(135deg,#f8fbfd 0%,#eef4f9 100%);border:1px solid #dce5ef;border-radius:18px;box-shadow:0 10px 26px #1a2a3d14}.monitor-hero .ant-card-body{justify-content:space-between;align-items:stretch;gap:18px;padding:22px 24px;display:flex}.monitor-hero-main{flex:1;min-width:0}.monitor-hero-main h2{color:#1e3145;margin:0;font-size:28px;line-height:1.2}.monitor-hero-main p{color:#667a8f;max-width:560px;margin-top:10px;font-size:14px;line-height:1.75}.monitor-hero-kicker{letter-spacing:.12em;text-transform:uppercase;color:#6886a5;margin-bottom:10px;font-size:12px;display:inline-block}.monitor-hero-actions{flex-direction:column;align-items:flex-end;gap:10px;min-width:260px;display:flex}.hero-badge-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hero-meta-item{color:#6d8094;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.hero-meta-item strong{color:#203246;font-size:15px}.hero-auto-refresh{color:#718398;font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dfe7f1;border-radius:16px;box-shadow:0 8px 18px #1725340f}.metric-card .ant-card-body{padding:18px 18px 16px}.metric-card.level-normal{border-left:4px solid #4f8a5b}.metric-card.level-high{border-left:4px solid #c48a36}.metric-card.level-danger{border-left:4px solid #c45c5c}.metric-card.level-na{border-left:4px solid #d0d7df}.hero-services-row{flex-wrap:wrap;gap:10px;margin-bottom:4px;display:flex}.metric-card-header{color:#536579;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.metric-value{letter-spacing:-.03em;margin:12px 0 10px;font-size:34px;font-weight:700;line-height:1}.metric-subtitle{color:#6f8094;min-height:38px;margin-top:10px;font-size:12px;line-height:1.6}.monitor-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:14px;display:grid}.trend-card,.host-info-card,.sample-table-card{border:1px solid #dfe7f1;border-radius:16px;box-shadow:0 8px 18px #1725340f}.trend-card .ant-card-body,.host-info-card .ant-card-body,.sample-table-card .ant-card-body{padding:18px}.chart-card-header{color:#6f8094;margin-bottom:10px;font-size:12px}.mini-line-chart{background:linear-gradient(#f4f7fbe6 0%,#fafcfef2 100%);border:1px solid #ebf0f5;border-radius:12px;min-height:280px;padding:10px 8px 0}.host-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.host-info-item{background:#f7fafc;border:1px solid #e7eef5;border-radius:12px;min-width:0;padding:14px 14px 12px}.host-info-item-wide{grid-column:span 2}.host-info-item span{color:#74859a;margin-bottom:8px;font-size:12px;display:block}.host-info-item strong{color:#203246;font-size:15px}.host-info-item .ant-typography{color:#203246;margin-bottom:0}.sample-table-card .ant-table-thead>tr>th{background:#f7fafc}.sample-metric-cell{grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:10px;display:grid}@media (width<=1024px){.monitor-main-header{padding:14px 18px 10px}.monitor-main-body{padding:12px 14px 16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-main-grid{grid-template-columns:1fr}}@media (width<=820px){.monitor-layout{flex-direction:column;height:auto;min-height:100vh}.monitor-icon-sidebar.icon-sidebar{flex-direction:row;gap:6px;width:100%;min-width:100%;height:auto;padding:6px}.icon-sidebar-back{flex-shrink:0;margin:0}.icon-sidebar-tabs{flex-direction:row;gap:0;overflow-x:auto}.icon-tab{min-width:62px;padding:8px 2px}.icon-tab.active:before{border-radius:2px 2px 0 0;width:auto;height:3px;inset:auto 8px 0}.icon-sidebar-bottom{border-top:none;border-left:1px solid #ffffff1a;width:auto;padding-top:0;padding-left:6px}.view-container{flex-direction:column}.monitor-hero .ant-card-body{flex-direction:column;padding:18px}.monitor-hero-main h2{font-size:24px}.monitor-hero-actions,.hero-meta-item{align-items:flex-start}.hero-badge-row{justify-content:flex-start}.metric-grid,.host-info-grid{grid-template-columns:1fr}.host-info-item-wide{grid-column:span 1}.sample-metric-cell{grid-template-columns:1fr;gap:6px}}.sp-root{flex-direction:column;gap:12px;display:flex}.sp-statusbar{background:#1a2332;border-radius:12px;align-items:center;gap:20px;min-height:56px;padding:12px 20px;display:flex}.sp-statusbar-host{flex-shrink:0}.sp-statusbar-hostname{color:#fff;white-space:nowrap;font-size:14px;font-weight:700}.sp-statusbar-os{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:11px;overflow:hidden}.sp-statusbar-services{flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.sp-svc-item{color:#cbd5e1;align-items:center;gap:5px;font-size:12px;display:flex}.sp-svc-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sp-svc-dot.up{background:#22c55e;box-shadow:0 0 5px #22c55e88}.sp-svc-dot.down{background:#ef4444}.sp-statusbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.sp-meta-item{color:#94a3b8;white-space:nowrap;font-size:11px}.sp-meta-item strong{color:#cbd5e1;font-size:12px;font-weight:500;display:block}.sp-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sp-metric-tile{background:var(--mn-color-surface);border:1px solid var(--mn-color-border);border-left:3px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:box-shadow .2s}.sp-metric-tile:hover{box-shadow:0 4px 14px #00000012}.sp-metric-tile.level-normal{border-left-color:#22c55e}.sp-metric-tile.level-high{border-left-color:#f59e0b}.sp-metric-tile.level-danger{border-left-color:#ef4444}.sp-metric-tile.level-na{border-left-color:#cbd5e1}.sp-tile-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sp-tile-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:11px;font-weight:600}.sp-tile-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.sp-tile-dot.normal{background:#22c55e}.sp-tile-dot.high{background:#f59e0b}.sp-tile-dot.danger{background:#ef4444}.sp-tile-value{font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:20px;font-weight:700;line-height:1}.sp-tile-value.normal{color:#22c55e}.sp-tile-value.high{color:#f59e0b}.sp-tile-value.danger{color:#ef4444}.sp-tile-value.na{color:#94a3b8}.sp-tile-note{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;overflow:hidden}.sp-main{background:var(--mn-color-surface);border:1px solid var(--mn-color-border);border-radius:12px;padding:0 16px 16px}.sp-main .ant-tabs-nav{margin-bottom:12px}.sp-main .ant-tabs-tab{padding:10px 4px;font-size:13px}.sp-host-grid{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.sp-host-row{border-bottom:1px solid #f1f5f9;align-items:baseline;gap:10px;padding:7px 0;display:flex}.sp-host-row:nth-child(odd){padding-right:20px}.sp-host-key{color:#94a3b8;flex-shrink:0;min-width:80px;font-size:12px}.sp-host-val{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}@media (width<=1024px){.sp-metrics{grid-template-columns:repeat(4,1fr)}}@media (width<=860px){.sp-metrics{grid-template-columns:repeat(2,1fr)}.sp-statusbar{flex-wrap:wrap;gap:10px}.sp-statusbar-services{justify-content:flex-start}}[data-theme=ink] .monitor-icon-sidebar.icon-sidebar{background:#1a1408}[data-theme=ink] .icon-tab{color:#c4b89e}[data-theme=ink] .icon-tab:hover{color:#faf7f0;background:#faf7f014}[data-theme=ink] .icon-tab.active{color:#faf7f0;background:#faf7f01f}[data-theme=ink] .icon-tab.active:before{background:#b8432a}[data-theme=ink] .icon-sidebar-back{color:#8c7e6a}[data-theme=ink] .icon-sidebar-back:hover{color:#faf7f0;background:#faf7f014}[data-theme=ink] .icon-sidebar-bottom{border-top-color:#3d3422}[data-theme=ink] .monitor-main-header{background:#faf7f0;border-bottom:2px solid #1a4a6e}[data-theme=ink] .monitor-main-header h1{font-family:STKaiti,KaiTi,Noto Serif SC,serif}[data-theme=ink] .sp-statusbar{background:#2c2416}[data-theme=ink] .sp-metric-tile,[data-theme=ink] .sp-main{background:#faf7f0;border-color:#d4c9b5}[data-theme=ink] .monitor-main-body{background:repeating-linear-gradient(0deg,#0000,#0000 28px,#b4a07808 28px 29px),linear-gradient(135deg,#f4efe6 0%,#ede5d8 50%,#f4efe6 100%)}[data-theme=ink] .monitor-main-body .ant-card{background:#faf7f0;border-color:#d4c9b5}[data-theme=tech] .monitor-icon-sidebar.icon-sidebar{background:#0a0e14;border-right:1px solid #2a3a4e}[data-theme=tech] .icon-tab{color:#5e7a94}[data-theme=tech] .icon-tab:hover{color:#00d4ff;background:#00d4ff0f}[data-theme=tech] .icon-tab.active{color:#00d4ff;background:#00d4ff14}[data-theme=tech] .icon-tab.active:before{background:linear-gradient(#00d4ff,#0fa);box-shadow:0 0 8px #00d4ff80}[data-theme=tech] .icon-sidebar-back{color:#5e7a94}[data-theme=tech] .icon-sidebar-back:hover{color:#00d4ff;background:#00d4ff0f}[data-theme=tech] .icon-sidebar-bottom{border-top-color:#2a3a4e}[data-theme=tech] .monitor-main-header{background:#0d1117;border-bottom:1px solid #2a3a4e;position:relative}[data-theme=tech] .monitor-main-header:after{content:"";background:linear-gradient(90deg,#00d4ff,#0000 50%);width:100%;height:1px;position:absolute;bottom:-1px;left:0}[data-theme=tech] .monitor-main-header h1{font-family:JetBrains Mono,Inter,-apple-system,sans-serif}[data-theme=tech] .sp-statusbar{background:#0a0e14;border:1px solid #2a3a4e;box-shadow:0 0 16px #00d4ff0d}[data-theme=tech] .sp-metric-tile{background:#161b22;border-color:#2a3a4e;transition:box-shadow .3s}[data-theme=tech] .sp-metric-tile:hover{box-shadow:0 0 16px #00d4ff14}[data-theme=tech] .sp-main{background:#161b22;border-color:#2a3a4e}[data-theme=tech] .monitor-main-body{background:linear-gradient(#00d4ff05 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#00d4ff05 1px,#0000 1px) 0 0/40px 40px,#0d1117 0 0/100% 100%}[data-theme=tech] .monitor-main-body .ant-card{background:#161b22;border-color:#2a3a4e;box-shadow:0 0 12px #00d4ff0a}[data-theme=tech] .sp-tile-value.normal{color:#0fa;text-shadow:0 0 6px #00ffaa4d}[data-theme=tech] .sp-tile-value.high{color:#ffa726}[data-theme=tech] .sp-tile-value.danger{color:#ff4757;text-shadow:0 0 6px #ff47574d}[data-theme=tech] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=tech] ::-webkit-scrollbar-track{background:#0d1117}[data-theme=tech] ::-webkit-scrollbar-thumb{background:#2a3a4e;border-radius:3px}[data-theme=tech] ::-webkit-scrollbar-thumb:hover{background:#00d4ff}[data-theme=dark] .monitor-icon-sidebar.icon-sidebar{background:#0f172a;border-right:1px solid #334155}[data-theme=dark] .sp-statusbar{background:#0f172a;border:1px solid #334155}[data-theme=dark] .sp-metric-tile,[data-theme=dark] .sp-main,[data-theme=dark] .monitor-main-body .ant-card{background:#1e293b;border-color:#334155}