:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b0e11;color:#e5e9ed;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}
#login{min-height:100dvh;display:grid;place-items:center;padding:32px 24px;background:radial-gradient(ellipse at 50% 35%,#162025 0%,#0b0e11 62%)}
form{width:100%;max-width:360px}.mark{font-size:32px;font-weight:600;color:#74dfbd;margin-bottom:32px;letter-spacing:-3px}h1{font-size:28px;font-weight:500;letter-spacing:-1px;margin:0 0 10px}.subtitle{color:#9aa8b3;font-size:14px;margin:0 0 36px}label{display:block;font-size:14px;margin:20px 0 10px;color:#c4ccd3}input{display:block;width:100%;background:#11171c;border:1px solid #33404b;border-radius:7px;color:#f0f3f5;padding:13px 14px;font-size:16px;outline:none;transition:border-color .15s}input:focus{border-color:#74dfbd;box-shadow:0 0 0 3px #74dfbd13}#submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:7px;background:#74dfbd;color:#10221c;padding:14px 16px;font-size:16px;font-weight:600}#submit:hover{background:#8aebca}#submit:focus-visible,#logout:focus-visible{outline:2px solid #b9ffe7;outline-offset:4px}#login-error{font-family:system-ui,sans-serif;color:#ffb6b6;font-size:14px;min-height:20px;margin:14px 0 18px;line-height:1.5}
#console{height:100dvh;padding:18px 16px 12px;position:relative}#terminal{height:100%;width:100%;overflow:hidden}.xterm{height:100%;padding:0}.xterm-viewport{scrollbar-width:thin;scrollbar-color:#33404b #0b0e11}#logout{position:absolute;top:10px;right:22px;font-size:12px;background:#0b0e11dc;color:#95a2ad;border:1px solid #28333c;border-radius:5px;padding:5px 9px;opacity:.7}#logout:hover,#logout:focus-visible{opacity:1;color:#e5e9ed}#boot{color:#9aa8b3;font-size:14px;padding:24px}
@media(max-width:600px){#console{padding:12px 8px}#logout{right:12px}form{max-width:340px}#login{padding:24px}.mark{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#console{display:flex;flex-direction:column;padding:0}#terminal-toolbar{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 12px;border-bottom:1px solid #28333c}#tabs{display:flex;gap:6px;min-width:0;overflow-x:auto;flex:1;scrollbar-width:thin}.terminal-tab{display:flex;flex-shrink:0;border:1px solid transparent;border-radius:5px}.terminal-tab.active{background:#182721;border-color:#426c5c}.terminal-tab button,#new-terminal{background:transparent;color:#aebdc6;border:0;padding:8px;font-size:13px;white-space:nowrap}.terminal-tab.active button{color:#a0efd2}.terminal-tab.disconnected button[role=tab]{color:#b9a887}.terminal-tab .close-terminal{font-size:18px;padding:3px 9px}.terminal-tab button:hover,#new-terminal:hover{background:#25352e}#new-terminal{font-size:22px;border:1px solid #33404b;border-radius:5px;padding:2px 10px}#logout{position:static;opacity:1;flex-shrink:0}#terminal{flex:1;min-height:0;height:auto;padding:14px 12px}.terminal-panel{height:100%;width:100%;overflow:hidden}button:focus-visible{outline:2px solid #b9ffe7;outline-offset:-2px}@media(max-width:600px){#terminal-toolbar{padding:6px;gap:4px}#terminal{padding:10px 6px}.terminal-tab button{font-size:12px;padding:7px 5px}}