@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c1016;--panel:#141b25;--panel-raised:#19222e;--line:#2b3543;--text:#e7edf6;--muted:#a0adbd;--accent:#77d8cb;--blue:#89b9ff;--warning:#f0c77f;--danger:#ff9c9c;--radius:14px;font-family:Inter,"Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}button,input,select{transition:border-color .18s,background .18s,color .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}input,select{color:var(--text);background:#0e151e;border:1px solid var(--line);border-radius:8px;padding:11px 13px}select{padding:8px 10px}input::placeholder{color:#8997a9}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.7px;font-weight:650}h2{font-size:19px;font-weight:600}h3{font-size:16px;font-weight:600}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-60px;left:16px;padding:12px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:10px}[hidden]{display:none!important}
.topbar{height:74px;border-bottom:1px solid var(--line);background:#0f151e;display:flex;align-items:center;padding:0 36px;gap:46px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;letter-spacing:1px;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:2px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--accent);color:#10231f;border-radius:11px;font-size:32px;font-weight:650;line-height:1;padding-bottom:4px;letter-spacing:-3px}.topbar nav{display:flex;gap:26px;font-size:13px;color:var(--muted)}.topbar nav a:hover{color:var(--text)}.top-actions{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);padding:9px 14px;border-radius:8px;background:var(--panel-raised);font-weight:550}.button:hover{background:#253342;border-color:#526274}.button.subtle{background:transparent}.button.primary{background:var(--accent);color:#0c2924;border-color:var(--accent);font-weight:650}.button.primary:hover{background:#9ae7dd}.workspace{max-width:1740px;padding:35px 36px 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--accent);margin-bottom:10px}.hostname{color:var(--muted);display:inline-block;font-size:18px;font-weight:400;margin-left:18px;letter-spacing:0}.subtitle{margin-top:10px;color:var(--muted);font-size:13px}.connection-meta{display:flex;align-items:flex-end;flex-direction:column;gap:10px;font-size:12px}.status-badge{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:500;border:1px solid #355d56;background:#152c29;color:var(--accent);padding:6px 10px;border-radius:6px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.pending{background:#29271d;border-color:#62533c;color:var(--warning)}.status-badge.offline{background:#302122;border-color:#674448;color:var(--danger)}.notice{padding:12px 16px;border:1px solid #665239;border-radius:8px;color:var(--warning);background:#211e18;margin-bottom:16px;line-height:1.6}.summary-strip{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding:17px 0 21px;flex-wrap:wrap}.summary-strip strong{color:var(--text);font-weight:550;margin-left:8px;font-variant-numeric:tabular-nums}.summary-hint{margin-left:auto;font-size:11px}.metrics-grid{display:grid;grid-template-columns:1.8fr 1fr 1.1fr .95fr;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-heading h2{font-size:14px}.panel-heading>.muted{font-size:10px}.metric-value{display:flex;align-items:baseline;gap:6px;font-size:39px;font-weight:600;letter-spacing:-1.4px;line-height:1.5;margin:8px 0;font-variant-numeric:tabular-nums}.metric-value .unit{color:var(--muted);font-size:18px;font-weight:400;letter-spacing:0}.metric-aside{margin-left:auto;color:var(--muted);font-size:11px;letter-spacing:0;font-weight:400}.metric-value.small{font-size:27px;margin:24px 0 18px}.metric-tag{color:var(--muted);font-size:10px;border:1px solid var(--line);border-radius:5px;padding:3px 6px}.cpu-panel{position:relative}#cpu-chart{width:100%;height:112px;display:block}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:3px 0 12px}.core-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8px,1fr));gap:4px}.core{height:13px;background:#243544;border-radius:2px;position:relative;overflow:hidden}.core span{position:absolute;left:0;bottom:0;height:100%;background:var(--accent);opacity:.65}.meter{height:6px;border-radius:4px;background:#293747;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent);width:0;transition:width .4s}.metric-details{margin:20px 0 0;font-size:11px}.metric-details>div{display:flex;justify-content:space-between;gap:12px;margin:13px 0}.metric-details dt{color:var(--muted)}.metric-details dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.metric-details.compact{border-top:1px solid var(--line);padding-top:8px}.disk-list{margin-top:19px;max-height:154px;overflow:auto}.disk{margin-bottom:17px}.disk-title{display:flex;justify-content:space-between;font-size:11px;gap:8px;margin-bottom:8px}.disk-title span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disk-detail{margin-top:6px;color:var(--muted);font-size:10px}.traffic{margin-top:25px}.traffic-label{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.traffic-label span{color:var(--blue);margin-right:7px;font-size:14px}.traffic strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.metric-footnote{color:var(--muted);font-size:10px;margin-top:26px}.services-bar{display:flex;align-items:center;gap:18px;padding:16px 0;color:var(--muted);font-size:11px}.services-title{white-space:nowrap}.services{display:flex;gap:20px;flex-wrap:wrap}.service{display:flex;gap:7px;align-items:center}.service:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--muted)}.service.good:before{background:var(--accent)}.service.bad:before{background:var(--danger)}.service.good .service-state{color:var(--accent)}.service.bad .service-state{color:var(--danger)}
.section{margin-top:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading .eyebrow{margin-bottom:7px}.count{font-size:11px;background:#21313b;border:1px solid #344755;padding:2px 7px;border-radius:5px;vertical-align:middle;margin-left:8px;color:var(--muted);font-weight:500}.section-tools{display:flex;align-items:center;gap:10px}.readonly-label{color:var(--accent);font-size:11px;margin-right:10px}.select-label{font-size:11px;color:var(--muted)}.section-description{color:var(--muted);font-size:12px;margin:12px 0 20px}.vm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}.vm-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.vm-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.vm-heading{padding:15px 17px;display:flex;align-items:center;gap:12px}.vm-heading h3{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vm-heading .vm-identity{min-width:0;flex:1}.vm-heading .vm-identity p{font-size:10px;color:var(--muted);margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vm-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.vm-dot.good{background:var(--accent)}.icon-button{width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:5px;display:grid;place-items:center;color:var(--muted);flex-shrink:0}.icon-button:hover{border-color:var(--line);background:var(--panel-raised);color:var(--text)}.icon-button svg{width:16px;height:16px}.console-stage{position:relative;background:#070a0e;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}.console-target{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.console-target>div{width:100%;height:100%}.console-placeholder{z-index:2;text-align:center;padding:24px;max-width:100%;pointer-events:none;background:#070a0ee8;border-radius:10px;line-height:1.6}.console-placeholder strong{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.console-placeholder span{color:var(--muted);font-size:11px}.console-placeholder button{pointer-events:auto;margin-top:12px;font-size:11px}.vm-status-row{padding:9px 17px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:10px}.vm-status{color:var(--muted)}.vm-status.good{color:var(--accent)}.vm-status.bad{color:var(--warning)}.vm-view-note{margin-left:auto;color:var(--muted)}.vm-details{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 17px 15px;border-top:1px solid var(--line);gap:10px}.vm-details dt{color:var(--muted);font-size:9px;margin-bottom:6px}.vm-details dd{margin:0;font-size:11px;font-variant-numeric:tabular-nums}.vm-card.focused{grid-column:1/-1}.vm-card.focused .console-stage{height:min(72vh,850px);aspect-ratio:auto}.vm-card:fullscreen{display:flex;flex-direction:column;background:#0c1016;border:0;border-radius:0;width:100%;height:100%;overflow:hidden}.vm-card:fullscreen .console-stage{flex:1;aspect-ratio:auto;height:auto}.vm-card:fullscreen .vm-details{margin:0}.vm-card:fullscreen .vm-heading{padding:10px 18px}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:45px 20px;text-align:center;background:#101721}.empty-symbol{font-size:30px;color:#6b8b96;display:block;margin-bottom:13px}.empty-state h3{font-size:14px}.empty-state p{color:var(--muted);font-size:12px;margin-top:10px}.process-panel{margin-top:32px;padding:22px 0 0}.process-panel .section-heading{padding:0 22px 20px}.search-field{display:flex;align-items:center;gap:8px;background:#0e151e;border:1px solid var(--line);border-radius:8px;padding-left:11px;max-width:100%;width:255px}.search-field svg{width:17px;height:17px;color:var(--muted);flex-shrink:0}.search-field input{background:transparent;border:0;padding:10px 0;min-width:0;width:100%;outline-offset:0;font-size:11px}.table-scroll{overflow:auto;max-height:470px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}thead{color:var(--muted);position:sticky;top:0;background:#19222e;z-index:1}th{font-weight:500;padding:0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}th button{background:transparent;padding:13px 0;text-align:left;color:inherit}th[aria-sort=ascending],th[aria-sort=descending]{color:var(--accent)}td{padding:12px 20px;border-bottom:1px solid #24303d;font-variant-numeric:tabular-nums}tbody tr:hover{background:#192430}td.process-name{max-width:350px;overflow:hidden;text-overflow:ellipsis}.process-cpu{color:var(--accent)}.table-empty{text-align:center;color:var(--muted);padding:35px}.process-note{padding:14px 22px;color:var(--muted);font-size:10px;line-height:1.6}.footer{display:flex;justify-content:space-between;gap:16px;color:#91a0b3;font-size:10px;padding:26px 0 24px}.login-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 18% 45%,#162b31 0,transparent 55%),var(--bg)}.login-shell{width:min(940px,calc(100% - 64px));margin:50px auto;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#101720;box-shadow:0 25px 90px #0003}.login-intro{padding:40px 45px;position:relative;background:linear-gradient(150deg,#172b30,#111922)}.login-intro>.eyebrow{margin-top:64px;font-size:9px}.login-intro h1{font-size:37px;line-height:1.4;letter-spacing:1px}.login-intro>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.9;margin-top:20px}.login-caption{color:var(--muted);letter-spacing:1.8px;font-size:8px;display:block;margin-top:48px}.login-form-panel{padding:88px 43px 60px}.login-form-panel h2{font-size:23px;letter-spacing:-.4px}.login-form-panel>p.muted{font-size:12px;margin:12px 0 32px}.login-form-panel form>label{display:block;font-size:12px;margin:18px 0 9px}.login-form-panel input{width:100%;padding:12px 13px}.password-field{position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:7px;top:6px;bottom:6px;padding:0 8px;color:var(--muted);font-size:10px;background:transparent;border-radius:4px}.password-field button:hover{color:var(--text);background:var(--panel)}.login-form-panel .primary{width:100%;margin-top:26px;justify-content:space-between;padding:13px}.login-hint{color:var(--muted);font-size:10px;line-height:1.8;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.form-error{color:var(--danger);font-size:11px;line-height:1.6;margin-top:14px}.login-footer{width:min(940px,calc(100% - 64px));margin:0 auto 25px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.login-diagram{margin-top:35px;position:relative}.diagram-node{display:flex;gap:8px;align-items:center;letter-spacing:2px;font-size:8px;color:var(--accent);padding:8px;border:1px solid #436560;border-radius:5px;width:82px}.diagram-node i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.diagram-screens{display:flex;gap:10px;margin-top:17px}.diagram-screens span{border:1px solid #34515a;border-radius:5px;width:87px;height:49px;display:flex;align-items:flex-end;padding:7px;letter-spacing:1px;font-size:7px;color:var(--muted);background:#14232a}.diagram-line{position:absolute;top:28px;left:40px;width:1px;height:18px;background:#436560}
@media(min-width:1600px){.metrics-grid{grid-template-columns:2fr 1fr 1.1fr 1fr}.vm-grid{grid-template-columns:repeat(auto-fit,minmax(470px,1fr))}}
@media(max-width:1150px){.metrics-grid{grid-template-columns:1.5fr 1fr}.topbar{gap:30px;padding:0 24px}.workspace{padding:30px 24px 0}.summary-hint{display:none}.hostname{display:block;margin:8px 0 0;font-size:15px}.traffic{display:inline-block;width:48%}.metric-footnote{margin-top:20px}}
@media(max-width:760px){.topbar{height:66px;padding:0 16px;gap:16px}.topbar nav{display:none}.top-actions{gap:8px}.top-actions>.muted{display:none}.brand{font-size:16px}.brand small{font-size:8px}.workspace{padding:25px 16px 0}.page-heading{align-items:flex-start}h1{font-size:24px}.subtitle{font-size:11px;max-width:200px;line-height:1.6}.connection-meta{font-size:10px;flex-shrink:0}.summary-strip{gap:13px 22px}.metrics-grid{gap:12px;grid-template-columns:1fr 1fr}.cpu-panel{grid-column:1/-1}.panel{padding:17px}.metric-value.small{font-size:22px}.metrics-grid>.panel:last-child{grid-column:1/-1}.section-heading{gap:10px;align-items:flex-start}.section-heading h2{font-size:17px}.section-tools{gap:6px;flex-wrap:wrap;justify-content:flex-end}.readonly-label{width:100%;text-align:right;margin-right:0;font-size:10px}.section-description{font-size:11px;line-height:1.6}.vm-grid{grid-template-columns:1fr}.services-bar{align-items:flex-start}.services{gap:12px}.process-panel .section-heading{padding:0 16px 16px;flex-wrap:wrap}.search-field{width:100%}.process-panel{padding:19px 0 0}.footer{font-size:9px;flex-wrap:wrap}.login-shell{width:calc(100% - 32px);max-width:460px;grid-template-columns:1fr;margin:26px auto}.login-intro{padding:26px}.login-intro>.eyebrow{margin-top:30px}.login-intro h1{font-size:27px}.login-intro>p:not(.eyebrow){font-size:11px}.login-caption,.login-diagram{display:none}.login-form-panel{padding:30px 26px 34px}.login-form-panel h2{font-size:21px}.login-footer{width:calc(100% - 32px);max-width:460px;font-size:9px}.metric-aside{font-size:10px}.vm-card.focused .console-stage{height:60vh}}
@media(max-width:380px){.metrics-grid{grid-template-columns:1fr}.metrics-grid>.panel{grid-column:1}.connection-meta{max-width:108px;text-align:right}.vm-details{grid-template-columns:repeat(2,1fr);row-gap:14px}.summary-strip{font-size:11px}.top-actions .button{font-size:11px;padding:8px}.login-footer{flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.history-section{margin:30px 0 34px}.history-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.history-ranges{display:flex;border:1px solid var(--line);border-radius:9px;padding:4px;background:#101721;gap:3px}.history-ranges button{padding:8px 17px;border-radius:6px;color:var(--muted);background:transparent;font-size:12px}.history-ranges button:hover{background:var(--panel-raised);color:var(--text)}.history-ranges button[aria-pressed=true]{background:#23403c;color:var(--accent)}.history-end-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.history-end-label input{font-size:12px;padding:9px 11px;min-width:205px}.history-navigation{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.history-navigation .button{font-size:11px;padding:9px 11px}.history-navigation button:disabled{cursor:default;opacity:.4}.history-status{font-size:12px;color:var(--text);line-height:1.7;margin:0 0 14px;min-height:21px}.history-status.history-warning{color:var(--warning)}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.history-grid[aria-busy=true]{opacity:.72}.history-card{padding:20px 20px 12px}.history-card h3{font-size:14px}.history-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:16px 0 9px}.history-legend>span{display:inline-flex;align-items:center;gap:7px}.history-legend i{display:inline-block;width:15px;height:3px;border-radius:3px}.history-legend .history-line-key{margin-left:auto;font-size:9px}.history-chart-stage{position:relative;min-width:0}.history-chart{display:block;width:100%;height:220px;border-radius:4px;touch-action:pan-y}.history-chart-empty{position:absolute;left:78px;right:16px;top:90px;text-align:center;color:var(--muted);font-size:12px;pointer-events:none;line-height:1.8;background:#141b25d9;padding:7px 4px}.history-tooltip{position:absolute;z-index:4;max-width:calc(100% - 8px);padding:11px 13px;border:1px solid #4c5d70;border-radius:8px;background:#0e151ff5;box-shadow:0 6px 22px #0005;pointer-events:none;line-height:1.8;font-size:10px;color:var(--text);font-variant-numeric:tabular-nums}.history-tooltip strong{display:block;font-weight:550;color:var(--muted);margin-bottom:5px}.history-tooltip span{display:block}.history-chart-hint{font-size:9px;color:var(--muted);margin:6px 0 0}.history-meta{font-size:10px;color:var(--muted);line-height:1.8;margin-top:14px}.history-section .section-description{font-size:10px;line-height:1.8;margin:12px 0 10px}
@media(max-width:1150px){.history-controls{gap:12px}.history-navigation{width:100%}}
@media(max-width:760px){.history-grid{grid-template-columns:1fr;gap:12px}.history-card{padding:17px 12px 12px}.history-controls{align-items:flex-start}.history-ranges{width:100%;justify-content:stretch}.history-ranges button{flex:1}.history-end-label{flex-wrap:wrap;width:100%;justify-content:space-between}.history-end-label input{flex:1;min-width:180px;max-width:calc(100% - 60px)}.history-navigation{gap:6px}.history-navigation .button{font-size:10px;padding:9px}.history-legend{gap:11px}.history-tooltip{font-size:9px;padding:9px}.history-chart{height:210px}.history-chart-empty{left:64px;font-size:11px}.history-section>.section-heading{align-items:center}.history-section>.section-heading>.metric-tag{font-size:9px;white-space:nowrap}.history-status{font-size:11px}}