:root{color-scheme:dark;--bg:#070a09;--panel:#0c100e;--panel-2:#0e1411;--line:#1c2821;--line-strong:#29392e;--text:#e7eee8;--muted:#79877d;--dim:#4b5b50;--lime:#a7ff52;--cyan:#47d9d1;--violet:#aa86ff;--red:#ff655f;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% -20%,rgba(45,94,55,.12),transparent 54%),linear-gradient(180deg,#080b09 0%,#070a09 65%,#080b09 100%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 45%,rgba(43,82,46,.2),transparent 34%)}.auth-card{width:min(440px,100%);border:1px solid var(--line-strong);background:rgba(10,15,12,.94);padding:38px 42px 28px;box-shadow:0 30px 90px #0008;position:relative}.auth-card:before,.auth-card:after{content:"";position:absolute;width:24px;height:2px;background:var(--lime);top:-1px;left:30px}.auth-card:after{top:auto;left:auto;right:30px;bottom:-1px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:var(--lime);border:1px solid #35513c;background:#0b150e;font-size:18px}.brand-mark.large{width:40px;height:40px;font-size:24px;margin-bottom:25px}.mark-cross{line-height:1;text-shadow:0 0 12px #a7ff5266}.eyebrow,.section-kicker{font:500 10px/1.3 var(--mono);letter-spacing:.13em;color:#7e9d82}.auth-card h1{font:600 28px/1.1 var(--mono);letter-spacing:-.06em;margin:10px 0 10px}.cursor{color:var(--lime);animation:blink 1.2s steps(2,start) infinite}.auth-copy{color:var(--muted);font-size:13px;margin:0 0 27px}.auth-card form{display:flex;flex-direction:column}.auth-card label{font:500 10px var(--mono);letter-spacing:.09em;color:#a7b5aa;margin:0 0 8px}.auth-card input{height:43px;border:1px solid var(--line-strong);background:#080c09;color:var(--text);padding:0 12px;font:13px var(--mono);outline:none;margin-bottom:19px}.auth-card input:focus{border-color:#628855;box-shadow:0 0 0 2px #a7ff5212}.button{font:500 12px var(--mono);letter-spacing:.05em;border:1px solid var(--line-strong);cursor:pointer}.button.primary{height:44px;padding:0 14px;background:var(--lime);color:#10190b;border-color:var(--lime);display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-top:3px}.button.primary:hover{background:#bdff7c}.button.full{width:100%}.form-error{color:var(--red);font:11px var(--mono);min-height:16px;margin:-7px 0 9px}.auth-foot{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:var(--muted);font:10px var(--mono);display:flex;align-items:center;gap:8px}.auth-lock{margin-left:auto;color:#526558}
.dashboard{min-height:100vh}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4.2vw,64px);background:#080c0ad9;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}.brand-name{font:700 13px var(--mono);letter-spacing:.02em}.brand-name span{color:var(--lime)}.brand-sep{color:#38463b;font:12px var(--mono);margin:0 2px}.brand-tag{font:10px var(--mono);color:var(--muted);letter-spacing:.05em}.topbar-right{display:flex;align-items:center;gap:17px}.connection-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:6px 10px;color:#87948b;font:10px var(--mono);letter-spacing:.04em}.connection-pill.online{color:#b2f982;border-color:#38522d;background:#a7ff5208}.status-led,.live-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--dim)}.online .status-led,.live-dot{background:var(--lime);box-shadow:0 0 8px #a7ff5288;animation:pulse 2s infinite}.clock{color:#8f9d93;font:11px var(--mono);letter-spacing:.05em}.icon-button{border:0;background:transparent;color:#829087;font-size:18px;cursor:pointer}.icon-button:hover{color:var(--lime)}.demo-flag{font:9px var(--mono);letter-spacing:.1em;border:1px solid #695b2e;color:#e4c771;padding:5px 8px}.page-wrap{max-width:1536px;padding:32px clamp(18px,4.2vw,64px) 28px;margin:0 auto}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;margin:5px 0 23px}.breadcrumb{font:9px var(--mono);letter-spacing:.09em;color:#66756b;margin-bottom:12px}.breadcrumb i{font-style:normal;color:#364239;padding:0 9px}.accent-text{color:#88bc75}.intro-row h1{margin:0;font-size:27px;letter-spacing:-.04em;font-weight:600}.heading-slash{color:var(--lime);font:500 22px var(--mono);margin:0 10px}.heading-en{color:#728078;font:11px var(--mono);letter-spacing:.1em}.host-block{text-align:right;padding-bottom:2px}.host-label{font:9px var(--mono);letter-spacing:.13em;color:#5d6d61;margin-bottom:5px}.host-os{font:12px var(--mono);color:#b6c2b9}.host-meta{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:#738177;font:9px var(--mono);margin-top:7px}.host-meta b{color:#a6b5aa;font-weight:500}.meta-sep{color:#38453a}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0d120f,#0a0e0c);position:relative;overflow:hidden}.metric-card{min-height:180px;padding:16px 17px 14px}.metric-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(55px);opacity:.06;right:-60px;top:25px;background:var(--lime)}.memory-card:before{background:var(--cyan)}.gpu-card:before{background:var(--violet)}.metric-head{display:flex;justify-content:space-between;color:#a2afa5}.metric-label{font:600 10px var(--mono);letter-spacing:.12em}.metric-index{font:9px var(--mono);color:#4d5e51}.metric-main{display:flex;align-items:baseline;margin:13px 0 8px}.metric-number{font:500 35px/.95 var(--mono);letter-spacing:-.08em;color:#ecf4ec}.metric-unit{font:13px var(--mono);margin-left:5px;color:#87958a}.meter-track{height:4px;background:#1c2821;overflow:hidden}.meter-fill{display:block;height:100%;transition:width .5s ease;box-shadow:0 0 9px currentColor}.meter-fill.lime{background:var(--lime);color:var(--lime)}.meter-fill.cyan{background:var(--cyan);color:var(--cyan)}.meter-fill.violet{background:var(--violet);color:var(--violet)}.metric-foot{display:flex;justify-content:space-between;margin-top:8px;color:#617066;font:9px var(--mono);letter-spacing:.04em}.metric-foot span:last-child{color:#89968c}.mini-bars{height:25px;display:flex;align-items:flex-end;gap:3px;margin-top:11px}.mini-bars i{flex:1;min-width:2px;background:#3e633a;height:20%;opacity:.78;transition:height .35s}.mini-bars i:nth-child(4n+1){background:#8ad74b}.memory-blocks{height:20px;display:grid;grid-template-columns:repeat(32,1fr);gap:3px;margin-top:14px}.memory-blocks i{background:#1a2721}.memory-blocks i.on{background:#2f9d8b;box-shadow:0 0 7px #47d9d155}.gpu-chip{display:flex;align-items:center;gap:7px;font:9px var(--mono);color:#8975c5;margin-top:14px;letter-spacing:.07em}.gpu-orbit{font-size:14px;color:#b092ff}.network-card{padding-bottom:13px}.network-lines{margin-top:11px}.network-line{display:flex;align-items:center;gap:10px;padding:4px 0}.network-arrow{font:16px var(--mono);width:15px}.network-arrow.down{color:var(--cyan)}.network-arrow.up{color:var(--lime)}.network-copy{display:flex;flex-direction:column;gap:2px;min-width:94px}.network-title{font:9px var(--mono);color:#6d7e72;letter-spacing:.07em}.network-copy b{font:500 14px var(--mono);color:#dce8de}.network-spark{height:18px;flex:1;display:flex;align-items:flex-end;gap:2px;justify-content:flex-end}.network-spark i{width:3px;background:#257e70;height:20%;opacity:.7}.network-spark i:nth-child(3n){background:#55d1b8}.network-line:nth-child(2) .network-spark i{background:#568b38}.network-line:nth-child(2) .network-spark i:nth-child(3n){background:#a7ff52}.protocol-label{color:#45564a!important}
.middle-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:12px;margin-top:12px}.panel{padding:17px 18px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font-weight:600;font-size:16px;margin:7px 0 0;letter-spacing:-.02em}.panel-heading h2 small{font:9px var(--mono);color:#67766b;letter-spacing:.06em;margin-left:9px}.section-kicker{font-size:9px;color:#78927a}.chart-legend{display:flex;align-items:center;gap:14px;color:#859188;font:9px var(--mono);padding-bottom:1px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.cpu-legend{background:var(--lime);box-shadow:0 0 6px #a7ff52}.ram-legend{background:var(--cyan);box-shadow:0 0 6px #47d9d1}.chart-legend .chart-window{color:#506055;border-left:1px solid var(--line);padding-left:12px}.chart-area{height:145px;display:flex;gap:10px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#58665c;font:8px var(--mono);padding:0 0 15px}.chart-inner{position:relative;flex:1;min-width:0}.chart-grid-lines{position:absolute;inset:0 0 17px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{height:1px;background:#17211a;width:100%}.chart-grid-lines i:last-child{background:#263329}.chart-inner canvas{position:absolute;inset:0 0 16px;width:100%;height:calc(100% - 16px)}.chart-times{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#526157;font:8px var(--mono)}.subtle-tag{border:1px solid var(--line);padding:5px 7px;color:#829086;font:8px var(--mono);letter-spacing:.07em;white-space:nowrap}.panel-heading.compact{margin-bottom:14px}.drives-list{display:flex;flex-direction:column;gap:15px;min-height:107px;padding:3px 0}.drive-top{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);margin-bottom:6px}.drive-name{color:#c7d1c9;display:flex;align-items:center;gap:8px}.drive-symbol{color:var(--lime);font-size:11px}.drive-capacity{color:#89968d}.drive-track{height:5px;background:#1c2821}.drive-fill{height:100%;background:linear-gradient(90deg,#5c9f38,var(--lime));box-shadow:0 0 7px #a7ff5240}.drive-meta{display:flex;justify-content:space-between;color:#5e6c62;font:8px var(--mono);margin-top:5px}.empty-inline{display:flex;justify-content:space-between;align-items:center;color:#59695e;font:10px var(--mono);padding:25px 0}.empty-inline span{color:#26372b}.storage-foot{border-top:1px solid var(--line);padding-top:11px;color:#6d7b71;font:9px var(--mono);display:flex;align-items:center;gap:7px}.storage-square{width:6px;height:6px;background:var(--lime);display:inline-block}.storage-right{margin-left:auto;color:#4d5d51}
.process-panel{margin-top:12px;padding-bottom:0}.process-heading{margin-bottom:13px}.process-tools{display:flex;align-items:center;gap:10px}.search-box{height:30px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#080c0a;padding:0 8px;color:#728077}.search-box span{font-size:16px}.search-box input{width:140px;border:0;outline:0;background:transparent;color:var(--text);font:10px var(--mono)}.search-box input::placeholder{color:#4a594e}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}thead{background:#0a0f0c}th{text-align:left;color:#647267;font:9px var(--mono);letter-spacing:.08em;font-weight:500;padding:10px 11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}th:first-child{width:27%}td{padding:9px 11px;border-bottom:1px solid #151f18;font:10px var(--mono);color:#b8c4ba;white-space:nowrap}.process-name-cell{display:flex;align-items:center;gap:9px}.process-glyph{width:23px;height:23px;display:grid;place-items:center;background:#101a13;border:1px solid #223529;color:#8dc95d;font-size:11px}.process-name{color:#d9e3db;font-size:10px}.process-user{font:8px var(--mono);color:#617065;margin-top:2px}.proc-share{display:flex;align-items:center;gap:8px;min-width:110px}.proc-share b{font-weight:500;color:#d8e5da;min-width:34px}.share-track{width:52px;height:3px;background:#1b2820}.share-fill{height:100%;background:var(--lime)}.share-fill.ram{background:var(--cyan)}.share-fill.gpu{background:var(--violet)}.process-io{color:#96a59a}.io-down{color:var(--cyan)}.io-up{color:var(--lime)}.pid{color:#607067}.empty-row td{text-align:center;height:122px;color:#728077}.empty-row td span,.empty-row td small{display:block}.empty-glyph{font-size:20px;color:#426044;margin-bottom:4px}.empty-row td small{font:8px var(--mono);letter-spacing:.1em;color:#48594d;margin-top:6px}.table-footer{height:34px;display:flex;align-items:center;gap:18px;color:#55645a;font:8px var(--mono);letter-spacing:.04em}.table-footer .live-dot{width:5px;height:5px;margin-right:6px}.table-footer span:last-child{margin-left:auto}
.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.node-panel,.legend-panel{min-height:145px}.pulse-mark{font-size:20px;color:#567b47}.node-state{display:flex;align-items:center;gap:11px;margin:2px 0 12px}.node-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #26362a;background:#0d170f;color:var(--lime);font-size:16px}.node-icon.idle{color:#657168;border-color:var(--line)}.node-state b{font-size:11px;font-weight:500;color:#d5e0d7}.node-state p{font-size:9px;color:#75837a;margin:4px 0 0}.node-code{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#070a08;border:1px solid #17221a;font:9px var(--mono);color:#738279;overflow:hidden}.prompt{color:#80bd5c;white-space:nowrap}.node-code code{color:#adbdb0;overflow:hidden;text-overflow:ellipsis}.blink-block{width:6px;height:10px;background:var(--lime);animation:blink 1s steps(2,start) infinite;flex:none}.legend-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.legend-list>div{display:flex;align-items:center;gap:7px;color:#7e8c82;font:8px var(--mono);white-space:nowrap}.legend-list b{font-weight:500;color:#bec9c0;width:35px}.legend-square{width:6px;height:6px;display:inline-block}.cpu-square{background:var(--lime)}.ram-square{background:var(--cyan)}.gpu-square{background:var(--violet)}.disk-square{background:#8fa999}.footnote{font:8px/1.5 var(--mono);color:#56665a;margin:12px 0 0}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:23px;padding-top:13px;color:#4c5a50;font:8px var(--mono);letter-spacing:.06em}.footer b{color:var(--lime);font-size:6px}.footer span:last-child{color:#5b6b5f}.footer #session-state{color:#a8d989}.online .status-led{animation:pulse 1.8s infinite}@keyframes blink{to{visibility:hidden}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 2px #a7ff52}}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:174px}.middle-grid{grid-template-columns:minmax(0,1.3fr) minmax(270px,.9fr)}}@media(max-width:760px){.topbar{padding:0 16px;height:58px}.brand-tag,.brand-sep{display:none}.topbar-right{gap:10px}.clock{display:none}.page-wrap{padding:24px 15px}.intro-row{display:block}.host-block{text-align:left;margin-top:18px}.host-meta{justify-content:flex-start}.intro-row h1{font-size:23px}.heading-en{display:block;margin:8px 0 0 0}.heading-slash{margin:0 6px}.metric-grid{gap:8px}.metric-card{padding:13px;min-height:165px}.metric-number{font-size:30px}.middle-grid,.bottom-grid{grid-template-columns:1fr;gap:8px;margin-top:8px}.panel{padding:14px}.chart-legend{gap:9px}.chart-legend .chart-window{display:none}.process-panel{margin-top:8px;padding-bottom:0}.process-heading{align-items:flex-start;gap:12px;flex-direction:column}.process-tools{width:100%}.search-box{flex:1}.search-box input{width:100%}.table-footer{gap:8px;font-size:7px}.footer{gap:10px;flex-wrap:wrap}.footer span:nth-child(2){display:none}}@media(max-width:430px){.connection-pill{padding:5px 7px;font-size:8px}.brand-name{font-size:11px}.brand-mark{width:26px;height:26px}.metric-index{font-size:8px}.metric-label{font-size:9px}.metric-foot{font-size:8px}.metric-foot span:last-child{font-size:8px}.legend-list{grid-template-columns:1fr}.legend-list>div{white-space:normal}.auth-card{padding:30px 25px 23px}.panel-heading h2 small{display:block;margin:5px 0 0}.table-footer span:nth-child(2){display:none}}