@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap");:root{background:#0b1018;color:#dce6f1;color-scheme:dark;font-family:IBM Plex Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{background:#182230;border:1px solid #2b3746;border-radius:7px;color:#c5d3e1;cursor:pointer;padding:8px 12px;transition:background .15s,border-color .15s}button:hover{background:#223143;border-color:#42566c}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #64d3b0;outline-offset:2px}.primary{background:#64d3b0;border-color:#64d3b0;color:#0d2920;font-weight:600}.primary:hover{background:#80e4c3;border-color:#80e4c3}.full{width:100%}.hint,.muted{color:#8294a9;line-height:1.65}.hint{font-size:12px;margin:4px 0 12px}.eyebrow{color:#64d3b0;display:block;font-size:10px;font-weight:600;letter-spacing:2px}label{color:#acbdd0;display:flex;flex-direction:column;font-size:13px;gap:7px;margin:14px 0}input,select,textarea{background:#101822;border:1px solid #2b3a4b;border-radius:7px;color:#e1eaf5;min-width:0;padding:10px 12px;width:100%}input::placeholder,textarea::placeholder{color:#5b7087}input:disabled{opacity:.55}textarea{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;resize:vertical}.error{background:#41242b;border:1px solid #70404d;border-radius:7px;color:#ffb8c4;font-size:13px;margin:14px 0;padding:10px 12px}.login-page{background:radial-gradient(ellipse at 50% 20%,#183a3b 0,#101925 40%,#0b1018 75%);display:grid;min-height:100dvh;overflow:hidden;padding:24px;place-items:center;position:relative}.login-card{background:#121c28e8;border:1px solid #2a3c48;border-radius:16px;box-shadow:0 24px 90px #0005;max-width:420px;padding:38px;position:relative;width:100%}.brand-icon{background:#1b3c38;border:1px solid #366359;border-radius:11px;color:#64d3b0;display:grid;font:700 24px monospace;height:48px;margin-bottom:24px;place-items:center;width:50px}.login-card h1{font-size:29px;letter-spacing:-.8px;margin:10px 0}.login-card .muted{font-size:14px;margin-bottom:26px}.login-card .primary{margin-top:9px;padding:12px}.login-note{color:#62798c;font-size:11px;letter-spacing:1px;margin-top:26px;text-align:center}.workspace{display:flex;height:100dvh;overflow:hidden}.sidebar{background:#111a26;border-right:1px solid #243140;display:flex;flex-direction:column;flex-shrink:0;width:292px}.sidebar-brand{align-items:center;display:flex;gap:12px;padding:25px 20px}.brand-icon.small{border-radius:9px;font-size:20px;height:38px;margin:0;width:38px}.sidebar-brand strong{font-size:16px}.sidebar-brand span:not(.brand-icon){color:#6f859a;display:block;font-size:9px;letter-spacing:1.5px;margin-top:4px}.section-heading{align-items:center;border-top:1px solid #223040;display:flex;font-size:13px;justify-content:space-between;padding:16px 17px 12px}.section-heading b{background:#24303f;border-radius:4px;color:#8b9cad;font-size:10px;font-weight:500;margin-left:5px;padding:2px 6px}.toolbar{align-items:center;display:flex;gap:7px}.toolbar button{font-size:11px;padding:4px 7px}.icon-button{background:transparent;border-color:transparent;display:grid;font-size:22px;height:30px;padding:0;place-items:center;width:30px}.toolbar .add-button{background:#1d3936;border-color:#335650;color:#64d3b0;font-size:20px;height:26px;width:26px}.search-box{align-items:center;background:#0e1620;border:1px solid #263646;border-radius:7px;color:#6e839b;display:flex;gap:7px;margin:0 17px 15px;padding:0 9px}.search-box span{font-size:23px}.search-box input{background:transparent;border:0;font-size:12px;padding:9px 0}.server-list{flex:1;overflow-y:auto;padding:0 9px 15px;scrollbar-color:#2e4153 transparent;scrollbar-width:thin}.server-row{align-items:center;border:1px solid transparent;border-radius:8px;display:flex;margin-bottom:4px}.server-row:hover{background:#1a2634}.server-row.active{background:#1c3435;border-color:#355a50}.server-connect{align-items:flex-start;border:0;display:flex;flex:1;gap:11px;min-width:0;padding:11px 10px;text-align:left}.server-connect,.server-connect:hover{background:transparent}.server-dot{background:#52647a;border-radius:50%;display:inline-block;flex-shrink:0;height:6px;vertical-align:middle;width:6px}.server-connect>.server-dot{margin-top:7px}.server-dot.connected{background:#64d3b0;box-shadow:0 0 7px #64d3b044}.server-dot.connecting{animation:pulse 1s infinite;background:#e7b56c}.server-dot.error{background:#ef8395;border:0;margin:0;padding:0}.server-text{display:flex;flex-direction:column;gap:4px;min-width:0}.server-text strong{color:#dce7f3;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.server-text small{color:#7c94ac;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-tags{color:#69857d;font-size:9px}.server-edit{background:transparent;border:0;color:#8396ac;font-size:19px;margin-right:4px;padding:4px 7px}.list-note{color:#7d91a6;font-size:12px;line-height:1.7;padding:4px 10px}.sidebar-footer{border-top:1px solid #233241;padding:17px}.account{align-items:center;display:flex;gap:11px}.avatar{background:#273f4b;border-radius:50%;color:#9dc9ce;display:grid;font-size:13px;height:34px;place-items:center;width:34px}.account strong{font-size:12px;font-weight:500}.account small{color:#71879c;display:block;font-size:10px;margin-top:5px}.online-dot{background:#e7b56c;border-radius:50%;display:inline-block;height:5px;margin-right:5px;width:5px}.online-dot.online{background:#64d3b0}.account-actions{display:flex;gap:10px;margin-top:14px}.account-actions button{background:none;border:0;color:#8297ab;font-size:10px;padding:3px 0}.account-actions button:last-child{margin-left:auto}.terminal-workspace{display:flex;flex:1;flex-direction:column;min-width:0}.workspace-header{align-items:center;background:#101722;border-bottom:1px solid #243140;display:flex;flex-shrink:0;height:66px;justify-content:space-between;padding:0 25px}.header-title{align-items:center;display:flex;gap:14px}.breadcrumb{color:#6a8199;font-size:10px;letter-spacing:1.4px}.header-divider{color:#40546a}.header-title strong{font-size:13px;font-weight:500}.workspace-header>button{background:transparent;font-size:11px;padding:6px 10px}.workspace-header>button.selected{color:#64d3b0}.tab-bar{background:#111b27;border-bottom:1px solid #223040;display:flex;flex-shrink:0;height:42px;overflow-x:auto}.terminal-tab{align-items:center;border-bottom:2px solid transparent;border-right:1px solid #253443;color:#92a7bd;display:flex}.terminal-tab.active{background:#0b1018;border-bottom-color:#64d3b0}.terminal-tab button{background:transparent;border:0;border-radius:0;font-size:12px;padding:10px 14px;white-space:nowrap}.terminal-tab .server-dot{margin-right:9px}.terminal-tab .tab-close{color:#6e8299;font-size:17px;padding:8px 10px}.terminal-content{display:flex;flex:1;min-height:0;position:relative}.terminal-pane{display:none;inset:0;overflow:hidden;padding:16px 10px 10px 18px;position:absolute}.terminal-pane.visible{display:block}.terminal-pane .xterm{height:100%}.empty-state{margin:auto;padding:30px;text-align:center}.empty-state h1{font-size:23px;font-weight:500;letter-spacing:-.8px;margin:15px 0 12px}.empty-state p{color:#748aa0;font-size:13px;line-height:1.85;margin-bottom:26px}.empty-terminal{background:#151f2c;border:1px solid #293b4e;border-radius:10px;box-shadow:0 10px 35px #0002;height:105px;margin:0 auto 32px;padding:14px;text-align:left;width:265px}.empty-terminal>span{background:#405268;border-radius:50%;display:inline-block;height:6px;margin-right:5px;width:6px}.empty-terminal pre{color:#91b3ac;font-size:13px;padding:4px}.cursor-block{background:#64d3b0;display:inline-block;height:14px;margin-left:7px;vertical-align:middle;width:7px}.empty-actions{display:flex;gap:10px;justify-content:center}.empty-actions button{font-size:12px}.status-bar{align-items:center;background:#111a26;border-top:1px solid #223040;color:#8196ab;display:flex;flex-shrink:0;font:10px SFMono-Regular,Consolas,monospace;gap:10px;height:38px;justify-content:space-between;padding:0 18px}.status-bar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bar .server-dot{margin-right:8px}.status-bar>div{display:flex;flex-shrink:0;gap:8px}.status-bar button{background:transparent;border:0;color:#a6bbca;font-size:10px;padding:3px 6px}.history-panel{backdrop-filter:blur(10px);background:#141f2eef;border-left:1px solid #2a3b4c;bottom:0;overflow-y:auto;padding:18px;position:absolute;right:0;top:0;width:280px;z-index:2}.history-panel h3{font-size:14px;margin:0}.history-item{border-bottom:1px solid #263747;display:flex;flex-direction:column;gap:6px;padding:14px 0}.history-item strong{font-size:13px;font-weight:500}.history-item small{color:#839aaf;font-size:10px}.history-item>span{color:#6d9487;font-size:10px}.modal-backdrop{align-items:center;backdrop-filter:blur(4px);background:#060a11b8;display:flex;inset:0;justify-content:center;padding:25px;position:fixed;z-index:20}.dialog{background:#16212f;border:1px solid #35475c;border-radius:13px;box-shadow:0 20px 100px #0008;max-height:90dvh;max-width:100%;overflow-y:auto;padding:26px;width:520px}.dialog.compact{width:420px}.dialog-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.dialog h2{font-size:20px;font-weight:500;margin:7px 0 0}.form-row{display:flex;gap:12px}.form-row label{margin:0 0 14px}.grow{flex:1;min-width:0}.port-field{width:90px}.key-heading{align-items:center;display:flex;justify-content:space-between}.file-button{border:1px solid #395950;border-radius:5px;color:#64d3b0;cursor:pointer;font-size:11px;padding:5px 9px}.file-button input{display:none}.check-label{align-items:center;flex-direction:row;font-size:11px}.check-label input{width:auto}.dialog-actions{display:flex;gap:8px;margin-top:22px}.dialog-actions .danger{background:transparent;border-color:#573b47;color:#e9a1ac}.toast{align-items:center;background:#233b3b;border:1px solid #426b60;border-radius:9px;bottom:55px;box-shadow:0 10px 40px #0006;color:#b9eadb;display:flex;font-size:12px;gap:18px;left:50%;max-width:90vw;padding:11px 16px;position:fixed;transform:translateX(-50%);z-index:30}.toast button{background:transparent;border:0;color:#8abcad;font-size:19px;padding:0}.boot-screen{color:#829bb0;display:grid;font-size:13px;height:100dvh;place-items:center}.mobile-only{display:none}@keyframes pulse{50%{opacity:.35}}@media (max-width:780px){.sidebar{inset:0 auto 0 0;position:fixed;transform:translateX(-100%);transition:transform .2s;width:275px;z-index:10}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#0009;inset:0;position:fixed;z-index:9}.mobile-only{display:grid}.sidebar-brand .mobile-only{margin-left:auto}.workspace-header{height:55px;padding:0 12px}.header-title{gap:9px}.breadcrumb,.header-divider{display:none}.empty-state{padding:20px}.empty-state h1{font-size:20px}.empty-actions{flex-direction:column}.modal-backdrop{padding:14px}.dialog{padding:20px}.login-card{padding:28px}.status-bar{padding:0 10px}}