@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#e8ebf1;background:#0b0d10;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 8%,#263043 0,#12161d 35%,#090b0e 72%)}.login-card{width:min(390px,100%);padding:34px;background:#151920dd;border:1px solid #2b323d;border-radius:18px;box-shadow:0 30px 80px #0008;backdrop-filter:blur(18px)}.mark,.brand-mark{font:600 20px 'JetBrains Mono';color:#f59f67}.overline{margin:22px 0 6px;color:#8994a4;font-size:11px;font-weight:600;letter-spacing:.16em}.login-card h1{margin:0;font-size:29px}.muted{margin:8px 0 25px;color:#8e98a7}.login-card label{display:grid;gap:7px;margin:14px 0;color:#aab2be;font-size:13px}.login-card input{width:100%;padding:12px 13px;color:#eef1f5;background:#0e1116;border:1px solid #343c48;border-radius:8px;outline:0}.login-card input:focus{border-color:#cc8053;box-shadow:0 0 0 3px #f59f6718}.primary{padding:11px 16px;border:0;border-radius:8px;color:#17110d;background:#f59f67;font-weight:600}.login-card .primary{width:100%;margin-top:4px}.primary:hover{background:#ffad78}.primary:disabled{opacity:.55}.error{min-height:18px;margin:5px 0;color:#fb8585;font-size:13px}.workspace{height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);overflow:hidden}.sidebar{display:flex;min-width:0;flex-direction:column;background:#111419;border-right:1px solid #262c34}.sidebar-header,.sidebar-footer,.topbar{display:flex;align-items:center;justify-content:space-between}.sidebar-header{height:59px;padding:0 14px;border-bottom:1px solid #242a32}.sidebar-header>div{display:flex;align-items:center;gap:10px}.sidebar-header strong{font-weight:600}.icon-button,.text-button{border:0;color:#aeb6c2;background:transparent;border-radius:7px}.icon-button{width:34px;height:34px;font-size:20px}.icon-button:hover,.text-button:hover{color:#fff;background:#252b34}.section-label{display:flex;justify-content:space-between;padding:18px 16px 8px;color:#697483;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.terminal-list{flex:1;min-height:0;padding:3px 8px;overflow:auto}.terminal-row{display:flex;align-items:center;border-radius:8px;margin:2px 0;color:#9da7b4}.terminal-row:hover{background:#1b2028}.terminal-row.selected{color:#fff;background:#252c36;box-shadow:inset 2px 0 #f59f67}.terminal-open{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:10px;border:0;color:inherit;background:transparent;text-align:left}.terminal-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#4fbc83;box-shadow:0 0 8px #4fbc8355}.terminal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-more{width:34px;height:30px;border:0;border-radius:6px;color:#6f7987;background:transparent;opacity:0}.terminal-row:hover .terminal-more,.terminal-row.selected .terminal-more{opacity:1}.terminal-more:hover{color:#fff;background:#313946}.sidebar-footer{min-height:57px;padding:8px 12px;border-top:1px solid #242a32}.account{display:flex;min-width:0;align-items:center;gap:9px;color:#87919f;font-size:12px}.account span:last-child{overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;color:#16100d;background:#e99562;border-radius:7px;font-weight:600}.terminal-pane{display:grid;min-width:0;grid-template-rows:59px minmax(0,1fr);background:#0b0d10}.topbar{padding:0 17px;border-bottom:1px solid #242a32;background:#101318}.topbar>div{display:flex;align-items:center;gap:13px}.topbar strong{font-size:14px;font-weight:500}.connection{display:flex;align-items:center;gap:6px;font-size:11px}.connection i{width:6px;height:6px;border-radius:50%}.connection.online{color:#71bf92}.connection.online i{background:#4fbc83}.connection.offline{color:#87919f}.connection.offline i{background:#6b7480}.top-actions{gap:4px!important}.text-button{padding:7px 10px;font-size:12px}.text-button.danger:hover{color:#ff8b84;background:#3b2224}.terminal-host{min-height:0;padding:13px 10px 10px 14px}.terminal-host .xterm{height:100%}.terminal-host .xterm-viewport{scrollbar-color:#343b45 transparent}.empty-state{align-self:center;justify-self:center;text-align:center;color:#7d8795}.empty-icon{font:500 43px 'JetBrains Mono';color:#424b58}.empty-state h2{margin:15px 0 6px;color:#d6dbe3;font-size:18px}.empty-state p{margin:0 0 20px}.empty-state kbd{display:block;margin-top:15px;color:#586270;font:10px 'JetBrains Mono'}.context-menu{position:fixed;z-index:30;width:184px;padding:6px;background:#1a1f27;border:1px solid #343c48;border-radius:9px;box-shadow:0 16px 40px #000a}.context-menu button{display:flex;width:100%;justify-content:space-between;padding:9px 10px;border:0;border-radius:6px;color:#cdd3dc;background:transparent;text-align:left}.context-menu button:hover{background:#2a313c;color:#fff}.context-menu button.danger{color:#ee8c88}.context-menu>div{height:1px;margin:5px;background:#303741}.context-menu kbd{color:#687383;font:10px 'JetBrains Mono'}.toast{position:fixed;z-index:40;right:20px;bottom:20px;padding:10px 14px;color:#e6eaf0;background:#252c35;border:1px solid #39424f;border-radius:8px;box-shadow:0 10px 28px #0008;font-size:13px}@media(max-width:680px){.workspace{grid-template-columns:170px minmax(0,1fr)}.sidebar-header{padding:0 9px}.account span:last-child{display:none}.terminal-more{opacity:1}.topbar{padding:0 10px}.connection{display:none}}