:root{--primary:#00d2ff;--secondary:#3a7bd5;--bg-dark:#0f172a;--bg-panel:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-success:#10b981;--accent-danger:#ef4444}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.app-container{flex-direction:column;min-height:100vh;display:flex}.login-wrapper{background:radial-gradient(circle at top left, var(--bg-panel), var(--bg-dark));justify-content:center;align-items:center;height:100vh;display:flex}.login-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-box h1{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px}.login-box p{color:var(--text-muted);margin-bottom:32px}.input-group{text-align:left;margin-bottom:20px}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:14px;display:block}.input-group input,.input-group textarea{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .2s}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d2ff26}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 10px 20px -10px var(--primary);transform:translateY(-2px)}.navbar{background:var(--bg-panel);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.navbar h2{color:var(--text-main);margin:0;font-size:20px}.navbar .logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:14px}.navbar .logout:hover{color:#fff}.dashboard-content{width:100%;max-width:1200px;margin:0 auto;padding:40px}.header-row{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.cluster-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.cluster-card{background:var(--bg-panel);border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:transform .2s;position:relative}.cluster-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.cluster-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.cluster-header h3{margin:0;font-size:18px}.badge{color:var(--accent-success);background:#10b9811a;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.btn-edit{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:8px;padding:4px}.btn-edit:hover{color:var(--primary)}.ip-list{margin:0 0 24px;padding:0;list-style:none}.ip-list li{color:var(--text-muted);background:#0003;border-radius:8px;align-items:center;margin-bottom:8px;padding:12px;font-family:monospace;font-size:14px;display:flex}.ip-list li:before{content:"•";color:var(--primary);margin-right:12px;font-size:20px}.btn-deploy{width:100%;color:var(--primary);cursor:pointer;background:#00d2ff1a;border:1px solid #00d2ff33;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-deploy:hover:not(:disabled){background:var(--primary);color:var(--bg-dark)}.btn-deploy:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--accent-danger);background:#ef44441a;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-panel);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:500px;padding:32px;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:24px;right:24px}.modal-close:hover{color:#fff}.nav-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:16px;font-weight:500;transition:all .2s}.nav-tab:hover{color:#fff}.nav-tab.active{color:var(--primary);border-bottom:2px solid var(--primary)}.selected-card{box-shadow:0 0 15px #00d2ff1a;border-color:var(--primary)!important}.sub-terminal{height:var(--terminal-height,400px);z-index:900;background:#0f172a;border-top:1px solid #ffffff1a;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}.sub-terminal .resize-handle{cursor:ns-resize;z-index:10;justify-content:center;align-items:center;height:12px;display:flex;position:absolute;top:-6px;left:0;right:0}.sub-terminal .resize-handle:after{content:"";background:#ffffff26;border-radius:2px;width:48px;height:4px;transition:background .2s}.sub-terminal .resize-handle:hover:after,.sub-terminal .resize-handle:active:after{background:#00d2ff99}.sub-terminal.open{transform:translateY(0)}.terminal-header{background:#1e293b;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.terminal-body{color:#10b981;white-space:pre-wrap;flex:1;padding:24px;font-family:Fira Code,Courier New,Courier,monospace;font-size:14px;line-height:1.6;overflow-y:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.maximized-terminal{width:auto!important;height:auto!important;inset:10px!important;transform:none!important}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.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{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;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;pointer-events:none;position:absolute;top:0;right:0}.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;z-index:11;background:0 0;transition:opacity .1s linear}.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{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}