*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#18202b}.app-shell{min-height:100vh;background:#f5f7fb}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at top,#eaf1ff,#f7f9fc 45%)}.login-panel{width:100%;max-width:420px;padding:42px;border-radius:18px;background:#fff;border:1px solid #e4e8ef;box-shadow:0 20px 60px #1b273e17;text-align:center}.login-logo{width:54px;height:54px;margin:0 auto 20px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#246bfd;color:#fff;font-size:25px;font-weight:800}.login-panel h1{margin:0;font-size:28px}.login-panel p{margin:12px 0 28px;color:#697386;line-height:1.5}.login-button{width:100%}.topbar{height:68px;padding:0 24px;background:#fff;border-bottom:1px solid #e4e8ef;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#246bfd;color:#fff;font-weight:800;font-size:19px}.brand-text h1{margin:0;font-size:17px;line-height:1.2}.brand-text span{display:block;margin-top:3px;font-size:11px;color:#8992a3}.topbar-right{display:flex;align-items:center;gap:10px}.user-pill{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:9px;background:#f4f6f9;border:1px solid #e5e8ed;color:#596273;font-size:12px;max-width:320px}.user-dot{width:7px;height:7px;border-radius:100%;background:#25b46b}.user-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{height:36px;padding:0 14px;border-radius:8px;border:1px solid #dce1e8;background:#fff;color:#464f5d;font-weight:600;cursor:pointer}.logout-button:hover{background:#f6f7f9}.dashboard{height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(350px,35%) minmax(0,65%);gap:14px;padding:14px;overflow:hidden}.left-panel{display:flex;flex-direction:column;gap:12px;min-width:0;overflow-y:auto;padding-right:3px}.left-panel::-webkit-scrollbar{width:6px}.left-panel::-webkit-scrollbar-thumb{background:#d5dae3;border-radius:10px}.dashboard-card{background:#fff;border:1px solid #e3e7ee;border-radius:12px;box-shadow:0 2px 8px #1f2a3e09;color:#18202b}.create-vm-card{padding:16px}.card-heading{display:flex;justify-content:space-between;margin-bottom:14px}.card-heading h2,.instances-heading h2{margin:0;font-size:15px;font-weight:700;color:#18202b}.card-heading p,.instances-heading p{margin:3px 0 0;font-size:11px;color:#8a93a3}.compact-form{display:flex;flex-direction:column;gap:10px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.form-field{min-width:0;display:flex;flex-direction:column;gap:4px}.form-field label{font-size:11px;color:#5d6676;font-weight:600}.form-field input,.form-field select{width:100%;height:36px;padding:0 10px;border:1px solid #dce1e8;border-radius:7px;background:#fff;font-size:12px;color:#26303e;outline:none}.form-field input:focus,.form-field select:focus{border-color:#246bfd;box-shadow:0 0 0 3px #246bfd17}.form-field select:disabled{background:#f5f6f8;cursor:not-allowed;color:#a1a8b3}.disk-size-input{display:flex;border:1px solid #dce1e8;border-radius:7px;overflow:hidden}.disk-size-input input{border:none;border-radius:0;flex:1}.disk-size-input span{width:43px;display:flex;align-items:center;justify-content:center;background:#f5f6f8;color:#747e8e;font-size:11px;border-left:1px solid #dce1e8}.primary-button{border:none;background:#246bfd;color:#fff;border-radius:8px;height:38px;padding:0 15px;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease}.primary-button:hover{background:#1557da}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.create-button{margin-top:2px}.secondary-button{border:1px solid #dce1e8;background:#fff;color:#4f5968;border-radius:7px;cursor:pointer;font-weight:600}.instances-card{padding:14px;min-height:160px;color:#18202b}.instances-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.refresh-button{height:31px;padding:0 11px;font-size:11px}.instance-list{display:flex;flex-direction:column;gap:7px}.instance-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5e8ee;border-radius:9px;padding:9px 10px;background:#fafbfc;color:#18202b}.instance-row:hover{background:#f7f9fc;border-color:#d9dee7}.instance-info{min-width:0;flex:1;color:#18202b}.instance-title-row{display:flex;align-items:center;gap:7px;color:#18202b}.instance-title-row strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#18202b}.instance-name{color:#18202b!important;font-size:12px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-indicator{width:7px;height:7px;flex:0 0 auto;border-radius:100%;background:#b8bec8}.status-indicator.running{background:#20b26b;box-shadow:0 0 0 3px #20b26b1a}.instance-meta{display:flex;gap:9px;margin-top:4px;color:#667080;font-size:10px;overflow:hidden}.instance-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667080}.instance-zone{margin-top:3px;color:#989fac;font-size:9px}.instance-actions{flex:0 0 auto;display:flex;gap:5px}.ssh-button,.delete-button{height:30px;padding:0 10px;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer}.ssh-button{border:none;background:#246bfd;color:#fff}.ssh-button:hover{background:#175ad6}.ssh-button:disabled{opacity:.4;cursor:not-allowed}.delete-button{border:1px solid #e6ccd0;background:#fff;color:#c63f4d}.delete-button:hover{background:#fff5f6}.empty-instances{min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8b94a2;text-align:center}.empty-icon{font-size:23px}.empty-instances p{margin:5px 0 2px;font-size:12px;font-weight:600}.empty-instances span{font-size:10px}.status-message{padding:10px 12px;background:#edf4ff;border:1px solid #d7e5ff;border-radius:8px;color:#345d9c;font-size:11px;word-break:break-word}.error-message{background:#fff1f2;border-color:#ffd6da;color:#ad3540}.terminal-panel{height:100%;min-width:0;background:#141820;border-radius:12px;border:1px solid #242a34;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #14192314}.terminal-header{min-height:63px;padding:0 16px;background:#1c212b;border-bottom:1px solid #2c323e;display:flex;align-items:center;justify-content:space-between;gap:15px}.terminal-title{min-width:0;display:flex;align-items:center;gap:10px}.terminal-icon{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#282f3b;color:#83aaff;font-family:monospace;font-size:13px;font-weight:700}.terminal-title h2{margin:0;color:#f2f4f8;font-size:14px}.terminal-title p{margin:3px 0 0;color:#8993a5;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-controls{display:flex;align-items:center;gap:8px}.connection-badge{display:flex;align-items:center;gap:6px;height:29px;padding:0 9px;border-radius:7px;background:#292f3a;color:#a0a8b6;font-size:10px}.connection-badge span{width:6px;height:6px;border-radius:100%;background:#707887}.connection-badge.connected{color:#78dba8}.connection-badge.connected span{background:#39cc83}.disconnect-button{height:29px;padding:0 10px;border-radius:6px;background:transparent;border:1px solid #404754;color:#bdc4cf;font-size:10px;cursor:pointer}.disconnect-button:hover{background:#292f39}.disconnect-button:disabled{cursor:not-allowed;opacity:.4}.terminal-body{min-height:0;flex:1;padding:12px;background:#0c1016}.xterm-container{width:100%;height:100%;overflow:hidden}.xterm{height:100%}.xterm-viewport{overflow-y:auto!important}.terminal-footer{min-height:34px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #252b35;background:#171c24;color:#70798a;font-size:9px}.floating-ai-button{position:fixed;right:24px;bottom:24px;height:52px;padding:0 18px;border:none;border-radius:28px;display:flex;align-items:center;gap:8px;background:#246bfd;color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #246bfd52;z-index:200;transition:transform .15s ease}.floating-ai-button:hover{transform:translateY(-2px)}.floating-ai-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#ffffff26;font-size:15px}.ai-chat-window{position:fixed;right:22px;bottom:22px;width:370px;height:520px;background:#fff;border-radius:16px;border:1px solid #e1e5ec;box-shadow:0 18px 70px #1a243733;z-index:250;display:flex;flex-direction:column;overflow:hidden}.ai-chat-header{min-height:65px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7eaf0;background:#fff}.ai-chat-heading{display:flex;align-items:center;gap:10px}.ai-avatar{width:38px;height:38px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#246bfd;color:#fff;font-size:11px;font-weight:800}.ai-chat-heading strong{display:block;font-size:13px;color:#18202b}.ai-chat-heading span{display:block;margin-top:2px;color:#39ad70;font-size:10px}.ai-close-button{width:32px;height:32px;border-radius:100%;border:none;background:#f3f5f7;color:#596273;font-size:21px;cursor:pointer;line-height:1}.ai-close-button:hover{background:#eaedf1}.ai-chat-body{flex:1;overflow-y:auto;padding:15px;background:#f7f8fa;display:flex;flex-direction:column;gap:13px}.ai-chat-body::-webkit-scrollbar{width:5px}.ai-chat-body::-webkit-scrollbar-thumb{background:#ccd2db;border-radius:10px}.assistant-message{display:flex;align-items:flex-end;gap:7px;max-width:88%}.small-ai-avatar{width:25px;height:25px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#246bfd;color:#fff;font-size:8px;font-weight:800}.user-message{display:flex;justify-content:flex-end;margin-left:auto;max-width:83%}.chat-bubble{padding:9px 11px;border-radius:14px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-bubble.assistant{background:#fff;color:#323b48;border:1px solid #e6e9ef;border-bottom-left-radius:4px}.chat-bubble.user{background:#246bfd;color:#fff;border-bottom-right-radius:4px}.typing{color:#7b8492!important;font-style:italic}.ai-chat-input{min-height:65px;padding:10px;display:flex;gap:8px;align-items:flex-end;background:#fff;border-top:1px solid #e4e8ee}.ai-chat-input textarea{flex:1;min-height:42px;max-height:90px;resize:none;padding:11px 12px;border-radius:20px;border:1px solid #dfe3e9;background:#f7f8fa;color:#18202b;outline:none;font-family:inherit;font-size:12px}.ai-chat-input textarea:focus{border-color:#aac4ff}.ai-chat-input button{width:42px;height:42px;flex:0 0 auto;border-radius:100%;border:none;background:#246bfd;color:#fff;cursor:pointer;font-size:17px}.ai-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1050px){.dashboard{grid-template-columns:390px minmax(0,1fr)}.user-pill{max-width:200px}}@media(max-width:850px){.dashboard{height:auto;grid-template-columns:1fr;overflow:visible}.left-panel{overflow:visible}.terminal-panel{height:600px}}@media(max-width:600px){.topbar{padding:0 12px}.brand-text span,.user-pill{display:none}.dashboard{padding:8px;gap:8px}.form-grid{grid-template-columns:1fr}.instance-row{align-items:flex-start;flex-direction:column}.instance-actions{width:100%}.ssh-button,.delete-button{flex:1}.terminal-header{padding:10px 12px;align-items:flex-start;flex-direction:column}.terminal-controls{width:100%;justify-content:space-between}.terminal-footer{display:none}.ai-chat-window{width:calc(100vw - 20px);height:calc(100vh - 90px);right:10px;bottom:10px}.floating-ai-button{right:15px;bottom:15px}}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.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{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{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;position:absolute;top:0;right:0;pointer-events:none}.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;background:#0000;transition:opacity .1s linear;z-index:11}.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{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}