*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#0a0a0a;--bg-1:#0f0f0f;--bg-2:#161616;--bg-3:#1e1e1e;--bg-4:#262626;--text-0:#e8e8e8;--text-1:#b0b0b0;--text-2:#707070;--text-3:#484848;--accent:#4d9eff;--accent-dim:#4d9eff1f;--accent-glow:#4d9eff40;--green:#34d399;--green-dim:#34d3991f;--red:#f87171;--red-dim:#f871711f;--yellow:#fbbf24;--yellow-dim:#fbbf241f;--purple:#a78bfa;--purple-dim:#a78bfa1f;--border:#ffffff0f;--border-focus:var(--accent);--radius:6px;--radius-lg:10px;--font:"JetBrains Mono", "Fira Code", "Consolas", monospace}html,body{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg-0);color:var(--text-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.5}#root{height:100%}::selection{background:var(--accent-glow);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:var(--font)}input:-webkit-autofill{-webkit-text-fill-color:var(--text-0);-webkit-box-shadow:0 0 0 100px var(--bg-1) inset;box-shadow:0 0 0 100px var(--bg-1) inset;caret-color:var(--text-0);transition:background-color 5000s ease-in-out;border-color:var(--border)!important}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-0);-webkit-box-shadow:0 0 0 100px var(--bg-1) inset;box-shadow:0 0 0 100px var(--bg-1) inset;caret-color:var(--text-0);transition:background-color 5000s ease-in-out;border-color:var(--border)!important}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-0);-webkit-box-shadow:0 0 0 100px var(--bg-1) inset;box-shadow:0 0 0 100px var(--bg-1) inset;caret-color:var(--text-0);transition:background-color 5000s ease-in-out;border-color:var(--border)!important}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;overflow:hidden}.sidebar.open{width:200px}.sidebar.collapsed{width:48px}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:44px;padding:12px;display:flex}.sidebar-toggle{color:var(--text-2);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;transition:color .15s;display:flex}.sidebar-toggle:hover{color:var(--text-0)}.logo-text{color:var(--accent);letter-spacing:1px;text-transform:lowercase;font-size:14px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 6px;display:flex}.nav-item{border-radius:var(--radius);color:var(--text-2);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--text-0);background:var(--bg-3);text-decoration:none}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-item svg{flex-shrink:0}.nav-badge{background:var(--accent-dim);color:var(--accent);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.4}.sidebar-footer{border-top:1px solid var(--border);padding:8px 6px 12px}.user-info{align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px;display:flex}.user-avatar{background:var(--accent-dim);width:24px;height:24px;color:var(--accent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.user-details{flex-direction:column;gap:1px;display:flex;overflow:hidden}.user-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.user-email{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.nav-item.logout:hover{color:var(--red);background:var(--red-dim)}.main-content{background:var(--bg-0);flex-direction:column;flex:1;display:flex;overflow:hidden}.auth-page{background:var(--bg-0);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:32px}.auth-logo{text-align:center;margin-bottom:28px}.logo-icon{color:var(--accent);margin-bottom:8px;font-size:28px;display:block}.auth-logo h1{color:var(--text-0);letter-spacing:2px;text-transform:lowercase;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-2);letter-spacing:.5px;margin-top:4px;font-size:11px}.auth-field{margin-bottom:16px}.auth-field label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:400;display:block}.auth-field input{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-0);box-sizing:border-box;outline:none;padding:10px 12px;font-size:13px;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-field input::placeholder{color:var(--text-3)}.auth-btn{background:var(--accent);border-radius:var(--radius);color:#000;cursor:pointer;letter-spacing:.5px;border:none;width:100%;margin-top:8px;padding:10px;font-size:12px;font-weight:600;transition:opacity .15s}.auth-btn:hover:not(:disabled){opacity:.9}.auth-btn:disabled{opacity:.5;cursor:wait}.auth-error{background:var(--red-dim);border-radius:var(--radius);color:var(--red);text-align:center;border:1px solid #f8717133;margin-bottom:16px;padding:8px 12px;font-size:12px}.auth-link{text-align:center;color:var(--text-2);margin-top:20px;font-size:12px}.auth-link a{color:var(--accent);font-weight:500}@media (width<=480px){.auth-card{margin:16px;padding:24px}}.dashboard{flex-direction:column;height:100%;display:flex;overflow:hidden}.dash-topbar{background:var(--bg-1);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:48px;padding:10px 16px;display:flex}.topbar-search{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);flex:1;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s;display:flex}.topbar-search:focus-within{border-color:var(--accent)}.topbar-search svg{color:var(--text-3);flex-shrink:0}.topbar-search input{color:var(--text-0);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.topbar-search input::placeholder{color:var(--text-3)}.quick-connect-btn{background:var(--accent);border-radius:var(--radius);color:#000;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;padding:4px 12px;font-size:11px;font-weight:600;transition:opacity .12s}.quick-connect-btn:hover{opacity:.85}.topbar-actions{gap:8px;display:flex}.tb-action{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .12s;display:flex}.tb-action:hover{background:var(--bg-2);color:var(--text-0);border-color:var(--accent)}.tb-action.new-host{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.tb-action.new-host:hover{opacity:.9}.dash-body{flex:1;display:flex;overflow:hidden}.dash-main{flex:1;padding:16px 20px;overflow-y:auto}.dash-main::-webkit-scrollbar{width:5px}.dash-main::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}.host-group{margin-bottom:20px}.group-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:600}.host-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.host-tile{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:all .12s;display:flex;position:relative}.host-tile:hover{background:var(--bg-2);border-color:var(--accent)}.host-tile.selected{border-color:var(--accent);background:#4d9eff0f;box-shadow:0 0 0 1px #4d9eff26}.tile-indicator{flex-shrink:0}.tile-dot{border-radius:50%;width:8px;height:8px}.tile-dot.pass{background:#f59e0b;box-shadow:0 0 4px #f59e0b4d}.tile-dot.key{background:#22c55e;box-shadow:0 0 4px #22c55e4d}.tile-info{flex-direction:column;flex:1;min-width:0;display:flex}.tile-name{color:var(--text-0);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.tile-host{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.tile-fav{color:#f59e0b;flex-shrink:0;font-size:10px}.dash-sidebar{background:var(--bg-1);border-left:1px solid var(--border);width:320px;min-width:320px;overflow-y:auto}.dash-sidebar::-webkit-scrollbar{width:4px}.dash-sidebar::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:2px}.sidebar-panel{padding:0}.sidebar-panel-header{border-bottom:1px solid var(--border);background:var(--bg-1);z-index:2;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.sidebar-panel-header h2{color:var(--text-0);font-size:13px;font-weight:600}.panel-close-btn{color:var(--text-2);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px;transition:color .12s;display:flex}.panel-close-btn:hover{color:var(--text-0)}.host-form{padding:12px 16px}.hf-section{margin-bottom:16px}.hf-section h4{text-transform:uppercase;letter-spacing:.6px;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:4px;font-size:10px;font-weight:600}.hf-field{margin-bottom:10px}.hf-field label{color:var(--text-2);margin-bottom:4px;font-size:11px;display:block}.hf-field input,.hf-field select{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-0);font-family:var(--font);box-sizing:border-box;outline:none;padding:8px 10px;font-size:12px;transition:border-color .15s}.hf-field input:focus,.hf-field select:focus{border-color:var(--accent)}.hf-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hf-hint{color:var(--text-3);padding-top:28px;font-size:10px;display:block}.hf-checkbox{align-items:center;gap:8px;margin:8px 0;display:flex}.hf-checkbox input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.hf-checkbox label{color:var(--text-1);cursor:pointer;font-size:12px}.hf-connect-btn{background:var(--accent);border-radius:var(--radius);color:#000;width:100%;font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:opacity .12s;display:flex}.hf-connect-btn:hover{opacity:.9}.host-detail{padding:12px 16px}.hd-section{margin-bottom:16px}.hd-section h4{text-transform:uppercase;letter-spacing:.6px;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:10px;font-weight:600}.hd-row{justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}.hd-row span:first-child{color:var(--text-2)}.hd-row span:last-child{color:var(--text-0);font-weight:500}.hd-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.hd-badge.password{color:#f59e0b;background:#f59e0b26}.hd-badge.key{color:#22c55e;background:#22c55e26}.hd-key-tag{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);margin-bottom:4px;padding:5px 10px;font-size:11px}.hd-tags{flex-wrap:wrap;gap:4px;display:flex}.hd-tags .tag{color:#a78bfa;background:#8b5cf61a;border-radius:4px;padding:2px 8px;font-size:10px}.hd-meta{color:var(--text-2);font-size:11px}.hd-os-row{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:8px;display:flex}.hd-os-info{flex-direction:column;display:flex}.hd-os-name{color:var(--text-0);text-transform:capitalize;font-size:13px;font-weight:600}.hd-os-ver{color:var(--text-2);font-size:11px}.hd-actions{margin-top:20px}.hd-secondary-actions{gap:8px;margin-top:8px;display:flex}.hd-action-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:11px;transition:all .12s;display:flex}.hd-action-btn:hover{background:var(--bg-2);color:var(--text-0)}.hd-action-btn.danger:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.dash-loading,.dash-empty{height:100%;color:var(--text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.empty-prompt{color:var(--text-3);opacity:.4;margin-bottom:8px;font-size:32px;font-weight:700}.dash-empty p{color:var(--text-1);font-size:14px}.dash-empty span{color:var(--text-2);font-size:12px}.dash-empty strong{color:var(--accent)}.dialog-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;margin:16px;padding:24px}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dialog-header h3{color:var(--text-0);font-size:14px;font-weight:600}.dialog-desc{color:var(--text-2);margin-bottom:16px;font-size:12px;line-height:1.5}.dialog-desc strong{color:var(--accent)}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (width<=900px){.dash-sidebar{width:280px;min-width:280px}.host-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=640px){.dash-body{flex-direction:column}.dash-sidebar{border-left:none;border-top:1px solid var(--border);width:100%;min-width:100%;max-height:50vh}.host-grid{grid-template-columns:1fr 1fr}.topbar-actions{display:none}}.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}.terminal-view{background:var(--bg-0);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex}.terminal-view.hidden{display:none}.terminal-view.fullscreen{z-index:200;position:fixed;inset:0}.term-toolbar{background:var(--bg-1);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;height:36px;min-height:36px;padding:0 12px;display:flex}.toolbar-left,.toolbar-center,.toolbar-right{align-items:center;gap:6px;display:flex}.toolbar-left{min-width:120px}.toolbar-right{justify-content:flex-end;min-width:120px}.conn-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px}.conn-indicator.connected{background:#22c55e;box-shadow:0 0 6px #22c55e66}.conn-indicator.disconnected{background:#ef4444;box-shadow:0 0 6px #ef44444d}.toolbar-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.tb-btn{color:var(--text-2);cursor:pointer;border-radius:var(--radius);font-family:var(--font);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:4px 8px;font-size:11px;transition:all .12s;display:flex}.tb-btn:hover{color:var(--text-0);background:var(--bg-2);border-color:var(--border)}.tb-btn.active{color:var(--accent);background:#4d9eff14;border-color:#4d9eff33}.tb-btn.danger{color:#ef4444}.tb-btn.danger:hover{background:#ef44441a;border-color:#ef444433}.tb-divider{background:var(--border);width:1px;height:16px;margin:0 2px}.terminal-search{z-index:10;background:var(--bg-2);border:1px solid var(--accent);border-radius:var(--radius);align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;top:44px;right:16px}.terminal-search input{color:var(--text-0);font-family:var(--font);background:0 0;border:none;outline:none;width:200px;font-size:12px}.terminal-search input::placeholder{color:var(--text-3)}.terminal-search button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px;transition:color .12s;display:flex}.terminal-search button:hover{color:var(--text-0)}.term-body{flex:1;display:flex;position:relative;overflow:hidden}.term-panel{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;width:300px;min-width:300px;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel-header h3{color:var(--text-0);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.panel-close{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px;display:flex}.panel-close:hover{color:var(--text-0)}.panel-content{flex:1;padding:8px;overflow-y:auto}.panel-content::-webkit-scrollbar{width:4px}.panel-content::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:2px}.panel-loading,.panel-empty{color:var(--text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:12px;display:flex}.panel-search{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;display:flex}.panel-search svg{color:var(--text-2);flex-shrink:0}.panel-search input{color:var(--text-0);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;font-size:12px}.panel-search input::placeholder{color:var(--text-3)}.history-items{flex-direction:column;gap:2px;display:flex}.history-cmd-btn{border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:7px 10px;transition:all .1s;display:flex}.history-cmd-btn:hover{background:var(--bg-2);border-color:var(--border)}.history-cmd-btn code{color:var(--accent);font-family:var(--font);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.history-cmd-btn .cmd-time{color:var(--text-3);flex-shrink:0;font-size:10px}.info-section{margin-bottom:14px}.info-section h4{text-transform:uppercase;letter-spacing:.6px;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:10px;font-weight:600}.info-row{justify-content:space-between;align-items:flex-start;gap:8px;padding:3px 0;font-size:11px;display:flex}.info-label{color:var(--text-2);flex-shrink:0}.info-value{color:var(--text-0);text-align:right;word-break:break-all}.disk-bar{background:var(--bg-0);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.disk-bar-fill{border-radius:2px;height:100%;transition:width .3s}.refresh-btn{justify-content:center;width:100%;margin-top:8px;border:1px solid var(--border)!important}.terminal-container{flex:1;overflow:hidden}.terminal-container .xterm{padding:8px}.terminal-container .xterm-viewport::-webkit-scrollbar{width:6px}.terminal-container .xterm-viewport::-webkit-scrollbar-track{background:0 0}.terminal-container .xterm-viewport::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}.breadcrumb-bar{background:var(--bg-1);border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:2px;min-height:24px;padding:3px 12px;display:flex;overflow-x:auto}.breadcrumb-bar::-webkit-scrollbar{display:none}.breadcrumb-icon{color:var(--text-3);flex-shrink:0;margin-right:6px}.breadcrumb-part{align-items:center;display:flex}.breadcrumb-sep{color:var(--text-3);-webkit-user-select:none;user-select:none;margin:0 1px;font-size:10px}.breadcrumb-seg{color:var(--text-2);font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:11px;transition:all .1s}.breadcrumb-seg:hover{color:var(--text-0);background:var(--bg-3)}.breadcrumb-root{color:var(--text-1);font-weight:600}.breadcrumb-current{color:var(--accent);font-weight:600}.breadcrumb-current:hover{color:var(--accent);background:#4d9eff14}@media (width<=768px){.term-panel{width:240px;min-width:240px}.tb-btn span,.toolbar-label{display:none}}.terminal-tabs{background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:36px;display:flex;overflow-x:auto}.terminal-tab{height:100%;color:var(--text-2);cursor:pointer;white-space:nowrap;border:none;border-right:1px solid var(--border);background:0 0;align-items:center;gap:8px;padding:0 14px;font-size:11px;transition:all .15s;display:flex;position:relative}.terminal-tab:hover{color:var(--text-0);background:var(--bg-2)}.terminal-tab.active{color:var(--text-0);background:var(--bg-0)}.terminal-tab.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.tab-status{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tab-status.connected{background:var(--green)}.tab-status.connecting{background:var(--yellow)}.tab-status.disconnected{background:var(--text-3)}.tab-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.tab-close:hover{color:var(--red);background:var(--red-dim)}.terminal-page{background:var(--bg-0);flex-direction:column;height:100%;display:flex;overflow:hidden}.terminal-area{flex:1;position:relative;overflow:hidden}.terminal-empty{height:100%;color:var(--text-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.empty-terminal-icon{color:var(--text-3);margin-bottom:12px}.terminal-empty h2{color:var(--text-1);margin-bottom:6px;font-size:14px;font-weight:600}.terminal-empty p{max-width:300px;color:var(--text-2);font-size:12px;line-height:1.6}.terminal-empty strong{color:var(--accent)}.tab-pane-container{position:absolute;inset:0}.tab-pane-container.hidden{display:none}.tab-pane-container.active{display:flex}.split-container{width:100%;min-width:0;height:100%;min-height:0;display:flex}.split-container.split-h{flex-direction:row}.split-container.split-v{flex-direction:column}.split-child{min-width:0;min-height:0;display:flex;overflow:hidden}.split-divider{background:var(--border);z-index:2;flex-shrink:0;transition:background .12s;position:relative}.split-divider:hover,.split-divider:active{background:var(--accent)}.split-divider.divider-h{cursor:col-resize;width:4px}.split-divider.divider-v{cursor:row-resize;height:4px}.split-pane-leaf{border:1px solid #0000;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;transition:border-color .12s;display:flex;position:relative}.split-pane-leaf.pane-active{border-color:var(--accent)}.split-pane-leaf.pane-drag-over{border-color:var(--accent);background:#4d9eff0a}.pane-header{background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:22px;padding:2px 6px;display:flex}.pane-title{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.pane-controls{gap:2px;display:flex}.pane-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;transition:all .1s;display:flex}.pane-btn:hover{color:var(--text-0);background:var(--bg-3)}.pane-btn:disabled{opacity:.3;cursor:default}.pane-btn.pane-close:hover{color:#ef4444;background:#ef44441a}.pane-terminal{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.pane-terminal .terminal-view{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.pane-terminal .terminal-view.active{display:flex}.pane-terminal .terminal-view.hidden{display:none}.key-manager{max-width:1100px;height:100%;margin:0 auto;padding:24px;overflow-y:auto}.key-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.key-header h1{color:var(--text-0);font-size:16px;font-weight:600}.key-subtitle{color:var(--text-2);margin-top:2px;font-size:11px}.key-manager .btn-primary{background:var(--accent);border-radius:var(--radius);color:#000;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:opacity .12s;display:inline-flex}.key-manager .btn-primary:hover{opacity:.9}.key-manager .btn-secondary{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.key-manager .btn-secondary:hover{background:var(--bg-3);color:var(--text-0)}.key-manager .btn-icon{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:6px 12px;font-size:11px;transition:all .12s;display:inline-flex}.key-manager .btn-icon:hover{background:var(--bg-3);color:var(--text-0)}.key-manager .btn-icon.danger:hover{color:#ef4444;background:#ef444414;border-color:#ef444440}.key-upload-form{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.vault-warning{background:var(--accent-dim);border-radius:var(--radius);color:var(--accent);border:1px solid #4d9eff26;margin-bottom:16px;padding:10px 14px;font-size:11px;line-height:1.5}.key-upload-form .form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.key-upload-form .form-group{flex-direction:column;gap:4px;display:flex}.key-upload-form .form-group label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.key-upload-form .form-group input,.key-upload-form .form-group select{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);font-family:var(--font);box-sizing:border-box;outline:none;padding:8px 10px;font-size:12px;transition:border-color .15s}.key-upload-form .form-group input:focus,.key-upload-form .form-group select:focus{border-color:var(--accent)}.key-upload-form .form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.file-input-wrap{align-items:center;gap:8px;margin-bottom:6px;display:flex}.file-input-wrap input[type=file]{color:var(--text-2);font-size:11px}.file-input-wrap input[type=file]::file-selector-button{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);cursor:pointer;padding:4px 10px;font-size:11px;transition:all .12s}.file-input-wrap input[type=file]::file-selector-button:hover{background:var(--bg-4);color:var(--text-0)}.file-hint{color:var(--text-3);font-size:10px}.key-upload-form textarea{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-0);font-family:var(--font);resize:vertical;box-sizing:border-box;outline:none;padding:10px 12px;font-size:11px;transition:border-color .15s}.key-upload-form textarea:focus{border-color:var(--accent)}.key-upload-form textarea::placeholder{color:var(--text-3)}.keys-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px;display:grid}.key-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:border-color .15s}.key-card:hover{border-color:var(--accent)}.key-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.key-card-header h3{color:var(--text-0);font-size:13px;font-weight:600}.key-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.key-type-badge.rsa{background:var(--accent-dim);color:var(--accent)}.key-type-badge.ed25519{background:var(--green-dim);color:var(--green)}.key-fingerprint{margin-bottom:8px}.key-fingerprint .label,.key-servers .label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;display:block}.key-fingerprint code{color:var(--text-2);word-break:break-all;font-size:11px}.key-servers{margin-bottom:8px}.linked-server{background:var(--purple-dim);color:var(--purple);border-radius:4px;margin-top:2px;margin-right:4px;padding:2px 6px;font-size:10px;display:inline-block}.key-meta{color:var(--text-3);margin-bottom:10px;font-size:11px}.key-card-actions{justify-content:flex-end;display:flex}.key-manager .loading-state,.key-manager .empty-state{text-align:center;color:var(--text-2);padding:48px 24px}.key-manager .empty-icon{color:var(--text-3);margin-bottom:12px}.key-manager .empty-state p{max-width:300px;margin:0 auto;font-size:12px;line-height:1.6}@media (width<=768px){.key-manager{padding:16px}.keys-grid,.key-upload-form .form-row{grid-template-columns:1fr}}.audit-log{max-width:1100px;height:100%;margin:0 auto;padding:24px;overflow-y:auto}.audit-header{margin-bottom:24px}.audit-header h1{color:var(--text-0);font-size:16px;font-weight:600}.audit-subtitle{color:var(--text-2);margin-top:2px;font-size:11px}.audit-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;font-size:11px}.audit-table thead{background:var(--bg-2)}.audit-table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:10px 14px;font-size:10px;font-weight:600}.audit-table td{border-bottom:1px solid var(--border);color:var(--text-1);padding:10px 14px}.audit-row:hover{background:var(--bg-2)}.audit-row.danger td:first-child code{color:var(--red)}.audit-row.warning td:first-child code{color:var(--yellow)}.audit-row.success td:first-child code{color:var(--green)}.action-icon-svg{vertical-align:middle;width:22px;height:22px;color:var(--text-2);border-radius:4px;justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.action-icon-svg.success{color:#22c55e;background:#22c55e1a}.action-icon-svg.danger{color:#ef4444;background:#ef44441a}.action-icon-svg.warning{color:#f59e0b;background:#f59e0b1a}.action-icon-svg.default{color:var(--accent);background:#4d9eff14}.audit-table code{font-size:11px}.resource-type{background:var(--purple-dim);color:var(--purple);border-radius:4px;margin-right:4px;padding:2px 6px;font-size:10px}.resource-id{color:var(--text-3);font-size:10px}.audit-time{color:var(--text-3);white-space:nowrap}@media (width<=768px){.audit-log{padding:16px}.audit-table{font-size:10px}}.command-history{max-width:1100px;margin:0 auto;padding:24px 32px}.history-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.history-header h1{color:var(--text-0);margin:0;font-size:18px;font-weight:600}.history-subtitle{color:var(--text-2);margin:4px 0 0;font-size:12px}.btn-danger{color:#ef4444;border-radius:var(--radius);font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #ef4444;align-items:center;gap:6px;padding:8px 14px;font-size:12px;transition:all .15s;display:flex}.btn-danger:hover{background:#ef44441a}.history-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:16px;display:flex}.stat-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.history-filters{gap:12px;margin-bottom:16px;display:flex}.search-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-wrapper svg{color:var(--text-2);pointer-events:none;position:absolute;left:12px}.history-filters .search-input{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-0);font-family:var(--font);padding:10px 12px 10px 34px;font-size:13px}.history-filters .search-input:focus{border-color:var(--accent);outline:none}.server-filter{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);font-family:var(--font);cursor:pointer;min-width:160px;padding:10px 12px;font-size:13px}.server-filter:focus{border-color:var(--accent);outline:none}.history-list{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.history-list-header{background:var(--bg-1);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);grid-template-columns:1fr 180px 100px;padding:10px 16px;font-size:11px;font-weight:600;display:grid}.history-row{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1fr 180px 100px;align-items:center;padding:10px 16px;font-size:13px;transition:background .1s;display:grid}.history-row:last-child{border-bottom:none}.history-row:hover{background:var(--bg-1)}.history-row .col-command code{color:var(--accent);font-family:var(--font);word-break:break-all;font-size:13px}.history-row .col-server{color:var(--text-1);align-items:center;gap:6px;font-size:12px;display:flex}.history-row .col-server svg{color:var(--text-2);flex-shrink:0}.history-row .col-time{color:var(--text-2);text-align:right;font-size:11px}.history-empty,.history-loading{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:64px 16px;display:flex}.history-empty svg{color:var(--text-2);opacity:.5;margin-bottom:8px}.history-empty p{color:var(--text-1);font-size:14px}.history-empty span{font-size:12px}.history-pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:12px 0;display:flex}.page-info{color:var(--text-2);font-size:12px}@media (width<=768px){.command-history{padding:16px}.history-header{flex-direction:column;gap:12px}.history-stats{grid-template-columns:1fr}.history-filters{flex-direction:column}.server-filter{min-width:100%}.history-list-header,.history-row{grid-template-columns:1fr;gap:4px}.history-list-header .col-server,.history-list-header .col-time{display:none}.history-row .col-time{text-align:left}}.ws-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.ws-topbar{border-bottom:1px solid var(--border);background:var(--bg-1);align-items:center;gap:12px;padding:12px 20px;display:flex}.ws-search{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.ws-search:focus-within{border-color:var(--accent)}.ws-search svg{color:var(--text-3);flex-shrink:0}.ws-search input{color:var(--text-0);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:13px}.ws-search input::placeholder{color:var(--text-3)}.ws-create-btn{background:var(--accent);border-radius:var(--radius);color:#000;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.ws-create-btn:hover{opacity:.9}.ws-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:12px;padding:20px;display:grid;overflow-y:auto}.ws-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:16px;transition:all .15s}.ws-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.ws-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ws-card-icon{color:var(--accent)}.ws-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700}.ws-role-badge.owner{color:#f59e0b;background:#f59e0b26}.ws-role-badge.admin{color:#a78bfa;background:#8b5cf626}.ws-role-badge.member{color:#22c55e;background:#22c55e26}.ws-role-badge.viewer{color:#9ca3af;background:#6b728026}.ws-card-name{color:var(--text-0);margin-bottom:4px;font-size:14px;font-weight:600}.ws-card-desc{color:var(--text-2);margin-bottom:10px;font-size:11px;line-height:1.4}.ws-card-stats{gap:14px;margin-bottom:12px;display:flex}.ws-stat{color:var(--text-2);align-items:center;gap:4px;font-size:11px;display:flex}.ws-card-members{gap:-4px;display:flex}.ws-avatar{background:var(--accent-dim);width:26px;height:26px;color:var(--accent);border:2px solid var(--bg-2);border-radius:50%;justify-content:center;align-items:center;margin-left:-4px;font-size:10px;font-weight:700;display:flex}.ws-avatar:first-child{margin-left:0}.ws-avatar-more{background:var(--bg-3);color:var(--text-2)}.ws-empty{color:var(--text-2);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.ws-empty-icon{color:var(--text-3);opacity:.5;margin-bottom:4px}.ws-empty p{color:var(--text-1);font-size:14px}.ws-empty span{font-size:12px}.ws-dialog-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ws-dialog{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;margin:16px}.ws-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ws-dialog-header h3{color:var(--text-0);font-size:14px;font-weight:600}.ws-close{color:var(--text-2);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px;display:flex}.ws-close:hover{color:var(--text-0)}.ws-dialog-body{padding:16px}.ws-dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.ws-field{margin-bottom:12px}.ws-field label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.ws-field input,.ws-field select{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-0);font-family:var(--font);box-sizing:border-box;outline:none;padding:8px 10px;font-size:12px}.ws-field input:focus,.ws-field select:focus{border-color:var(--accent)}.ws-btn-primary{background:var(--accent);border-radius:var(--radius);color:#000;font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex}.ws-btn-primary:hover{opacity:.9}.ws-btn-sm{padding:5px 10px;font-size:11px}.ws-btn-secondary{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;display:inline-flex}.ws-btn-secondary:hover{background:var(--bg-3)}.ws-btn-danger{border-radius:var(--radius);color:#ef4444;font-family:var(--font);cursor:pointer;background:#ef44441a;border:1px solid #ef444440;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex}.ws-btn-danger:hover{background:#ef444433}.wsd-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.wsd-header{padding:16px 20px 0}.wsd-back{color:var(--accent);font-family:var(--font);cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:0;font-size:12px}.wsd-back:hover{text-decoration:underline}.wsd-title-row{justify-content:space-between;align-items:center;display:flex}.wsd-title-row h1{color:var(--text-0);font-size:18px;font-weight:600}.wsd-desc{color:var(--text-2);margin-top:2px;font-size:12px}.wsd-tabs{border-bottom:1px solid var(--border);gap:0;padding:12px 20px 0;display:flex}.wsd-tab{color:var(--text-2);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:12px;font-weight:500;transition:all .12s}.wsd-tab:hover{color:var(--text-0)}.wsd-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.wsd-content{flex:1;padding:16px 20px;overflow-y:auto}.wsd-content::-webkit-scrollbar{width:5px}.wsd-content::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}.wsd-section{max-width:800px}.wsd-invite-form{gap:8px;margin-bottom:16px;display:flex}.wsd-invite-form input{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);font-family:var(--font);outline:none;flex:1;padding:8px 12px;font-size:12px}.wsd-invite-form input:focus{border-color:var(--accent)}.wsd-invite-form select{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);font-family:var(--font);outline:none;padding:8px 10px;font-size:12px}.wsd-error{color:#ef4444;border-radius:var(--radius);background:#ef444414;margin-bottom:12px;padding:6px 10px;font-size:11px}.wsd-member-list{flex-direction:column;gap:2px;display:flex}.wsd-member-row{border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px;transition:background .12s;display:flex}.wsd-member-row:hover{background:var(--bg-2)}.wsd-member-avatar{background:var(--accent-dim);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.wsd-member-info{flex:1;min-width:0}.wsd-member-name{color:var(--text-0);font-size:13px;font-weight:500;display:block}.wsd-you{color:var(--text-3);font-weight:400}.wsd-member-email{color:var(--text-2);font-size:11px}.wsd-member-actions{align-items:center;gap:6px;display:flex}.wsd-role-select{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);outline:none;padding:4px 8px;font-size:11px}.wsd-remove-btn{color:var(--text-3);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px;display:flex}.wsd-remove-btn:hover{color:#ef4444;background:#ef444414}.wsd-server-actions-bar{margin-bottom:16px}.wsd-add-server-form{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.wsd-add-server-form select{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);font-family:var(--font);outline:none;padding:8px 10px;font-size:12px}.wsd-add-server-form select:first-child{flex:1;min-width:200px}.wsd-server-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.wsd-server-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;transition:border-color .12s}.wsd-server-card:hover{border-color:var(--accent)}.wsd-srv-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.wsd-srv-icon{color:var(--accent)}.wsd-access-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700}.wsd-access-badge.full{color:#22c55e;background:#22c55e26}.wsd-access-badge.connect-only{color:var(--accent);background:#4d9eff26}.wsd-access-badge.view-only{color:#9ca3af;background:#6b728026}.wsd-srv-name{color:var(--text-0);font-size:13px;font-weight:600}.wsd-srv-host{color:var(--text-2);margin-bottom:4px;font-size:11px}.wsd-srv-os{color:var(--text-3);text-transform:capitalize;margin-bottom:8px;font-size:10px}.wsd-srv-actions{align-items:center;gap:6px;margin-top:8px;display:flex}.wsd-access-select{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font-family:var(--font);outline:none;padding:4px 8px;font-size:10px}.wsd-empty-section{text-align:center;color:var(--text-2);padding:32px;font-size:13px}.wsd-settings-form{max-width:400px;margin-bottom:32px}.wsd-settings-form h3{color:var(--text-0);margin-bottom:12px;font-size:13px;font-weight:600}.wsd-danger-zone{border-radius:var(--radius-lg);background:#ef44440a;border:1px solid #ef444426;max-width:400px;padding:16px}.wsd-danger-zone h3{color:#ef4444;margin-bottom:8px;font-size:13px;font-weight:600}.wsd-danger-zone p{color:var(--text-2);margin-bottom:12px;font-size:11px;line-height:1.5}@media (width<=640px){.ws-grid{grid-template-columns:1fr;padding:12px}.ws-topbar,.wsd-invite-form{flex-direction:column}.wsd-server-grid{grid-template-columns:1fr}}.fm-page{background:var(--bg-0);flex-direction:column;height:100%;display:flex;overflow:hidden}.fm-connect{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.fm-connect-header{text-align:center;margin-bottom:32px}.fm-connect-header svg{color:var(--accent);margin-bottom:12px}.fm-connect-header h2{color:var(--text-0);margin:0 0 8px;font-size:24px;font-weight:700}.fm-connect-header p{color:var(--text-2);margin:0;font-size:14px}.fm-error{color:#ff5050;background:#ff50501a;border:1px solid #ff50504d;border-radius:6px;margin-bottom:16px;padding:8px 16px;font-size:13px}.fm-server-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;width:100%;max-width:700px;display:grid}.fm-server-card{background:var(--bg-2);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-0);font-family:var(--font);border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .15s;display:flex}.fm-server-card:hover{border-color:var(--accent);background:var(--bg-3)}.fm-server-card:disabled{opacity:.5;cursor:wait}.fm-server-icon{font-size:24px}.fm-server-info{flex-direction:column;display:flex}.fm-server-name{font-size:14px;font-weight:600}.fm-server-host{color:var(--text-3);font-size:12px}.fm-toolbar{background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.fm-toolbar-left{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.fm-toolbar-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.fm-conn-badge{color:var(--text-1);white-space:nowrap;background:#2ecc711a;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.fm-conn-dot{background:#2ecc71;border-radius:50%;width:7px;height:7px}.fm-breadcrumb{scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.fm-breadcrumb::-webkit-scrollbar{display:none}.fm-bc-seg{color:var(--text-2);font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:12px}.fm-bc-seg:hover{color:var(--text-0);background:var(--bg-3)}.fm-bc-root{color:var(--text-1);font-weight:700}.fm-bc-current{color:var(--accent);font-weight:600}.fm-bc-sep{color:var(--text-3);margin:0 1px;font-size:10px}.fm-tb-btn{border:1px solid var(--border);color:var(--text-1);font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .1s}.fm-tb-btn:hover{background:var(--bg-3);border-color:var(--accent);color:var(--text-0)}.fm-tb-danger{color:#ff5050}.fm-tb-danger:hover{background:#ff50501a;border-color:#ff5050}.fm-tb-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.fm-file-area{flex:1;position:relative;overflow:auto}.fm-file-area.fm-drag-over{background:#4d9eff08}.fm-file-header{background:var(--bg-1);border-bottom:1px solid var(--border);z-index:1;align-items:center;padding:6px 12px;display:flex;position:sticky;top:0}.fm-col-sort{color:var(--text-2);font-family:var(--font);cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:600}.fm-col-sort:hover{color:var(--text-0)}.fm-col-check{flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.fm-col-icon{text-align:center;flex-shrink:0;width:28px;font-size:14px}.fm-col-name{text-overflow:ellipsis;flex:1;min-width:200px;overflow:hidden}.fm-col-size{text-align:right;flex-shrink:0;width:80px}.fm-col-modified{flex-shrink:0;width:160px}.fm-col-perms{flex-shrink:0;width:100px}.fm-col-actions{flex-shrink:0;justify-content:flex-end;gap:4px;width:70px;display:flex}.fm-file-list{flex-direction:column;display:flex}.fm-file-row{border-bottom:1px solid var(--bg-2);color:var(--text-1);cursor:default;align-items:center;padding:5px 12px;font-size:13px;transition:background 80ms;display:flex}.fm-file-row:hover{background:var(--bg-2)}.fm-file-row.fm-selected{background:#4d9eff14}.fm-col-name span{cursor:pointer}.fm-name-dir{color:var(--text-0);font-weight:600}.fm-name-dir:hover,.fm-col-name span:hover{color:var(--accent)}.fm-col-size,.fm-col-modified,.fm-col-perms{color:var(--text-2);font-size:12px}.fm-col-perms code{color:var(--text-3);background:var(--bg-2);border-radius:3px;padding:1px 4px;font-size:11px}.fm-action-btn{cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:13px;transition:opacity .1s}.fm-file-row:hover .fm-action-btn{opacity:1}.fm-action-btn:hover{background:var(--bg-3)}.fm-col-check input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.fm-icon-dir{color:#f0c040}.fm-icon-code{color:#61afef}.fm-icon-web{color:#56d6d6}.fm-icon-config{color:#d19a66}.fm-icon-image{color:#98c379}.fm-icon-video{color:#e06c75}.fm-icon-audio{color:#c678dd}.fm-icon-archive{color:#e5c07b}.fm-icon-doc{color:#56b6c2}.fm-icon-shell{color:#98c379}.fm-icon-db{color:#c678dd}.fm-icon-text{color:var(--text-2)}.fm-tb-btn svg{vertical-align:middle;margin-right:2px}.fm-action-btn svg{vertical-align:middle}.fm-server-icon svg{color:var(--accent)}.fm-loading,.fm-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.fm-empty span{margin-bottom:12px;font-size:48px}.fm-empty p{margin:0;font-size:14px}.fm-empty-hint{font-size:12px;margin-top:4px!important}.fm-drop-overlay{border:2px dashed var(--accent);z-index:5;background:#4d9eff14;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fm-drop-content{text-align:center;color:var(--accent)}.fm-drop-content span{font-size:48px}.fm-drop-content p{margin:8px 0 4px;font-size:14px}.fm-drop-content strong{font-size:13px}.fm-transfer-panel{border-top:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.fm-transfer-panel.open{max-height:200px}.fm-transfer-toggle{width:100%;color:var(--text-1);font-family:var(--font);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.fm-transfer-toggle:hover{background:var(--bg-2)}.fm-transfer-list{max-height:160px;padding:4px 12px 8px;overflow-y:auto}.fm-transfer-item{border-bottom:1px solid var(--bg-2);align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.fm-transfer-info{align-items:center;gap:6px;min-width:200px;display:flex}.fm-transfer-name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.fm-transfer-size{color:var(--text-3);font-size:11px}.fm-progress-bar{background:var(--bg-3);border-radius:2px;flex:1;height:4px;overflow:hidden}.fm-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.fm-transfer-done .fm-progress-fill{background:#2ecc71}.fm-transfer-error .fm-progress-fill{background:#ff5050}.fm-transfer-pct{text-align:right;width:36px;color:var(--text-2);font-size:11px}.fm-clear-transfers{color:var(--text-3);font-family:var(--font);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 0;font-size:11px}.fm-clear-transfers:hover{color:var(--accent)}.fm-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fm-dialog{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;width:380px;padding:24px;box-shadow:0 8px 32px #0000004d}.fm-dialog h3{color:var(--text-0);margin:0 0 8px;font-size:16px}.fm-dialog p{color:var(--text-2);margin:0 0 16px;font-size:13px}.fm-dialog input{background:var(--bg-0);border:1px solid var(--border);width:100%;color:var(--text-0);font-family:var(--font);border-radius:6px;outline:none;margin-bottom:16px;padding:10px 12px;font-size:13px}.fm-dialog input:focus{border-color:var(--accent)}.fm-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.fm-btn-primary,.fm-btn-secondary{font-family:var(--font);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.fm-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.fm-btn-primary:hover{filter:brightness(1.1)}.fm-btn-primary:disabled{opacity:.5;cursor:wait}.fm-btn-secondary{background:var(--bg-2);color:var(--text-1);border-color:var(--border)}.fm-btn-secondary:hover{background:var(--bg-3)}.fm-ctx-menu{z-index:200;background:var(--bg-1);border:1px solid var(--border);border-radius:8px;min-width:180px;padding:4px;animation:.1s ease-out fm-ctx-in;position:fixed;box-shadow:0 8px 24px #00000059}@keyframes fm-ctx-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fm-ctx-item{width:100%;color:var(--text-1);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background 80ms;display:flex}.fm-ctx-item:hover{background:var(--bg-3);color:var(--text-0)}.fm-ctx-item svg{color:var(--text-2);flex-shrink:0}.fm-ctx-item:hover svg{color:var(--text-0)}.fm-ctx-danger{color:#ff5050}.fm-ctx-danger:hover{color:#ff5050;background:#ff50501a}.fm-ctx-danger svg{color:#ff5050!important}.fm-ctx-sep{background:var(--border);height:1px;margin:3px 6px}.fm-info-dialog{width:440px}.fm-info-grid{grid-template-columns:90px 1fr;gap:6px 12px;margin-bottom:20px;display:grid}.fm-info-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.3px;padding-top:2px;font-size:12px;font-weight:600}.fm-info-value{color:var(--text-1);word-break:break-all;font-size:13px}.fm-info-mono{color:var(--accent);background:var(--bg-0);border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.fm-status-bar{background:var(--bg-1);border-top:1px solid var(--border);color:var(--text-3);flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;display:flex}@media (width<=900px){.fm-col-perms,.fm-col-modified{display:none}.fm-toolbar{flex-wrap:wrap}}@media (width<=600px){.fm-col-size{display:none}.fm-server-grid{grid-template-columns:1fr}}