@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#060a12;--bg-1:#0a1020;--bg-2:#0f1829;--bg-3:#162035;--bg-4:#1c2a42;--border:#63b3ff1a;--border-bright:#63b3ff40;--cyan:#00d4ff;--cyan-dim:#00d4ff26;--cyan-glow:#00d4ff59;--violet:#7c3aed;--violet-dim:#7c3aed26;--green:#00ff87;--green-dim:#00ff871f;--green-glow:#00ff874d;--red:#f44;--red-dim:#ff44441f;--red-glow:#ff44444d;--amber:#ffb547;--amber-dim:#ffb5471f;--text-1:#e8f4ff;--text-2:#8ba8cc;--text-3:#4a6080;--text-mono:#a8d8ea;--radius:10px;--radius-lg:16px;--shadow:0 4px 24px #0006;--shadow-cyan:0 0 20px #00d4ff26;--shadow-green:0 0 20px #00ff8726;--transition:.18s ease}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-glow)}.glass{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f1829f2 0%,#0a1020fa 100%)}.glass-bright{border-color:var(--border-bright)}.stat-card{background:linear-gradient(135deg, var(--bg-2) 0%, var(--bg-1) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), transform var(--transition);padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan-glow), transparent);opacity:0;height:1px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn-cyan{background:var(--cyan-dim);color:var(--cyan);border-color:#00d4ff4d}.btn-cyan:hover{border-color:var(--cyan);box-shadow:var(--shadow-cyan);background:#00d4ff40}.btn-green{background:var(--green-dim);color:var(--green);border-color:#00ff874d}.btn-green:hover{border-color:var(--green);box-shadow:var(--shadow-green);background:#00ff8733}.btn-red{background:var(--red-dim);color:var(--red);border-color:#ff44444d}.btn-red:hover{border-color:var(--red);box-shadow:0 0 16px var(--red-glow);background:#ff444440}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text-1)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.input{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-dim)}.input::placeholder{color:var(--text-3)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{background:var(--bg-2);color:var(--text-2);text-align:left;border-bottom:1px solid var(--border);z-index:5;text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;font-size:11px;font-weight:500;position:sticky;top:0}.data-table td{border-bottom:1px solid #63b3ff0d;padding:9px 16px}.data-table tr:hover td{background:#00d4ff08}.data-table tr:last-child td{border-bottom:none}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-online{background:var(--green-dim);color:var(--green);border:1px solid #00ff8733}.badge-offline{color:#f66;background:#ff444414;border:1px solid #ff444426}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00d4ff33}.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #ffb54733}.pulse-dot{background:var(--green);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";background:var(--green);opacity:.4;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-3px}.pulse-dot.offline{background:#f44}.pulse-dot.offline:after{opacity:0;background:#f44;animation:none}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.8)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.grid-bg{background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:40px 40px}.mono{font-family:JetBrains Mono,monospace}.glow-cyan{color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow)}.glow-green{color:var(--green);text-shadow:0 0 20px var(--green-glow)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-in{animation:.25s forwards fade-in}.animate-slide{animation:.2s forwards slide-in}.nav-item{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:left;width:100%;color:var(--text-2);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:13px;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--cyan-dim);border-color:var(--border);color:var(--text-1)}.nav-item.active{background:var(--cyan-dim);color:var(--cyan);border-color:#00d4ff4d}.nav-item.active:before{content:"";background:var(--cyan);width:2px;box-shadow:0 0 8px var(--cyan);position:absolute;top:0;bottom:0;left:0}.tab-nav{gap:2px;display:flex}.tab-btn{cursor:pointer;color:var(--text-2);transition:all var(--transition);background:0 0;border:1px solid #0000;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:500}.tab-btn:hover{color:var(--text-1);background:var(--bg-3)}.tab-btn.active{background:var(--cyan-dim);color:var(--cyan);border-color:#00d4ff40}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:700}.divider{background:var(--border);height:1px;margin:8px 0}.spinner{border:2px solid var(--bg-4);border-top-color:var(--cyan);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.action-card{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;background:var(--bg-2);transition:all var(--transition);text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;display:flex}.action-card:hover{border-color:var(--border-bright);background:var(--bg-3);transform:translate(2px)}.action-card.danger{background:var(--red-dim);border-color:#f443}.action-card.danger:hover{border-color:var(--red);box-shadow:0 0 16px var(--red-glow)}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hide-mobile{display:block}.show-mobile{display:none}.flex-wrap-mobile{flex-wrap:nowrap}.grid-mobile-stack{grid-template-columns:1fr 1fr}.grid-mobile-stack-3{grid-template-columns:1fr 1fr 2fr}.sidebar-container{width:220px;min-width:220px;transition:transform var(--transition)}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.flex-wrap-mobile{flex-wrap:wrap}.grid-mobile-stack,.grid-mobile-stack-3{grid-template-columns:1fr!important}.sidebar-container{z-index:50;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-container.open{transform:translate(0);box-shadow:0 0 40px #000c}.stat-card{grid-column:span 1!important}.tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}}