:root{color-scheme:light dark;--bg:#0b1015;--panel:#10171e;--panel-hover:#16222c;--field:#0c1219;--line:#263441;--text:#d3dee8;--muted:#7e919f;--accent:#68d8ae;--accent-dim:#1c3c34;--blue:#81b9e8;--orange:#f1bd78;--danger:#f28e91;--selected:#172e30;--shadow:0 15px 70px #0002;background:var(--bg);color:var(--text);font-synthesis:none;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Liberation Mono,monospace;font-size:12px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);color:var(--text);white-space:nowrap;background:0 0;border-radius:4px;padding:7px 12px;transition:background .12s,border-color .12s}button:hover,a.button:hover{background:var(--panel-hover);border-color:var(--muted)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary,a.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}button.primary:hover,a.primary:hover{filter:brightness(1.08)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select{background:var(--field);border:1px solid var(--line);color:var(--text);border-radius:4px;width:100%;min-width:0;padding:11px 12px}input::placeholder{color:var(--muted);opacity:.8}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}h1,h2,p{margin:0}h2{font-size:12px;font-weight:600}button.active{color:var(--accent);border-color:var(--accent)}.muted{color:var(--muted)}.accent,.prompt{color:var(--accent)}.warning{color:var(--orange)}.danger,.error{color:var(--danger)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 26px;display:flex}.brand{letter-spacing:-1px;color:var(--text);align-items:center;gap:9px;font-family:system-ui,sans-serif;font-size:24px;font-weight:750;display:flex}.brand:hover{text-decoration:none}.brand-mark{color:var(--accent);font-family:monospace;font-size:31px;line-height:1}.brand-tag{text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);border-left:1px solid var(--line);margin-left:11px;padding-left:21px;font-family:ui-monospace,monospace;font-size:10px;font-weight:400}.version{color:var(--muted);letter-spacing:.5px;font-size:10px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:5px;min-width:0}.panel-title,.metric-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title>span,.metric-heading>span{color:var(--muted);letter-spacing:.6px;font-size:9px}.panel-number{color:var(--muted);margin-right:9px;font-size:10px;font-weight:400}.status-dot{background:var(--accent);vertical-align:middle;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #68d8ae22}.status-dot.idle{background:var(--muted);box-shadow:none}.connect-page{min-height:100dvh}.connect-content{max-width:1160px;margin:auto;padding:64px 30px 24px}.eyebrow{letter-spacing:1.8px;color:var(--accent);align-items:center;gap:10px;margin-bottom:23px;font-size:10px;display:flex}h1{letter-spacing:-2.5px;font-family:system-ui,sans-serif;font-size:clamp(36px,5vw,58px);font-weight:650;line-height:1.12}h1>span{color:var(--muted)}.intro{max-width:575px;color:var(--muted);margin-top:22px;font-size:13px;line-height:1.9}.connect-grid{grid-template-columns:1.08fr 1fr;align-items:start;gap:62px;margin-top:40px;display:grid}.connection-panel{box-shadow:var(--shadow)}.connection-panel .panel-title{border-bottom:1px solid var(--line);padding:18px 23px}.connection-panel form{padding:23px}.field-label{color:var(--text);justify-content:space-between;align-items:center;margin:0 0 9px;font-size:11px;display:flex}.field-label>span{color:var(--muted);font-size:10px}.form-row{grid-template-columns:1fr 1.15fr 1fr;gap:16px;margin-top:24px;display:grid}.connect-button{justify-content:space-between;align-items:center;width:100%;height:44px;margin-top:29px;display:flex}.connect-button>span{font-size:20px}.form-note{color:var(--muted);text-align:center;margin-top:15px;font-size:10px;line-height:1.6}.connection-guide h2{margin:0 0 21px;font-size:12px}.prompt{margin-right:7px}.connection-guide ol{gap:19px;margin:0;padding:0;list-style:none;display:grid}.connection-guide li{gap:16px;display:flex}.connection-guide li>span{color:var(--accent);font-size:10px;line-height:21px}.connection-guide strong{font-size:11px;font-weight:500}.connection-guide li p{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.75}.security-note{border-left:2px solid var(--line);color:var(--muted);margin-top:26px;padding-left:16px}.security-note>strong{color:var(--orange);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.security-note p{margin-top:8px;font-size:10px;line-height:1.8}.connect-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-top:52px;padding:18px 0;font-size:9px;display:flex}.connect-footer>span:first-child{letter-spacing:1px;color:var(--accent)}.invalid{max-width:900px;margin:50px auto;padding:40px}.invalid p{margin:20px 0}.button{border-radius:4px;padding:12px 20px;display:inline-block}.dashboard{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.dashboard .topbar{height:64px;padding:0 22px}.dashboard-brand{align-items:center;gap:23px;min-width:0;display:flex}.header-divider{background:var(--line);width:1px;height:25px}.host-title{align-items:baseline;gap:15px;min-width:0;display:flex}.host-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;font-weight:500;overflow:hidden}.host-title>span{color:var(--muted);font-size:10px}.topbar nav{align-items:center;gap:9px;display:flex}.topbar nav button{font-size:10px}.connection-status{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;margin-right:13px;font-size:10px;display:flex}.connection-status.danger{color:var(--danger)}.disconnect{color:var(--muted)}.dashboard-content{flex-direction:column;flex:1;min-height:0;padding:0 20px;display:flex}.host-meta{letter-spacing:.6px;min-height:43px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.host-meta>span:first-child{color:var(--text)}.host-meta .accent{margin-right:7px}.host-meta .muted{margin:0 10px}.summary{flex-shrink:0;grid-template-columns:1.5fr 1fr 1fr .95fr;gap:12px;margin-bottom:18px;display:grid}.summary>.panel{padding:15px 16px 11px;overflow:hidden}.metric-heading{margin-bottom:14px}.metric-heading h2{font-size:11px}.metric-heading>span{white-space:nowrap;font-size:8px}.cpu-body{justify-content:space-between;align-items:center;gap:18px;height:53px;display:flex}.metric-value{letter-spacing:-1px;font-size:29px;font-weight:500;line-height:1.1}.cpu-body p{color:var(--muted);white-space:nowrap;margin-top:5px;font-size:9px}.sparkline{width:52%;height:52px;color:var(--accent);overflow:visible}.chart-grid{stroke:var(--line);stroke-width:.7px;fill:none;stroke-dasharray:2 4}.metric-bottom{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:8px;margin-top:13px;padding-top:9px;font-size:8px;line-height:1.4;display:flex}.cpu-card .metric-bottom{display:block}.metric-bottom>span{color:var(--text);white-space:nowrap}.memory-value{white-space:nowrap;align-items:baseline;gap:7px;margin-bottom:12px;display:flex}.memory-value strong{color:var(--blue);letter-spacing:-1px;font-size:23px;font-weight:500}.memory-value>span,.swap-value>span{color:var(--muted);font-size:10px}.meter{background:var(--line);border-radius:1px;height:7px;overflow:hidden}.meter>span{background:var(--blue);height:100%;transition:width .3s;display:block;mask-image:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 6px)}.swap-value{color:var(--text);margin-bottom:9px;font-size:17px}.secondary-meter{height:4px}.secondary-meter>span{background:var(--orange)}.load{border-top:1px solid var(--line);justify-content:space-between;gap:8px;margin-top:15px;padding-top:9px;font-size:9px;display:flex}.load>span{color:var(--muted);font-size:8px}.load small{display:none}.load strong{color:var(--orange);white-space:pre;font-weight:400}.process-total{letter-spacing:-1px;font-size:27px;line-height:1}.process-total>span{color:var(--muted);letter-spacing:0;font-size:10px}.state-counts{color:var(--muted);gap:15px;margin-top:10px;font-size:8px;display:flex}.state-counts .status-dot{width:4px;height:4px;margin-right:5px}.activity-card .metric-bottom{margin-top:12px}.process-panel{flex-direction:column;flex:1;min-height:180px;display:flex;overflow:hidden}.process-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.process-title,.process-tools{align-items:center;gap:12px;display:flex}.process-title h2{font-size:12px}.count-badge{color:var(--accent);background:var(--accent-dim);white-space:nowrap;border-radius:3px;padding:1px 7px;font-size:10px}.scope-badge{color:var(--muted);letter-spacing:.7px;font-size:8px}.search{background:var(--field);border:1px solid var(--line);width:290px;height:31px;color:var(--muted);border-radius:4px;align-items:center;gap:8px;padding:0 9px;display:flex}.search>span{font-size:22px;line-height:1}.search input{background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:10px}.search:focus-within{border-color:var(--accent)}.search input:focus-visible{outline:none}.search button{border:0;padding:0 3px}.search kbd{margin:0}.process-tools>button{padding:7px 12px;font-size:10px}.process-scroller{scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:auto;outline-offset:-2px!important}.process-grid{grid-template-columns:78px 78px 105px 40px 90px 112px 128px minmax(280px,1fr);align-items:center;column-gap:8px;min-width:940px;padding:0 15px;display:grid}.table-heading{z-index:2;background:var(--field);border-bottom:1px solid var(--line);height:33px;position:sticky;top:0}.table-heading .process-grid{height:32px}.table-heading button{letter-spacing:.4px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;width:100%;height:28px;padding:0;font-size:9px;display:flex}.table-heading button:hover,.table-heading .sorted button{color:var(--accent)}.table-heading [aria-sort] button>span{min-width:8px}.table-heading [aria-sort]:nth-child(5) button,.table-heading [aria-sort]:nth-child(6) button,.table-heading [aria-sort]:nth-child(7) button{justify-content:flex-end}.virtual-body{min-width:940px;position:relative}.virtual-window{position:absolute;top:0;left:0;right:0}.process-row{cursor:pointer;border-bottom:1px solid color-mix(in srgb, var(--line) 25%, transparent);border-left:2px solid #0000;height:30px;padding-left:13px;font-size:10px}.process-row:nth-child(2n){background:color-mix(in srgb, var(--bg) 22%, transparent)}.process-row:hover{background:var(--panel-hover)}.process-row.selected{background:var(--selected);border-left-color:var(--accent)}.process-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.numeric{text-align:right;font-variant-numeric:tabular-nums}.pid{color:var(--text)}.user{color:var(--muted)}.memory-cell{color:var(--blue)}.command{color:var(--muted);padding-left:11px;white-space:pre!important}.command-name{color:var(--text)}.table-heading [aria-sort]:last-child{padding-left:11px}.table-footer{border-top:1px solid var(--line);color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:7px 15px;font-size:9px;display:flex}.table-footer>span{white-space:nowrap}kbd{border:1px solid var(--line);color:var(--muted);border-bottom-width:2px;border-radius:3px;margin:0 3px 0 0;padding:0 4px;font-family:inherit;font-size:9px;line-height:15px;display:inline-block}.footer-hint{margin-left:14px}.footer-hint kbd{margin-left:9px}.dashboard-footer{color:var(--muted);letter-spacing:.3px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:8px;display:flex}.dashboard-footer .status-dot{width:5px;height:5px;margin-right:7px}.help{cursor:help}.empty-state{text-align:center;max-width:500px;color:var(--muted);margin:65px auto;padding:0 20px;font-size:11px}.empty-state>span{color:var(--line);margin-bottom:10px;font-size:36px;display:block}.empty-state>strong{color:var(--text);margin-bottom:9px;font-size:13px;font-weight:500;display:block}.empty-state p{font-size:10px;line-height:1.8}.process-detail{border-top:1px solid var(--line);background:var(--field);max-height:150px;padding:9px 15px;overflow:auto}.process-detail>div{align-items:center;gap:14px;font-size:10px;display:flex}.process-detail strong{color:var(--accent);white-space:nowrap;font-weight:500}.process-detail span{color:var(--muted)}.process-detail button{border:0;margin-left:auto;padding:0 4px;font-size:17px}.process-detail code{white-space:pre-wrap;word-break:break-all;user-select:text;margin-top:5px;font-family:inherit;font-size:11px;display:block}.notice{border:1px solid var(--line);background:var(--panel);border-radius:4px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;max-height:150px;margin-bottom:12px;padding:11px 14px;font-size:10px;display:flex;overflow:auto}.notice.error{border-color:color-mix(in srgb, var(--danger) 50%, var(--line))}.notice strong{font-weight:600}.spinner{border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:light){:root{--bg:#f0f3f5;--panel:#fafcfd;--panel-hover:#e6edf2;--field:#fff;--line:#d3dde4;--text:#263742;--muted:#657b8a;--accent:#137654;--accent-dim:#dceee5;--blue:#316da2;--orange:#98601b;--danger:#b43442;--selected:#e0eeea;--shadow:0 15px 70px #5d718509}.status-dot{box-shadow:none}.sparkline{color:#268967}}@media (width>=1600px){.dashboard-content{padding:0 28px}.summary{gap:16px;margin-bottom:22px}.summary>.panel{padding:18px 20px 12px}.cpu-body{height:62px}.metric-value{font-size:33px}.metric-heading{margin-bottom:16px}.memory-value,.swap-value{margin-top:5px}.process-total{margin-top:4px}.process-grid{grid-template-columns:90px 90px 120px 50px 110px 130px 150px minmax(300px,1fr)}.process-row{font-size:11px}}@media (width<=1100px){.host-title{flex-direction:column;gap:1px}.summary{grid-template-columns:1.4fr 1fr 1fr}.activity-card{display:none}.host-meta>span:last-child{letter-spacing:0}.connect-grid{gap:30px}.scope-badge{display:none}.state-counts{gap:8px}}@media (width<=760px){.topbar{height:60px;padding:0 18px}.version{display:none}.brand-tag{letter-spacing:1px;font-size:8px}.connect-content{padding:38px 20px 20px}.connect-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.connection-guide{padding:0 5px}.connect-footer{flex-wrap:wrap;margin-top:32px;font-size:8px}.connect-footer>span:last-child{display:none}.dashboard .topbar{gap:8px;height:58px;padding:0 12px}.dashboard-brand{gap:10px}.dashboard-brand .brand{font-size:20px}.dashboard-brand .brand-mark{font-size:24px}.host-title strong{max-width:110px;font-size:10px}.host-title>span,.header-divider{display:none}.topbar nav{gap:5px}.topbar nav button{padding:6px 8px;font-size:9px}.topbar nav button>span{display:none}.connection-status{margin-right:4px;font-size:0}.connection-status .status-dot{width:6px;height:6px}.dashboard-content{padding:0 10px}.host-meta{min-height:35px;font-size:8px}.host-meta>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.host-meta>span:last-child{display:none}.summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.summary>.panel{padding:10px}.summary>.panel:nth-child(3){display:none}.metric-heading{margin-bottom:10px}.metric-heading>span{letter-spacing:0;font-size:7px}.metric-heading h2{font-size:10px}.panel-number{display:none}.cpu-body{gap:8px;height:42px}.metric-value{font-size:23px}.cpu-body p{font-size:7px}.sparkline{width:45%;height:40px}.metric-bottom{margin-top:10px;font-size:7px}.memory-value{gap:4px;margin:1px 0 8px}.memory-value strong{font-size:21px}.memory-value>span{font-size:8px}.meter{height:5px}.process-toolbar{flex-wrap:wrap;gap:9px;padding:10px}.process-title{gap:8px}.process-title h2{font-size:11px}.process-tools{gap:8px;width:100%}.search{flex:1;width:auto}.search input{font-size:10px}.process-tools>button{font-size:9px}.process-scroller{min-height:110px}.table-footer{gap:5px;padding:7px 10px;font-size:8px}.table-footer>span:last-child{font-size:7px}.footer-hint{display:none}.dashboard-footer{letter-spacing:0;min-height:32px;font-size:7px}.footer-readonly{display:none}.process-detail{padding:8px 10px}.process-detail>div{gap:8px;font-size:8px}.process-detail code{font-size:10px}.notice{max-height:120px;padding:9px;font-size:9px}.form-row{gap:12px}.invalid{margin:20px;padding:20px}}@media (height<=650px) and (width>=761px){.summary>.panel{padding:10px 14px}.metric-heading{margin-bottom:7px}.cpu-body{height:40px}.metric-value{font-size:25px}.sparkline{height:40px}.metric-bottom{margin-top:8px;padding-top:7px}.summary{margin-bottom:10px}.summary .memory-value{margin-bottom:7px}.process-total{font-size:22px}.state-counts{margin-top:7px}.summary .load{margin-top:8px}.process-toolbar{padding:8px 15px}.dashboard .topbar{height:54px}.host-meta{min-height:33px}.dashboard-footer{min-height:27px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=760px){.summary>.panel:nth-child(3){grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.summary>.panel:nth-child(3) .metric-heading{margin:0}.summary>.panel:nth-child(3) .metric-heading>span{display:none}.summary>.panel:nth-child(3) .swap-value{margin:0;font-size:10px}.summary>.panel:nth-child(3) .swap-value>span{font-size:8px}.summary>.panel:nth-child(3) .meter{display:none}.summary>.panel:nth-child(3) .load{border:0;margin:0;padding:0;font-size:9px}.summary>.panel:nth-child(3) .load>span{display:none}}