:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#dce6ec;background:#0a1014;font-synthesis:none;--mint:#9ce7ca;--muted:#788d9b;--line:#223038}
*{box-sizing:border-box} [hidden]{display:none!important} html,body{margin:0;min-height:100%;width:100%}body{background:radial-gradient(ellipse at 50% -10%,#17302a55,transparent 54%),#0a1014}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid transparent;background:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;letter-spacing:-.3px}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4a7464;border-radius:9px;background:#193329;color:var(--mint);font:600 16px ui-monospace,monospace}.eyebrow{color:#94afa2;font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 18px;display:flex;align-items:center;gap:8px}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px}.spinner{width:16px;height:16px;border:2px solid #284136;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 20px}.login-wrap{width:100%;max-width:410px}.login-brand{width:max-content;margin:0 auto 32px}.login-card{padding:35px 34px 25px;border:1px solid #2a3a3b;border-radius:20px;background:linear-gradient(150deg,#16211eee,#10191fee);box-shadow:0 24px 90px #0005,0 0 60px #9ce7ca05}.login-card h1{font-size:43px;line-height:1.13;letter-spacing:-2px;margin:0 0 18px;font-weight:600}.login-card h1 span{color:var(--mint)}.intro{font-size:14px;line-height:1.7;color:#9caeb6;margin:0 0 30px}.login-card label{font-size:12px;color:#c0cecf;display:block;margin-bottom:10px}.password-wrap{position:relative}.password-wrap input{width:100%;border:1px solid #364947;background:#0d1618;border-radius:9px;outline:none;color:#ebf5ee;padding:14px 42px 14px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.password-wrap input::placeholder{color:#627e80}.password-wrap input:focus{border-color:#83bda5;box-shadow:0 0 0 3px #9ce7ca12}.password-wrap>span{position:absolute;right:15px;top:12px;color:#5c7770;font-size:20px}.primary{width:100%;background:var(--mint);color:#112c22;border:1px solid #b4f3da;border-radius:9px;padding:13px 15px;font-size:13px;font-weight:700;margin-top:14px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#b7f3dc}.primary>span{font-size:20px;line-height:1}.error{color:#f3a39c;font-size:12px;line-height:1.6;margin:12px 0 0;min-height:19px}.login-host{display:flex;align-items:center;gap:11px;border-top:1px solid #2d3d3b;padding-top:21px;margin-top:16px}.host-icon{color:#8caaa1;border:1px solid #384f48;border-radius:7px;padding:5px 8px}.login-host strong{font-size:12px;font-weight:550}.login-host small{display:block;font-size:10px;color:#7d9891;margin-top:5px}.secure-label{margin-left:auto;border:1px solid #355145;color:#a2c1ae;border-radius:5px;padding:4px 6px;font:10px ui-monospace,monospace}.login-note{color:#667e7b;text-align:center;font-size:10px;line-height:1.7;margin:22px 10px 0}
.workspace{display:flex;flex-direction:column;min-height:560px;height:100dvh;padding:0 32px 18px;max-width:1920px;margin:auto}.topbar{height:78px;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22332f}.private-tag{font:9px ui-monospace,monospace;font-weight:400;letter-spacing:1.2px;border:1px solid #32433e;border-radius:4px;color:#91ab9e;padding:4px 6px;margin-left:2px}.top-actions{display:flex;align-items:center;gap:24px}.host-address{font:11px ui-monospace,monospace;color:#80978e}.quiet{font-size:11px;color:#a0b4ab;padding:8px 0}.quiet:hover{color:var(--mint)}.workspace-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0 23px;flex:none}.workspace-heading .eyebrow{margin:0 0 8px;font-size:9px;letter-spacing:1.7px;color:#78978a}.workspace-heading h1{font-size:26px;letter-spacing:-.8px;font-weight:550;margin:0 0 8px}.directory{font-size:11px;color:#7e948a;margin:0}.directory code{font-size:11px;color:#b2c8bd;margin:0 4px}.directory>span{color:#607e70;margin-left:6px}.connection{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #30463b;background:#15271d;border-radius:6px;font-size:10px;color:#8fac97}.connection i{width:6px;height:6px;border-radius:50%;background:#9aab84}.connection.connected{color:#a7e6c5}.connection.connected i{background:#9ce7b5;box-shadow:0 0 10px #9ce7b54d}.connection.offline{background:#2b211a;border-color:#5c4132;color:#cba78e}.connection.offline i{background:#d0a079}.terminal-card{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #2b3c39;border-radius:12px;background:#0c1318;box-shadow:0 15px 70px #0003;overflow:hidden}.terminal-toolbar{display:flex;align-items:stretch;justify-content:space-between;min-height:45px;background:#141f22;border-bottom:1px solid #273a36;padding:0 13px 0 15px;gap:12px;flex:none}.tabs{display:flex;align-items:stretch;gap:14px}.tabs button{position:relative;display:flex;align-items:center;gap:8px;border:0;border-radius:0;color:#7c9590;font-size:12px;white-space:nowrap;padding:0 5px}.tabs button[aria-selected=true]{color:var(--mint)}.tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--mint)}.terminal-actions{display:flex;align-items:center;gap:2px}.terminal-actions button{font-size:10px;color:#91aaa2;padding:6px 8px;border-radius:5px;white-space:nowrap}.terminal-actions button:hover{background:#263c32;color:#d4f4df}.terminal-actions .divider{width:1px;height:15px;background:#2b4238;margin:0 6px}#terminal{flex:1;min-height:0;padding:16px 18px 9px;overflow:hidden;background:#0c1318}.xterm{height:100%}.xterm-viewport{scrollbar-width:thin;scrollbar-color:#385548 #0c1318}.terminal-status{height:29px;min-height:29px;border-top:1px solid #1c2c29;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#647f72;font:10px ui-monospace,monospace}.terminal-status .tiny-dot{width:4px;height:4px;margin-right:7px;background:#688a75}.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding-top:14px;color:#607b6e;font-size:10px}.footer kbd{font:9px ui-monospace,monospace;padding:2px 4px;border:1px solid #2b4137;border-radius:3px;color:#839c8b}.footer-separator{margin:0 8px}.encrypted{color:#89a591}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:10px 16px;background:#273f32;color:#d5efe0;border:1px solid #4d6f5b;border-radius:8px;box-shadow:0 10px 35px #0008;font-size:12px;max-width:90vw;z-index:10}
@media(max-width:760px){.workspace{padding:0 13px 12px;min-height:440px}.topbar{height:64px;min-height:64px}.top-actions{gap:12px}.host-address,.private-tag{display:none}.workspace-heading{padding:19px 2px}.workspace-heading h1{font-size:23px}.directory>span{display:none}.terminal-toolbar{flex-wrap:wrap;padding:0 8px;gap:0;min-height:75px}.tabs{width:100%;height:36px;padding-left:5px;gap:20px}.terminal-actions{width:100%;height:35px;justify-content:space-between;border-top:1px solid #22362d}.terminal-actions button{padding:5px 6px}.terminal-actions .divider{margin:0 3px}#terminal{padding:11px 9px 6px}.footer{font-size:9px}.footer #footer-note{display:none}.terminal-status{font-size:9px;padding:0 10px}.brand{font-size:13px}.brand-icon{width:31px;height:31px}.connection{font-size:9px;padding:6px 8px}}
@media(max-width:390px){.login-card{padding:30px 25px 22px}.login-card h1{font-size:39px}.login-screen{padding:25px 15px}.encrypted{display:none}.terminal-actions button{font-size:9px}#reconnect span{display:none}}