:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--surface-2:#f1f0ec;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#898781;--hairline:#0b0b0b1a;--grid:#e1e0d9;--axis:#c3c2b7;--ser-cpu:#2a78d6;--ser-mem:#eb6834;--ser-aqua:#1baf7a;--ser-yellow:#eda100;--ser-magenta:#e87ba4;--ser-green:#008300;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--ok-text:#006300;--font-ui:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", "SF Mono", "Consolas", monospace;--radius:6px;--panel-pad:16px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--surface-2:#232322;--ink:#fff;--ink-2:#c3c2b7;--ink-3:#898781;--hairline:#ffffff1a;--grid:#2c2c2a;--axis:#383835;--ser-cpu:#3987e5;--ser-mem:#d95926;--ser-aqua:#199e70;--ser-yellow:#c98500;--ser-magenta:#d55181;--ser-green:#008300;--ok-text:#0ca30c}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);background-color:var(--page);background-image:linear-gradient(var(--hairline) 1px, transparent 1px), linear-gradient(90deg, var(--hairline) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:32px 32px;font-size:14px;line-height:1.5}.mono,.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{flex-direction:column;gap:12px;max-width:1280px;margin:0 auto;padding:0 20px 32px;display:flex}.topbar{align-items:center;gap:20px;padding:14px 2px 6px;display:flex}.brand{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.brand-mark{background:var(--ser-cpu);border-radius:2px;width:12px;height:12px;animation:3.2s ease-in-out infinite brand-pulse}@keyframes brand-pulse{0%,to{opacity:1}50%{opacity:.45}}.topbar-right{align-items:center;gap:16px;margin-left:auto;display:flex}.status-pill{border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-pill.good{color:var(--ok-text);border-color:color-mix(in srgb, var(--good) 45%, transparent)}.status-pill.good .status-dot{background:var(--good);animation:2s ease-in-out infinite blink}.status-pill.warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 45%, transparent)}.status-pill.warning .status-dot{background:var(--warning);animation:1s ease-in-out infinite blink}.status-pill.critical{color:var(--critical);border-color:color-mix(in srgb, var(--critical) 45%, transparent)}.status-pill.critical .status-dot{background:var(--critical);animation:.6s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-size:13px;line-height:1.3}.clock .clock-date{letter-spacing:.1em;color:var(--ink-3);font-size:10px;display:block}.theme-switch{border:1px solid var(--hairline);border-radius:var(--radius);display:inline-flex;overflow:hidden}.theme-switch button{appearance:none;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:5px 10px;font-size:11px;transition:background .15s,color .15s}.theme-switch button+button{border-left:1px solid var(--hairline)}.theme-switch button:hover{color:var(--ink)}.theme-switch button.active{background:var(--ink);color:var(--page)}.server-farm{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;padding:14px 16px;display:grid}.farm-cell{flex-direction:column;align-items:center;gap:6px;display:flex}.farm-meter{background:var(--surface-2);border:1px solid var(--hairline);border-radius:3px;width:100%;max-width:46px;height:56px;position:relative;overflow:hidden}.farm-meter-fill{min-height:0;transition:height .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0}.farm-meter-fill.good{background:var(--good)}.farm-meter-fill.warning{background:var(--warning)}.farm-meter-fill.critical{background:var(--critical)}.farm-host{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);font-size:10px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi-card{padding:var(--panel-pad);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-accent,var(--ser-cpu));opacity:.9;width:3px;position:absolute;top:0;bottom:0;left:0}.kpi-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;font-size:10px;display:flex}.kpi-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.01em;margin-top:8px;font-size:30px;font-weight:600;line-height:1.1}.kpi-value .kpi-unit{color:var(--ink-3);margin-left:4px;font-size:13px;font-weight:400}.kpi-spark{width:100%;margin-top:10px;display:block}.kpi-sub{color:var(--ink-3);margin-top:8px;font-size:11px}.kpi-sub .delta{font-family:var(--font-mono)}.kpi-sub .delta.up{color:var(--ok-text)}.kpi-sub .delta.down{color:var(--ser-mem)}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:14px var(--panel-pad)}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.panel-title{color:var(--ink);align-items:baseline;gap:10px;font-size:13px;font-weight:600;display:flex}.panel-title .panel-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:400}.panel-meta{font-family:var(--font-mono);color:var(--ink-3);font-size:10px}.chart{width:100%}.grid-cpu-alerts{grid-template-columns:minmax(0,5fr) minmax(0,3fr);gap:12px;display:grid}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.server-table{border-collapse:collapse;width:100%;font-size:13px}.server-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--hairline);padding:8px 10px;font-size:10px;font-weight:400}.server-table td{border-bottom:1px solid var(--hairline);color:var(--ink-2);vertical-align:middle;padding:9px 10px}.server-table tbody tr:last-child td{border-bottom:0}.server-table tbody tr{transition:background .12s}.server-table tbody tr:hover{background:var(--surface-2)}.server-host{font-family:var(--font-mono);color:var(--ink);font-weight:600}.server-ip{font-family:var(--font-mono);color:var(--ink-3);font-size:11px;display:block}.status-cell{align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-cell .status-dot{width:6px;height:6px}.status-cell.good{color:var(--ok-text)}.status-cell.good .status-dot{background:var(--good)}.status-cell.warning{color:var(--warning)}.status-cell.warning .status-dot{background:var(--warning)}.status-cell.critical{color:var(--critical)}.status-cell.critical .status-dot{background:var(--critical)}.meter-cell{align-items:center;gap:8px;display:flex}.mini-bar{background:var(--surface-2);border-radius:3px;flex:1;max-width:90px;height:5px;overflow:hidden}.mini-bar-fill{border-radius:3px;height:100%;transition:width .5s}.mini-bar-fill.good{background:var(--good)}.mini-bar-fill.warning{background:var(--warning)}.mini-bar-fill.critical{background:var(--critical)}.mini-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;min-width:3.4em;font-size:12px}.alert-list{max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.alert-item{border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:8px 2px;font-size:12px;display:grid}.alert-item:last-child{border-bottom:0}.alert-item.is-new{animation:.45s alert-in}@keyframes alert-in{0%{opacity:0;background:color-mix(in srgb, var(--warning) 14%, transparent);transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--hairline);color:var(--ink-2);border-radius:3px;align-items:center;gap:5px;padding:2px 6px;font-size:9px;display:inline-flex}.alert-badge.critical{color:var(--critical);border-color:color-mix(in srgb, var(--critical) 50%, transparent)}.alert-badge.warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 50%, transparent)}.alert-badge .status-dot{width:5px;height:5px}.alert-badge.critical .status-dot{background:var(--critical)}.alert-badge.warning .status-dot{background:var(--warning)}.alert-body{flex-direction:column;gap:2px;min-width:0;display:flex}.alert-msg{color:var(--ink);line-height:1.35}.alert-src{font-family:var(--font-mono);color:var(--ink-3);font-size:10px}.alert-time{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;font-size:10px}.alert-empty{text-align:center;color:var(--ink-3);padding:24px 4px;font-size:12px}.footer{border-top:1px solid var(--hairline);font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-3);justify-content:space-between;gap:12px;margin-top:4px;padding-top:12px;font-size:10px;display:flex}@media (width<=980px){.kpi-row{grid-template-columns:repeat(2,1fr)}.grid-cpu-alerts,.grid-two{grid-template-columns:1fr}}@media (width<=560px){.app{padding:0 12px 24px}.kpi-row{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:10px}.topbar-right{flex-wrap:wrap;margin-left:0}}@media (prefers-reduced-motion:reduce){.farm-meter-fill,.mini-bar-fill{transition:none}.brand-mark,.status-dot{animation:none}}