:root{--mn-color-bg: #f7f9fc;--mn-color-surface: #ffffff;--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 rgba(0, 0, 0, .06);--mn-sidebar-bg: #2c3e50;--mn-sidebar-text: rgba(255, 255, 255, .55);--mn-sidebar-text-hover: rgba(255, 255, 255, .85);--mn-sidebar-text-active: #ffffff;--mn-sidebar-hover-bg: rgba(255, 255, 255, .06);--mn-sidebar-active-bg: rgba(255, 255, 255, .12);--mn-sidebar-border: rgba(255, 255, 255, .1)}[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 rgba(0, 0, 0, .3);--mn-sidebar-bg: #0f172a;--mn-sidebar-text: #94a3b8;--mn-sidebar-text-hover: #f1f5f9;--mn-sidebar-text-active: #f1f5f9;--mn-sidebar-hover-bg: rgba(255, 255, 255, .08);--mn-sidebar-active-bg: rgba(255, 255, 255, .12);--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 rgba(26, 20, 8, .08);--mn-sidebar-bg: #1a1408;--mn-sidebar-text: #c4b89e;--mn-sidebar-text-hover: #faf7f0;--mn-sidebar-text-active: #faf7f0;--mn-sidebar-hover-bg: rgba(250, 247, 240, .08);--mn-sidebar-active-bg: rgba(250, 247, 240, .12);--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: rgba(0, 212, 255, .1);--mn-color-success: #00ffaa;--mn-color-danger: #ff4757;--mn-color-warning: #ffa726;--mn-shadow-card: 0 0 16px rgba(0, 212, 255, .06), 0 2px 8px rgba(0, 0, 0, .3);--mn-sidebar-bg: #0a0e14;--mn-sidebar-text: #5e7a94;--mn-sidebar-text-hover: #00d4ff;--mn-sidebar-text-active: #00d4ff;--mn-sidebar-hover-bg: rgba(0, 212, 255, .06);--mn-sidebar-active-bg: rgba(0, 212, 255, .08);--mn-sidebar-border: #2a3a4e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color:var(--mn-color-text);background:var(--mn-color-bg)}.loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--mn-color-text-secondary)}.monitor-layout{display:flex;height:100vh;overflow:hidden}.view-container{display:flex;flex:1;overflow:hidden;min-height:0}.monitor-view-container{background:var(--mn-color-surface)}.main-content{flex:1;display:flex;overflow:hidden;min-height:0}.monitor-icon-sidebar.icon-sidebar{width:56px;min-width:56px;background:var(--mn-sidebar-bg);display:flex;flex-direction:column;align-items:center;padding:8px 0}.icon-sidebar-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--mn-sidebar-text);margin-bottom:12px;border-radius:8px;transition:all .2s;text-decoration:none}.icon-sidebar-back:hover{color:var(--mn-sidebar-text-active);background:var(--mn-sidebar-hover-bg)}.icon-sidebar-tabs{flex:1;display:flex;flex-direction:column;gap:2px;width:100%}.icon-tab{border:none;width:100%;background:transparent;display:flex;flex-direction:column;align-items:center;padding:10px 0;cursor:pointer;color:var(--mn-sidebar-text);transition:all .2s;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:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--mn-color-primary);border-radius:0 2px 2px 0}.icon-tab-icon{font-size:18px;margin-bottom:3px}.icon-tab-label{font-size:10px;line-height:1.2}.icon-sidebar-bottom{border-top:1px solid var(--mn-sidebar-border);padding-top:8px;width:100%}.monitor-main-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--mn-color-surface)}.monitor-main-header{padding:16px 28px 10px;border-bottom:1px solid var(--mn-color-border);background:var(--mn-color-surface-2)}.monitor-main-header h1{margin:0;font-size:22px;font-weight:600;color:var(--mn-color-text)}.monitor-main-header p{margin-top:4px;font-size:13px;color:var(--mn-color-text-secondary)}.monitor-main-body{flex:1;min-height:0;overflow-y:auto;padding:14px 20px 20px;background:var(--mn-color-bg)}.monitor-main-body .ant-card{border-radius:10px;border-color:#e4e9ef;box-shadow:0 2px 10px #1622330a}.monitor-main-body .ant-card-head{min-height:46px}.monitor-main-body .ant-card-head-title{font-weight:600;color:#3f556d}.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{display:flex;flex-direction:column;gap:14px}.monitor-hero{border-radius:18px;border:1px solid #dce5ef;background:radial-gradient(circle at top right,rgba(115,149,180,.16),transparent 34%),linear-gradient(135deg,#f8fbfd,#eef4f9);box-shadow:0 10px 26px #1a2a3d14}.monitor-hero .ant-card-body{display:flex;align-items:stretch;justify-content:space-between;gap:18px;padding:22px 24px}.monitor-hero-main{flex:1;min-width:0}.monitor-hero-main h2{margin:0;font-size:28px;line-height:1.2;color:#1e3145}.monitor-hero-main p{margin-top:10px;max-width:560px;color:#667a8f;font-size:14px;line-height:1.75}.monitor-hero-kicker{display:inline-block;margin-bottom:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6886a5}.monitor-hero-actions{min-width:260px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.hero-badge-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hero-meta-item{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#6d8094;font-size:12px}.hero-meta-item strong{font-size:15px;color:#203246}.hero-auto-refresh{color:#718398;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{border-radius:16px;border:1px solid #dfe7f1;background:linear-gradient(180deg,#fff,#f8fafc);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{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.metric-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#536579;font-size:13px;font-weight:600}.metric-value{margin:12px 0 10px;font-size:34px;line-height:1;font-weight:700;letter-spacing:-.03em}.metric-subtitle{margin-top:10px;color:#6f8094;font-size:12px;line-height:1.6;min-height:38px}.monitor-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:14px}.trend-card,.host-info-card,.sample-table-card{border-radius:16px;border:1px solid #dfe7f1;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{margin-bottom:10px;color:#6f8094;font-size:12px}.mini-line-chart{min-height:280px;border-radius:12px;background:linear-gradient(180deg,#f4f7fbe6,#fafcfef2);border:1px solid #ebf0f5;padding:10px 8px 0}.host-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.host-info-item{min-width:0;padding:14px 14px 12px;border-radius:12px;background:#f7fafc;border:1px solid #e7eef5}.host-info-item-wide{grid-column:span 2}.host-info-item span{display:block;margin-bottom:8px;color:#74859a;font-size:12px}.host-info-item strong{color:#203246;font-size:15px}.host-info-item .ant-typography{margin-bottom:0;color:#203246}.sample-table-card .ant-table-thead>tr>th{background:#f7fafc}.sample-metric-cell{display:grid;grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:10px}@media(max-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(max-width:820px){.monitor-layout{flex-direction:column;height:auto;min-height:100vh}.monitor-icon-sidebar.icon-sidebar{width:100%;min-width:100%;height:auto;flex-direction:row;padding:6px;gap:6px}.icon-sidebar-back{margin:0;flex-shrink:0}.icon-sidebar-tabs{flex-direction:row;overflow-x:auto;gap:0}.icon-tab{min-width:62px;padding:8px 2px}.icon-tab.active:before{left:8px;right:8px;top:auto;bottom:0;height:3px;width:auto;border-radius:2px 2px 0 0}.icon-sidebar-bottom{width:auto;border-top:none;border-left:1px solid rgba(255,255,255,.1);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{display:flex;flex-direction:column;gap:12px}.sp-statusbar{background:#1a2332;border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:20px;min-height:56px}.sp-statusbar-host{flex-shrink:0}.sp-statusbar-hostname{font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.sp-statusbar-os{font-size:11px;color:#94a3b8;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-statusbar-services{flex:1;display:flex;align-items:center;justify-content:center;gap:16px}.sp-svc-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#cbd5e1}.sp-svc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sp-svc-dot.up{background:#22c55e;box-shadow:0 0 5px #22c55e88}.sp-svc-dot.down{background:#ef4444}.sp-statusbar-right{flex-shrink:0;display:flex;align-items:center;gap:12px}.sp-meta-item{font-size:11px;color:#94a3b8;white-space:nowrap}.sp-meta-item strong{display:block;font-size:12px;color:#cbd5e1;font-weight:500}.sp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sp-metric-tile{background:var(--mn-color-surface);border-radius:10px;padding:14px 16px;border:1px solid var(--mn-color-border);border-left:3px solid #e2e8f0;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{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sp-tile-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.sp-tile-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.sp-tile-dot.normal{background:#22c55e}.sp-tile-dot.high{background:#f59e0b}.sp-tile-dot.danger{background:#ef4444}.sp-tile-value{font-size:20px;font-weight:700;line-height:1;margin-bottom:8px;font-variant-numeric:tabular-nums}.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{font-size:11px;color:#94a3b8;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-main{background:var(--mn-color-surface);border-radius:12px;border:1px solid var(--mn-color-border);padding:0 16px 16px}.sp-main .ant-tabs-nav{margin-bottom:12px}.sp-main .ant-tabs-tab{font-size:13px;padding:10px 4px}.sp-host-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.sp-host-row{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid #f1f5f9}.sp-host-row:nth-child(odd){padding-right:20px}.sp-host-key{font-size:12px;color:#94a3b8;min-width:80px;flex-shrink:0}.sp-host-val{font-size:13px;color:#1e293b;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.sp-metrics{grid-template-columns:repeat(4,1fr)}}@media(max-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,transparent,transparent 28px,rgba(180,160,120,.03) 28px,rgba(180,160,120,.03) 29px),linear-gradient(135deg,#f4efe6,#ede5d8,#f4efe6)}[data-theme=ink] .monitor-main-body .ant-card{border-color:#d4c9b5;background:#faf7f0}[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(180deg,#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:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#00d4ff,transparent 50%)}[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(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px),#0d1117;background-size:40px 40px,40px 40px,100% 100%}[data-theme=tech] .monitor-main-body .ant-card{border-color:#2a3a4e;background:#161b22;box-shadow:0 0 12px #00d4ff0a}[data-theme=tech] .sp-tile-value.normal{color:#0fa;text-shadow:0 0 6px rgba(0,255,170,.3)}[data-theme=tech] .sp-tile-value.high{color:#ffa726}[data-theme=tech] .sp-tile-value.danger{color:#ff4757;text-shadow:0 0 6px rgba(255,71,87,.3)}[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{background:#1e293b;border-color:#334155}[data-theme=dark] .monitor-main-body .ant-card{border-color:#334155;background:#1e293b}