:root{--bg-app: #0B0E12;--bg-panel: #12161C;--bg-panel-hover: #1A1F27;--bg-input: #0D1117;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #E6EDF3;--text-secondary: #8B949E;--text-disabled: #484F58;--text-inverse: #0D1117;--border-default: #30363D;--border-muted: #21262D;--border-focus: #58A6FF;--accent-blue: #58A6FF;--accent-blue-hover: #79B8FF;--accent-blue-muted: rgba(88, 166, 255, .15);--status-success: #3FB950;--status-warning: #D29922;--status-error: #F85149;--status-info: #58A6FF;--accent-purple: #A371F7;--accent-orange: #F0883E;--accent-cyan: #39D353;--glass-bg: rgba(22, 27, 34, .85);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--window-bg: rgba(13, 17, 23, .92);--window-header-bg: rgba(22, 27, 34, .95);--term-black: #484F58;--term-red: #F85149;--term-green: #56D364;--term-yellow: #E3B341;--term-blue: #58A6FF;--term-magenta: #BC8CFF;--term-cyan: #39C5CF;--term-white: #B1BAC4;--term-bright-black: #6E7681;--term-bright-red: #FF7B72;--term-bright-green: #7EE787;--term-bright-yellow: #FFDF5D;--term-bright-blue: #79C0FF;--term-bright-magenta: #D2A8FF;--term-bright-cyan: #56D4DD;--term-bright-white: #F0F6FC;--term-fg: #C9D1D9;--term-bg: #0D1117;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Monaco", "Inconsolata", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-none: 0;--radius-sm: 2px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.window-container{background:var(--window-bg);border:1px solid var(--border-default);box-shadow:0 0 0 1px #00000080,0 25px 50px -12px #0009}.window-header{background:var(--window-header-bg);border-bottom:1px solid var(--border-default);padding:var(--spacing-md);display:flex;align-items:center;justify-content:space-between}.window-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary)}.btn{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-default);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-none)}.btn:hover{background:var(--bg-panel-hover);border-color:var(--accent-blue)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-blue);color:var(--text-inverse);border-color:var(--accent-blue)}.btn-primary:hover{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.btn-danger{background:transparent;color:var(--status-error);border-color:var(--status-error)}.btn-danger:hover{background:var(--status-error);color:var(--text-inverse)}.btn-icon{padding:var(--spacing-sm);min-width:32px;display:flex;align-items:center;justify-content:center}.terminal{background:var(--term-bg);color:var(--term-fg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;padding:var(--spacing-md);overflow:auto;white-space:pre-wrap;word-break:break-word;font-feature-settings:"liga" 1,"calt" 1}.terminal-line{margin:0;padding:2px 0}.terminal-prompt{color:var(--term-green)}.terminal-path{color:var(--term-blue)}.terminal-error{color:var(--term-red)}.terminal-success{color:var(--term-green)}.terminal-warning{color:var(--term-yellow)}.server-list{display:flex;flex-direction:column;gap:2px}.server-item{display:flex;align-items:center;padding:var(--spacing-md);background:var(--bg-panel);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.server-item:hover{background:var(--bg-panel-hover);border-color:var(--border-default)}.server-item.active{background:var(--accent-blue-muted);border-color:var(--accent-blue)}.server-status{width:8px;height:8px;margin-right:var(--spacing-md)}.server-status.online{background:var(--status-success);box-shadow:0 0 8px var(--status-success)}.server-status.offline{background:var(--status-error)}.server-status.unknown{background:var(--text-disabled)}.server-name{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.server-host{font-size:var(--text-xs);color:var(--text-secondary)}.file-browser{font-family:var(--font-mono);font-size:var(--text-sm)}.file-path{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border-default);margin-bottom:var(--spacing-md)}.file-path-segment{color:var(--accent-blue);cursor:pointer}.file-path-segment:hover{text-decoration:underline}.file-path-separator{color:var(--text-disabled)}.file-list{display:flex;flex-direction:column}.file-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-muted);cursor:pointer;transition:background var(--transition-fast)}.file-item:hover{background:var(--bg-panel-hover)}.file-icon{width:20px;margin-right:var(--spacing-md);color:var(--text-secondary)}.file-icon.folder{color:var(--accent-blue)}.file-name{flex:1;color:var(--text-primary)}.file-size{color:var(--text-secondary);font-size:var(--text-xs);min-width:80px;text-align:right}.file-date{color:var(--text-secondary);font-size:var(--text-xs);min-width:120px;text-align:right}.tabs{display:flex;border-bottom:1px solid var(--border-default)}.tab{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--text-primary);background:var(--bg-panel-hover)}.tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.input{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast);border-radius:var(--radius-none)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.input::placeholder{color:var(--text-disabled)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:2px var(--spacing-sm);border:1px solid currentColor}.badge-success{color:var(--status-success);background:#3fb9501a}.badge-warning{color:var(--status-warning);background:#d299221a}.badge-error{color:var(--status-error);background:#f851491a}.badge-info{color:var(--status-info);background:#58a6ff1a}.progress{height:4px;background:var(--bg-input);overflow:hidden}.progress-bar{height:100%;background:var(--accent-blue);transition:width var(--transition-normal)}.progress-bar.success{background:var(--status-success)}.progress-bar.error{background:var(--status-error)}.split-container{display:flex;height:100%}.split-pane{overflow:auto}.split-divider{width:4px;background:var(--border-default);cursor:col-resize;transition:background var(--transition-fast)}.split-divider:hover{background:var(--accent-blue)}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scan-line{0%{top:0}to{top:100%}}.pulse{animation:pulse-glow 2s ease-in-out infinite}.cursor-blink{animation:blink 1s step-end infinite}.scan-effect:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);animation:scan-line 3s linear infinite;pointer-events:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-default)}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);min-width:400px;max-width:600px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-muted)}.modal-title{font-family:var(--font-mono);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-muted)}.toast-container{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);min-width:300px;max-width:500px;pointer-events:auto;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-message{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.toast-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast-success{border-left:3px solid var(--status-success)}.toast-error{border-left:3px solid var(--status-error)}.toast-warning{border-left:3px solid var(--status-warning)}.toast-info{border-left:3px solid var(--status-info)}.alert{padding:var(--spacing-md);border:1px solid;font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.alert-error{background:#f851491a;border-color:var(--status-error);color:var(--status-error)}.alert-info{background:#58a6ff1a;border-color:var(--accent-blue);color:var(--accent-blue)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-main);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-app);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-blue);color:var(--text-inverse)}.app{display:flex;flex-direction:column;height:100%;background:radial-gradient(ellipse at top,rgba(88,166,255,.03) 0%,transparent 50%),var(--bg-app)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-default);background:var(--window-header-bg)}.app-logo{display:flex;align-items:center;gap:var(--spacing-md)}.app-logo-icon{width:32px;height:32px;color:var(--accent-blue)}.app-logo-text{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-main{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;display:flex;flex-direction:column;border-right:1px solid var(--border-default);background:var(--bg-panel)}.sidebar-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-muted)}.sidebar-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.sidebar-content{flex:1;overflow-y:auto}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-muted)}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-muted);background:var(--bg-panel)}.content-title{font-family:var(--font-mono);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.1em}.content-body{flex:1;padding:var(--spacing-xl);overflow-y:auto}.panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl)}.panel{display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-muted)}.panel-title{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary)}.panel-body{flex:1;padding:var(--spacing-md);overflow:auto}.terminal-panel{display:flex;flex-direction:column;background:var(--term-bg);border:1px solid var(--border-default);min-height:300px}.terminal-panel .panel-header{background:#161b22f2}.terminal-panel .panel-body{flex:1;padding:0}.terminal-input-area{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-muted);background:#0000004d}.terminal-prompt-symbol{color:var(--term-green);font-family:var(--font-mono);margin-right:var(--spacing-sm)}.terminal-input{flex:1;background:transparent;border:none;color:var(--term-fg);font-family:var(--font-mono);font-size:var(--text-sm)}.terminal-input:focus{outline:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{padding:var(--spacing-md);background:var(--bg-panel);border:1px solid var(--border-muted)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.stat-value.success{color:var(--status-success)}.stat-value.warning{color:var(--status-warning)}.stat-value.error{color:var(--status-error)}.status-bar{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-input);border-top:1px solid var(--border-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.status-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)}.status-dot{width:6px;height:6px}.status-dot.connected{background:var(--status-success);box-shadow:0 0 6px var(--status-success)}.status-dot.disconnected{background:var(--status-error)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.text-muted{color:var(--text-secondary)}.text-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.hidden{display:none}