:root{--text:#cbd5e1;--text-h:#fff;--bg:#000;--surface:#0b0f14;--surface-2:#0f1720;--border:#1f2937;--code-bg:#0f1720;--accent:#fff;--accent-bg:#ffffff14;--accent-border:#ffffff3d;--shadow:#0000008c 0 14px 30px -14px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{height:100%;margin:0}html{height:100%}#root{box-sizing:border-box;border:0;width:100%;height:100%;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.layout{width:100vw;height:100vh;color:var(--text);background:var(--bg);display:flex}.sidebar{border-right:1px solid var(--border);box-sizing:border-box;background:var(--surface);flex-direction:column;flex:none;gap:16px;width:240px;padding:16px;display:flex}.brandTitle{letter-spacing:.2px;color:var(--text-h);font-size:18px;font-weight:650;line-height:1.1}.brandLogo{object-fit:contain;border:1px solid var(--border);border-radius:12px;width:100%;height:120px}.brandLogoAuth{height:260px}.brandSub{opacity:.8;margin-top:4px;font-size:12px}.nav{flex-direction:column;gap:8px;display:flex}.navItem{appearance:none;color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px;font-size:14px;transition:background .12s,border-color .12s}.navItem:hover{background:var(--surface-2);border-color:var(--border)}.navItemActive{background:var(--accent-bg);border-color:var(--accent-border)}.content{box-sizing:border-box;flex-direction:column;flex:auto;gap:14px;padding:24px;display:flex;overflow:hidden}.authLayout{background:var(--bg);box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex}.authCard{width:min(420px,100%)}.authBrandInline{margin:12px -18px 14px}.brandLogoAuthInline{object-fit:cover;object-position:center;background:#000;border:0;border-radius:14px 14px 0 0;width:100%;height:220px;display:block}.authField{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.authLabel{font-family:var(--mono);font-size:12px}.authError{color:var(--text-h);font-family:var(--mono);background:#ef444414;border:1px solid #ef444473;border-radius:12px;margin-top:8px;padding:10px 12px;font-size:12.5px;line-height:1.35}.authFoot{margin-top:14px;font-size:12px}.navSpacer{flex:auto}.navMeta{flex-direction:column;gap:10px;display:flex}.ghostButton{appearance:none;border:1px solid var(--border);color:var(--text-h);cursor:pointer;font-size:13px;font-family:var(--mono);opacity:.9;background:0 0;border-radius:10px;padding:10px}.ghostButton:hover{border-color:var(--accent-border);background:var(--surface-2)}.serverStatusLine{margin-bottom:12px}.miniNav{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.miniNavItem{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);cursor:pointer;font-size:12.5px;font-family:var(--mono);opacity:.9;border-radius:10px;padding:8px 10px}.miniNavItem:hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--surface-2), #fff 4%)}.miniNavItemActive{border-color:var(--accent-border);background:var(--accent-bg)}.serverTabBody{margin-top:6px}.serversPage{flex-direction:column;gap:14px;display:flex}.serversHero{background:radial-gradient(1200px 320px at 50% 0,#06b6d42e,#0000 65%),linear-gradient(#0f172ae6,#0f172a59);justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.serversHeroTitle{color:var(--text-h);letter-spacing:-.2px;font-size:22px;font-weight:650}.serversHeroSub{font-family:var(--mono);opacity:.8;margin-top:4px;font-size:12px}.serversHeroActions{flex:none;align-items:center;gap:10px;display:flex}.serversStats{background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;display:grid}.serversStat{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px}.serversStatLabel{font-family:var(--mono);letter-spacing:.35px;opacity:.7;font-size:11px}.serversStatValue{color:var(--text-h);margin-top:8px;font-size:26px;font-weight:650}.serversStatValueOk{color:#10b981}.serversStatValueBad{color:#ef4444}.serversGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.serverCard{border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.serverCardOnline{border-color:color-mix(in srgb, #10b981, var(--border) 65%);box-shadow:0 0 0 1px #10b9811f, var(--shadow)}.serverCardHead{border-bottom:1px solid var(--border);padding:12px}.serverCardTop{align-items:center;gap:10px;display:flex}.serverCardName{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;overflow:hidden}.serverCardStatus{font-family:var(--mono);opacity:.85;font-size:11.5px}.serverCardStatusOn{color:#10b981}.serverCardMeta{opacity:.8;overflow-wrap:anywhere;flex-direction:column;gap:4px;margin-top:10px;display:flex}.serverCardBody{flex-direction:column;gap:12px;padding:12px;display:flex}.serverMiniKvs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.serverMiniLabel{font-family:var(--mono);opacity:.75;letter-spacing:.3px;font-size:11px}.serverMiniValue{color:var(--text-h);margin-top:6px;font-size:15px}.serverBarBlock{flex-direction:column;gap:8px;display:flex}.serverBarRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.serverBarLabel{font-family:var(--mono);opacity:.8;font-size:12px}.serverBarValue{font-family:var(--mono);opacity:.9;font-size:12px}.serverBar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;height:6px;overflow:hidden}.serverBarFill{border-radius:999px;height:100%}.serverBarFillCpu{background:#06b6d4}.serverBarFillMem{background:#10b981}.serverBarFillDisk{background:#f59e0b}.serverDetails{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.serverOpenPanels{flex-direction:column;gap:10px;display:flex}.serverSessions{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;max-height:220px;padding:10px;display:flex;overflow-y:auto}.serverSessionsTitle{font-family:var(--mono);letter-spacing:.3px;opacity:.75;background:var(--surface);padding:2px 0;font-size:11px;position:sticky;top:0}.serverSessionsRow{opacity:.92;overflow-wrap:anywhere;font-size:12px}.serverSessionsEmpty{opacity:.7;font-size:12px}.serverSessionsHint{opacity:.65;font-size:11px}.serverDetailsLine{opacity:.9;overflow-wrap:anywhere;font-size:12px}.serverActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.serverAction{appearance:none;border:1px solid var(--border);color:var(--text-h);cursor:pointer;font-family:var(--mono);opacity:.95;background:#ffffff08;border-radius:12px;padding:10px;font-size:12px}.serverAction:hover{border-color:var(--accent-border);background:#ffffff12}.serverActionDanger{background:#ef444414;border-color:#ef444473}.serverActionDanger:hover{background:#ef44441f;border-color:#ef4444a6}.agentConfigArea{flex-direction:column;gap:12px;display:flex}.agentHeaderRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.agentAddButton{appearance:none;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;width:32px;height:32px;line-height:1;font-family:var(--mono);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.agentAddButton:hover{background:color-mix(in srgb, var(--accent-bg), #fff 6%)}.agentList{flex-direction:column;gap:12px;display:flex}.agentRowTitle{appearance:none;cursor:pointer;background:0 0;border:0;flex:auto;align-items:flex-start;gap:10px;min-width:0;margin:0;padding:0;display:flex}.agentRowName,.agentRowId{margin-top:1px}.statusDot{border-radius:999px;flex:none;width:8px;height:8px;margin-top:3px}.statusDotOn{background:#22c55e}.statusDotOff{opacity:.75;background:#ef4444}.statusDotUnknown{background:#94a3b8cc}.agentRowMeta{font-family:var(--mono);opacity:.8;text-overflow:unset;white-space:normal;flex-direction:column;gap:4px;padding-right:8px;font-size:12px;line-height:1.35;display:flex;overflow:visible}.agentMetaLine{overflow-wrap:anywhere}.agentRowActions{align-items:center;gap:8px;display:flex}.miniAction{appearance:none;border:1px solid var(--border);color:var(--text-h);cursor:pointer;height:28px;font-family:var(--mono);opacity:.9;background:0 0;border-radius:10px;padding:0 10px;font-size:12px}.miniAction:hover{border-color:var(--accent-border);background:var(--surface)}.agentEnvPre{border-top:1px solid var(--border)}.kvGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.kvItem{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:10px}.kvLabel{font-family:var(--mono);margin-bottom:6px;font-size:12px}.kvValue{font-size:13px}.agentExpanded{border-top:1px solid var(--border)}.agentMiniGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.agentExpanded .agentEnvPre{border-top:0}.miniClose{appearance:none;border:1px solid var(--border);color:var(--text-h);cursor:pointer;width:28px;height:28px;line-height:1;font-family:var(--mono);opacity:.9;background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.miniClose:hover{border-color:var(--accent-border);background:var(--surface)}.pageArea{flex:auto;overflow:auto}.pagePane{display:none}.pagePaneActive{display:block}.terminalDock{flex:none}.contentHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.contentTitle{color:var(--text-h);letter-spacing:-.4px;margin:0;font-size:28px}.contentMeta{gap:8px;display:flex}.pill{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:999px;padding:6px 10px;font-size:12px;line-height:1}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px}.panelBody{padding:18px}.panelTitle{color:var(--text-h);margin-bottom:8px;font-weight:600}.muted{opacity:.9}.formRow{justify-content:center;gap:10px;margin-top:16px;display:flex}.textInput{border:1px solid var(--border);background:var(--surface-2);height:40px;color:var(--text-h);font-family:var(--mono);border-radius:10px;outline:none;flex:auto;padding:0 12px;font-size:13px}.textInput:focus{border-color:var(--accent-border)}.primaryButton{border:1px solid var(--accent-border);background:var(--accent-bg);height:40px;color:var(--text-h);cursor:pointer;font-family:var(--mono);border-radius:10px;flex:none;padding:0 14px;font-size:13px}.primaryButton:disabled{opacity:.45;cursor:not-allowed}.commands{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin-top:14px;overflow:hidden}.commandsHeader{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:10px 12px;display:flex}.mono{font-family:var(--mono);color:var(--text-h)}.commandsPre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);color:var(--text-h);margin:0;padding:12px;font-size:12.5px;line-height:1.45}.reconTop{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}.reconTop+.panel{margin-top:16px}.reconMainGrid{grid-template-columns:1.35fr .65fr;gap:12px;margin-top:12px;display:grid}.subPanel{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;overflow:hidden}.subPanelHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;display:flex}.cmdList{flex-direction:column;gap:14px;padding:10px 12px 12px;display:flex}.cmdSectionTitle{letter-spacing:.2px;color:var(--text-h);opacity:.8;margin-bottom:8px;font-size:12px}.cmdItems{flex-direction:column;gap:8px;display:flex}.cmdItem{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);cursor:pointer;border-radius:12px;grid-template-columns:180px 1fr;gap:12px;padding:10px;transition:border-color .12s,background .12s;display:grid}.cmdItem:hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--surface), #fff 4%)}.cmdItemTitle{font-family:var(--mono);opacity:.95;font-size:12.5px}.cmdItemCmd{font-family:var(--mono);opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notesArea{resize:vertical;width:100%;min-height:420px;color:var(--text-h);font-family:var(--mono);box-sizing:border-box;background:0 0;border:0;outline:none;padding:12px;font-size:12.5px;line-height:1.5}.reconTerminal{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;margin-top:12px;overflow:hidden}.terminalOut{white-space:pre-wrap;overflow-wrap:anywhere;height:220px;font-family:var(--mono);color:var(--text-h);box-sizing:border-box;margin:0;padding:12px;font-size:12.5px;line-height:1.45;overflow:auto}.terminalPanel{background:#000}.terminalPanel .panelBody{padding:12px}.terminalPanel .terminalOut{color:#e5e7eb;background:0 0;border:0;border-radius:0;height:auto}.terminalScreen{border:1px solid var(--border);background:#000;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.terminalScreen .terminalOut{flex:auto;min-height:280px;max-height:360px}.terminalInRow.terminalInRowIn{border-top:1px solid var(--border);background:#000;padding:10px 12px}.termPrompt{font-family:var(--mono);color:#22c55e;white-space:nowrap;flex:none;align-self:center;font-size:13px}.terminalInRow{border-top:1px solid var(--border);gap:10px;padding:10px 12px 12px;display:flex}.terminalPanel .terminalInRow{border-top:0}.terminalIn{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text-h);font-family:var(--mono);border-radius:10px;outline:none;flex:auto;padding:0 12px;font-size:13px}.terminalPanel .terminalIn{color:#e5e7eb;caret-color:#e5e7eb;background:0 0;border:0;border-radius:0;height:28px;padding:0}.terminalPanel .terminalIn:focus{border:0}.terminalPanel .primaryButton{height:28px;padding:0 10px}.terminalIn:focus{border-color:var(--accent-border)}.modalOverlay{box-sizing:border-box;z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);width:min(520px,100%);max-height:min(92vh,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modalTall{width:min(760px,100%)}.modalBody{flex:auto;overflow:auto}.agentModalMeta{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin-bottom:12px;padding:10px}.modalHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.modalTitle{font-family:var(--mono);color:var(--text-h);opacity:.95;font-size:13px}.modalActions{gap:8px;display:flex}.modalPre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);color:var(--text-h);background:var(--surface-2);box-sizing:border-box;margin:0;padding:14px 12px;font-size:13px;line-height:1.45;overflow:auto}@media (width<=980px){.reconMainGrid,.cmdItem{grid-template-columns:1fr}.serversStats,.serversGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.serversGrid{grid-template-columns:1fr}}.doc{flex-direction:column;gap:16px;margin-top:14px;display:flex}.docSection{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px}.embedFrame{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;height:560px}.embedWrap{margin-top:12px;position:relative}.embedLoading{border:1px solid var(--border);z-index:2;background:#0000008c;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.spinner{border:3px solid #ffffff2e;border-top-color:#fffffff2;border-radius:50%;width:44px;height:44px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.layoutAtack .content{padding:0}.layoutAtack .pageArea{box-sizing:border-box;padding:16px}.layoutAtack .embedFrame{height:max(560px,100vh - 170px)}.docSectionTitle{font-family:var(--mono);color:var(--text-h);opacity:.9;margin:0 0 10px;font-size:13px}.docTool{margin-top:10px}.docToolTitle{font-family:var(--mono);color:var(--text-h);opacity:.85;margin:0 0 8px;font-size:12.5px}.codeBlock{border:1px solid var(--border);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);color:var(--text-h);border-radius:12px;margin:0;padding:12px;font-size:12.5px;line-height:1.5}.termHost{border:1px solid var(--border);background:var(--surface);border-radius:12px;height:320px;overflow:hidden}.termHost .xterm{height:100%}.termHost .xterm-viewport,.termHost .xterm-screen{height:100%!important}.termHostWrap{position:relative}.termCapture{opacity:0;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}.termTabs{align-items:center;gap:8px;margin-bottom:10px;display:flex}.termLauncher{justify-content:flex-end;display:flex}.termTab{appearance:none;border:1px solid var(--border);color:var(--text-h);cursor:pointer;font-family:var(--mono);background:0 0;border-radius:10px;padding:6px 10px;font-size:12px}.termTabActive{background:var(--accent-bg);border-color:var(--accent-border)}.termAdd{appearance:none;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;font-family:var(--mono);border-radius:10px;padding:6px 10px;font-size:12px}.termPane{display:none}.termPaneActive{display:block}
