:root{--bg-deep: #0a0b0f;--bg-primary: #12141a;--bg-secondary: #1a1d26;--bg-elevated: #22262f;--bg-hover: #2a2f3a;--accent-primary: #00d4aa;--accent-secondary: #00a8ff;--accent-tertiary: #8b5cf6;--accent-warning: #f59e0b;--accent-danger: #ef4444;--text-primary: #f0f2f5;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--glow-primary: rgba(0, 212, 170, .15);--glow-secondary: rgba(0, 168, 255, .15);--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.bg-glow-1{top:-200px;right:-100px;background:var(--accent-primary);opacity:.15}.bg-glow-2{bottom:-300px;left:-200px;background:var(--accent-secondary);opacity:.1}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-deep) 0%,#0d1117 50%,#111827 100%);display:flex;align-items:center;justify-content:center;z-index:9000;transition:opacity .3s ease,visibility .3s ease}.login-overlay:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,212,170,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,168,255,.06) 0%,transparent 50%);pointer-events:none}.login-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{background:#12141acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:48px;width:100%;max-width:440px;box-shadow:0 25px 60px #00000080,0 0 40px #00d4aa0a;border:1px solid var(--border-default);text-align:center;position:relative}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.login-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:var(--bg-deep);box-shadow:0 4px 20px var(--glow-primary)}.login-logo-text{font-size:28px;font-weight:700;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px}.login-title{font-size:22px;font-weight:600;font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px}.login-subtitle{font-size:14px;font-family:var(--font-body);color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.connect-wallet-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--accent-primary),#00b894);color:var(--bg-deep);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all var(--transition-fast);box-shadow:0 4px 20px var(--glow-primary)}.connect-wallet-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #00d4aa4d}.connect-wallet-btn:active:not(:disabled){transform:scale(.98)}.connect-wallet-btn:disabled{opacity:.7;cursor:not-allowed}.connect-wallet-btn svg{width:24px;height:24px}.login-security-badge{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;font-size:11px;font-family:var(--font-body);color:var(--text-muted);letter-spacing:.3px}.login-security-badge span{display:flex;align-items:center;gap:4px}.login-security-badge svg{width:12px;height:12px;color:var(--accent-primary);opacity:.7}.login-status{margin-top:24px;padding:12px;border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);display:none;line-height:1.5;word-wrap:break-word}.login-status.error{display:block;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--accent-danger)}.login-status.info{display:block;background:#00a8ff1a;border:1px solid rgba(0,168,255,.3);color:var(--accent-secondary)}.login-status.success{display:block;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);color:var(--accent-primary)}.login-status a{color:var(--accent-primary);text-decoration:underline}.login-footer{margin-top:32px;font-size:12px;font-family:var(--font-body);color:var(--text-muted)}.login-footer a{color:var(--accent-primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sdk-loading-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--bg-secondary);z-index:9000;display:none}.sdk-loading-bar.active{display:block}.sdk-loading-bar-progress{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));width:0%;transition:width .3s ease}.wallet-options-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9001;animation:fadeIn .2s ease}.wallet-options-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;max-width:360px;width:90%;animation:slideUp .3s ease}.wallet-options-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.wallet-options-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 24px;text-align:center}.wallet-options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.wallet-option{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;transition:all .2s ease}.wallet-option:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.wallet-option:active{transform:translateY(0)}.wallet-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:12px;color:var(--text-primary)}.wallet-option-icon svg{width:28px;height:28px}.wallet-option-icon.walletconnect-icon{background:linear-gradient(135deg,#3b99fc,#2d7dd2)}.wallet-option-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.wallet-option-name{color:var(--text-primary);font-size:16px;font-weight:500}.wallet-option-desc{color:var(--text-muted);font-size:13px}.wallet-options-cancel{width:100%;padding:12px;background:transparent;border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.wallet-options-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.balance-container{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-secondary, #1a1a2e);border-radius:8px;margin-right:16px}.balance-label{color:var(--text-secondary, #8b8b9a);font-size:14px}.balance-amount{font-weight:600;color:var(--text-primary, #ffffff);font-size:16px;font-family:JetBrains Mono,monospace}.balance-amount.low-balance{color:#f59e0b;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.btn-deposit{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-deposit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-deposit:active{transform:translateY(0)}.btn-deposit svg{width:14px;height:14px}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-overlay.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card, #16162a);border-radius:16px;width:90%;max-width:420px;box-shadow:0 25px 80px #0009;border:1px solid var(--border-color, #2a2a4a);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-default);background:linear-gradient(180deg,rgba(0,212,170,.03) 0%,transparent 100%)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #ffffff)}.close-btn{background:none;border:none;color:var(--text-secondary, #8b8b9a);font-size:28px;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn:hover{color:var(--text-primary, #ffffff);background:var(--bg-secondary, #1a1a2e)}.deposit-info{background:var(--bg-secondary, #1a1a2e);border-radius:12px;padding:16px;margin-bottom:24px;border:1px solid var(--border-color, #2a2a4a)}.deposit-info p{margin:8px 0;font-size:14px;color:var(--text-secondary, #8b8b9a);display:flex;justify-content:space-between;align-items:center}.deposit-info p:first-child{margin-top:0}.deposit-info p:last-child{margin-bottom:0}.deposit-info strong{color:var(--text-primary, #ffffff);font-weight:500}.deposit-info code{background:var(--bg-tertiary, #0d0d1a);padding:4px 8px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px;color:#10b981}.deposit-form{display:flex;flex-direction:column;gap:16px}.deposit-form label{font-size:14px;font-weight:500;color:var(--text-primary, #ffffff);margin-bottom:-8px}.deposit-form input[type=number]{padding:14px 16px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:10px;color:var(--text-primary, #ffffff);font-size:18px;font-family:JetBrains Mono,monospace;transition:all .2s ease}.deposit-form input[type=number]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.deposit-form input[type=number]::placeholder{color:var(--text-muted, #4a4a6a)}.deposit-form input[type=number]::-webkit-outer-spin-button,.deposit-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.deposit-form input[type=number]{-moz-appearance:textfield}.btn-primary{padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.deposit-progress{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-secondary, #1a1a2e);border-radius:10px;margin-top:20px;border:1px solid var(--border-color, #2a2a4a)}.deposit-progress.hidden{display:none}.deposit-progress p{margin:0;font-size:14px;color:var(--text-secondary, #8b8b9a);line-height:1.5}.deposit-progress p small{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted, #4a4a6a)}.progress-spinner{width:24px;height:24px;min-width:24px;border:3px solid var(--border-color, #2a2a4a);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.deposit-result{padding:16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:10px;margin-top:20px}.deposit-result.hidden{display:none}.deposit-result .success{color:#10b981;font-weight:600;font-size:16px;margin:0 0 12px}.deposit-result p{margin:0;font-size:14px;color:var(--text-secondary, #8b8b9a)}.deposit-result a{color:#667eea;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:13px}.deposit-result a:hover{text-decoration:underline}@media (max-width: 640px){.balance-container{padding:6px 12px;gap:8px}.balance-label{display:none}.balance-amount{font-size:14px}.btn-deposit{padding:6px 10px;font-size:12px}.btn-deposit span{display:none}.modal-content{width:95%;margin:16px}.modal-body{padding:20px}}.app-container{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:260px;background:var(--bg-primary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.logo{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-subtle)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--bg-deep)}.logo-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.nav-section{padding:20px 12px;flex:1}.nav-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:14px;transition:all var(--transition-fast);cursor:pointer;margin-bottom:4px}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--glow-primary);color:var(--accent-primary);border:1px solid rgba(0,212,170,.2);position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent-primary);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--glow-primary)}.nav-item:hover:not(.active){border-left:2px solid rgba(0,212,170,.3)}.nav-item svg{width:20px;height:20px;opacity:.8}.nav-item.active svg{opacity:1}.sidebar-footer{padding:16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.balance-card{background:linear-gradient(135deg,#00d4aa0f,#00a8ff0a);border:1px solid rgba(0,212,170,.15);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px}.balance-header{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.balance-header svg{color:var(--accent-primary);opacity:.7}.balance-row{display:flex;align-items:baseline;gap:6px}.balance-amount{font-size:24px;font-weight:700;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px;line-height:1}.balance-token{font-size:12px;font-weight:600;color:var(--accent-primary);background:#00d4aa1a;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.5px}.balance-amount.low-balance{color:var(--accent-danger)}.btn-deposit{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:linear-gradient(135deg,var(--accent-primary),#00b894);color:var(--bg-deep);border:none;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-deposit:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00d4aa40}.btn-deposit:active{transform:scale(.98)}.wallet-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;color:var(--text-muted);transition:all var(--transition-fast)}.wallet-badge.connected{background:#00d4aa0f;border-color:#00d4aa33;color:var(--text-secondary)}.wallet-badge #wallet-display{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.wallet-badge.connected .wallet-dot{background:var(--accent-primary);box-shadow:0 0 8px #00d4aa66;animation:pulse-dot 2s infinite}.disconnect-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;margin-left:auto}.disconnect-btn:hover{background:#ef444426;color:var(--accent-danger)}.main-content{flex:1;margin-left:260px;padding:24px 32px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{font-size:28px;font-weight:700;letter-spacing:-.5px}.page-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.header-actions{display:flex;gap:12px}.btn-icon{padding:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-card)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.stat-card:nth-child(1){background:var(--stat-gradient-1)}.stat-card:nth-child(2){background:var(--stat-gradient-2)}.stat-card:nth-child(3){background:var(--stat-gradient-3)}.stat-card:nth-child(4){background:var(--stat-gradient-4)}.stat-card:nth-child(5){background:var(--stat-gradient-5)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover:before{opacity:1}.stat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:22px}.stat-icon.nodes{background:var(--glow-primary);color:var(--accent-primary);box-shadow:0 0 20px #00d4aa26}.stat-icon.vms{background:var(--glow-secondary);color:var(--accent-secondary);box-shadow:0 0 20px #00a8ff26}.stat-icon.cpu{background:var(--glow-tertiary);color:var(--accent-tertiary);box-shadow:0 0 20px #8b5cf626}.stat-icon.memory{background:#f59e0b26;color:var(--accent-warning);box-shadow:0 0 20px #f59e0b1f}.stat-icon.storage{background:#10b98126;color:var(--accent-success);box-shadow:0 0 20px #10b9811f}.stat-value{font-size:36px;font-weight:700;letter-spacing:-1.5px;margin-bottom:4px;font-family:var(--font-display);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500;font-family:var(--font-body);letter-spacing:.3px}.stat-change{position:absolute;top:24px;right:24px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.stat-change.positive{background:#00d4aa1a;color:var(--accent-primary)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.vm-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;transition:all var(--transition-normal);box-shadow:var(--shadow-card)}.vm-card:hover{border-color:var(--border-hover);border-left-color:var(--accent-primary);background:var(--bg-hover);transform:translate(4px);box-shadow:var(--shadow-card-hover)}.vm-card:last-child{margin-bottom:0}.vm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vm-name{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary)}.vm-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vm-status.running,.vm-status[data-status="1"]{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);animation:pulse-glow 2s infinite}.vm-status.stopped,.vm-status[data-status="2"]{background:var(--text-muted);box-shadow:none}.vm-status.pending,.vm-status[data-status="0"]{background:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning);animation:pulse-glow 1.5s infinite}.vm-status.error,.vm-status[data-status="5"]{background:var(--accent-danger);box-shadow:0 0 8px var(--accent-danger)}.vm-status.provisioning,.vm-status[data-status="3"]{background:var(--accent-secondary);box-shadow:0 0 8px var(--accent-secondary);animation:pulse-glow 1.5s infinite}.vm-status.deleting,.vm-status[data-status="4"]{background:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning);animation:pulse-glow 1s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.vm-card-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.spec-value{font-size:13px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}#recent-vms p{text-align:center;color:var(--text-muted);padding:32px 20px;font-size:14px}@media (max-width: 768px){.vm-card-specs{grid-template-columns:1fr;gap:8px}.vm-card{padding:14px}.vm-name{font-size:14px}}@media (max-width: 480px){.vm-card-header{flex-direction:column;align-items:flex-start;gap:8px}.status-badge{align-self:flex-start}}.vm-table{width:100%;border-collapse:collapse}.vm-table th,.vm-table td{padding:16px;text-align:left}.vm-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.vm-table tr{border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.vm-table tr:hover{background:var(--bg-secondary)}.vm-table tr[data-status=error],.vm-table tr[data-status=failed]{background:#ef44440a;border-left:3px solid var(--accent-danger)}.vm-table tr[data-status=error]:hover,.vm-table tr[data-status=failed]:hover{background:#ef444414}.vm-name{display:flex;align-items:center;gap:12px}.vm-icon{width:36px;height:36px;background:var(--glow-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-secondary)}.vm-id{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.3px}.status-dot{width:6px;height:6px;border-radius:50%}.status-badge.running{background:#00d4aa1a;color:var(--accent-primary)}.status-badge.running .status-dot{background:var(--accent-primary)}.status-badge.stopped{background:#6b72801a;color:var(--text-muted)}.status-badge.stopped .status-dot{background:var(--text-muted)}.status-badge.provisioning{background:#00a8ff1a;color:var(--accent-secondary)}.status-badge.provisioning .status-dot{background:var(--accent-secondary)}.status-badge.scheduling{background:#00a8ff1a;color:var(--accent-secondary)}.status-badge.scheduling .status-dot{background:var(--accent-secondary)}.status-badge.pending{background:#f59e0b1a;color:var(--accent-warning)}.status-badge.pending .status-dot{background:var(--accent-warning)}.status-badge.stopping{background:#f59e0b1a;color:var(--accent-warning)}.status-badge.stopping .status-dot{background:var(--accent-warning)}.status-badge.migrating{background:#8b5cf61a;color:var(--accent-tertiary)}.status-badge.migrating .status-dot{background:var(--accent-tertiary)}.status-badge.error{background:#ef44441a;color:var(--accent-danger)}.status-badge.error .status-dot{background:var(--accent-danger)}.status-badge.deleted{background:#6b72801a;color:var(--text-muted)}.status-badge.deleted .status-dot{background:var(--text-muted)}.vm-status-cell{display:flex;align-items:center;gap:8px}.svc-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.3px}.svc-badge-ready{background:#00d4aa26;color:var(--accent-primary)}.svc-badge-progress{background:#00a8ff26;color:var(--accent-secondary)}.svc-badge-warn{background:#f59e0b26;color:var(--accent-warning)}.svc-readiness{margin-top:8px;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.svc-summary{font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.svc-summary-ready{color:var(--accent-primary)}.svc-summary-partial{color:var(--accent-secondary)}.svc-list{display:flex;flex-wrap:wrap;gap:4px 10px}.svc-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.svc-icon{font-size:11px;font-weight:700;line-height:1}.svc-icon.svc-ready{color:var(--accent-primary)}.svc-icon.svc-checking{color:var(--accent-secondary);animation:pulse-glow 1.5s infinite}.svc-icon.svc-pending{color:var(--text-muted)}.svc-icon.svc-timedout{color:var(--accent-warning)}.svc-icon.svc-failed{color:var(--accent-danger)}.svc-label{white-space:nowrap}.vm-card .svc-readiness{margin-top:10px;background:#00000026;border-color:#ffffff0d}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-right:4px}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.action-btn.danger:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.quality-tier-help{font-size:.875rem;color:#10b981;font-weight:600;margin-left:.5rem}.tier-info{margin-top:.75rem;padding:1rem;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:8px}.tier-description{color:#9ca3af;font-size:.875rem;margin-bottom:.75rem;line-height:1.5}.tier-pricing{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tier-points{color:#10b981;font-weight:600;font-size:.875rem}.tier-multiplier{color:#60a5fa;font-size:.875rem}.cost-estimate{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#065f46,#064e3b);border:1px solid #10b981;border-radius:8px}.cost-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.cost-row:not(:last-child){border-bottom:1px solid rgba(16,185,129,.2)}.cost-row span{color:#d1fae5;font-size:.875rem}.cost-row strong{color:#fff;font-size:1rem;font-weight:600}#compute-points{color:#10b981}#estimated-cost{color:#34d399}.tier-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tier-guaranteed{background:#7c3aed;color:#fff}.tier-standard{background:#3b82f6;color:#fff}.tier-balanced{background:#10b981;color:#fff}.tier-burstable{background:#f59e0b;color:#fff}@media (max-width: 640px){.tier-pricing{flex-direction:column;align-items:flex-start;gap:.5rem}.cost-estimate{padding:.75rem}}.node-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.node-item:last-child{border-bottom:none}.node-status-indicator{width:10px;height:10px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.node-status-indicator.offline{background:var(--text-muted);box-shadow:none}.node-info{flex:1}.node-name{font-weight:600;font-size:14px;margin-bottom:4px}.node-specs{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.node-metrics{text-align:right}.node-usage{font-size:20px;font-weight:700;color:var(--accent-primary)}.node-usage-label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:520px;transform:translateY(20px) scale(.95);transition:all var(--transition-slow);max-height:calc(100vh - 210px);overflow-y:auto}.modal-overlay.active .modal{transform:translateY(0) scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid var(--border-subtle);display:flex;gap:12px;justify-content:flex-end}.direct-access-help{margin-top:32px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--accent-secondary)}.direct-access-help h4{margin:0 0 8px;color:var(--text-primary);font-size:14px;font-weight:600}.direct-access-help p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.page{display:none}.page.active{display:block}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:12px;animation:slideInToast .3s ease;min-width:300px}@keyframes slideInToast{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-left:3px solid var(--accent-primary)}.toast.error{border-left:3px solid var(--accent-danger)}.toast.info{border-left:3px solid var(--accent-secondary)}.toast-icon{width:20px;height:20px}.toast.success .toast-icon{color:var(--accent-primary)}.toast.error .toast-icon{color:var(--accent-danger)}.toast.info .toast-icon{color:var(--accent-secondary)}.connect-info{font-family:var(--font-mono);font-size:13px}.connect-section{margin-bottom:20px}.connect-section-title{font-family:var(--font-display);font-weight:600;margin-bottom:8px;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.connect-code{background:var(--bg-deep);padding:16px;border-radius:var(--radius-md);position:relative;color:var(--accent-primary);word-break:break-all}.connect-code-copy{position:absolute;top:8px;right:8px;padding:4px 10px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.connect-code-copy:hover{background:var(--bg-hover);color:var(--text-primary)}.connect-note{font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.stats-grid,.form-row{grid-template-columns:1fr}.login-card{padding:32px 24px;margin:16px}.wallet-options-modal{width:95%;padding:20px}}@media (max-width: 480px){.wallet-option{padding:14px}.wallet-option-icon{width:42px;height:42px}.wallet-option-icon svg{width:24px;height:24px}}.marketplace-filters{margin-bottom:28px}.filter-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;flex:1;min-width:140px}.filter-group-wide{flex:2}.filter-checkbox-group{display:flex;flex-direction:column;gap:6px;justify-content:flex-end;padding-bottom:4px}.filter-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.filter-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.filter-actions{display:flex;flex-direction:row;gap:8px;align-items:flex-end;flex:0 0 auto}.mp-section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.mp-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mp-results-count{font-size:13px;color:var(--text-muted)}.mp-nodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:32px}.mp-node-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.mp-node-card:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 8px 30px #00d4aa1a}.mp-node-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-normal)}.mp-node-card:hover:before{opacity:1}.mp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.mp-node-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.mp-node-region{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.mp-node-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0}.mp-node-status.online{background:#00d4aa1a;color:var(--accent-primary)}.mp-node-status.offline{background:#6b72801a;color:var(--text-muted)}.mp-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.mp-node-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp-specs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.mp-spec{display:flex;flex-direction:column;gap:2px}.mp-spec-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:500}.mp-spec-value{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.mp-gpu-highlight{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#8b5cf614,#667eea14);border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:12px;margin-bottom:16px}.mp-gpu-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#8b5cf626;border-radius:8px;color:var(--accent-tertiary)}.mp-gpu-info{flex:1;display:flex;flex-direction:column;gap:2px}.mp-gpu-model{font-size:14px;font-weight:600;color:var(--accent-tertiary)}.mp-gpu-memory{font-size:12px;color:var(--text-muted)}.mp-gpu-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#8b5cf626;border-radius:4px;color:var(--accent-tertiary);margin-left:8px;vertical-align:middle}.mp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.mp-tag{display:inline-block;padding:3px 10px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;font-size:11px;color:var(--text-secondary);font-weight:500}.mp-tag.gpu{background:#8b5cf626;border-color:#8b5cf64d;color:var(--accent-tertiary)}.mp-tag.nvme{background:#00a8ff1a;border-color:#00a8ff4d;color:var(--accent-secondary)}.mp-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-subtle)}.mp-price{display:flex;flex-direction:column}.mp-price-value{font-size:18px;font-weight:700;color:var(--accent-primary);font-family:var(--font-mono)}.mp-price-unit{font-size:11px;color:var(--text-muted)}.mp-uptime{display:flex;flex-direction:column;align-items:flex-end}.mp-uptime-value{font-size:16px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.mp-uptime-label{font-size:11px;color:var(--text-muted)}.mp-uptime-value.excellent{color:var(--accent-primary)}.mp-uptime-value.good{color:var(--accent-warning)}.mp-uptime-value.poor{color:var(--accent-danger)}.mp-card-actions{display:flex;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-subtle)}.mp-btn-primary,.mp-btn-secondary{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px}.mp-btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-deep);box-shadow:0 2px 8px var(--glow-primary)}.mp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px var(--glow-primary)}.mp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mp-btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.mp-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-secondary)}.node-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.node-detail-section{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px}.node-detail-section.full-width{grid-column:1 / -1}.node-detail-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;margin-bottom:12px}.node-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.node-detail-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.node-detail-label{font-size:13px;color:var(--text-secondary)}.node-detail-value{font-size:13px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.node-detail-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.mp-nodes-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-group{min-width:auto}.node-detail-grid{grid-template-columns:1fr}.mp-specs-row{grid-template-columns:1fr 1fr}}.marketplace-filters{margin-bottom:24px}.filters-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-secondary);user-select:none}.filter-label input[type=checkbox]{cursor:pointer}.form-select{padding:8px 12px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.form-select:hover{border-color:var(--accent-primary)}.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.marketplace-categories{display:flex;gap:12px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.category-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:14px;font-weight:500;color:var(--text-secondary)}.category-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tab.active{background:linear-gradient(135deg,var(--accent-primary) 0%,#7c3aed 100%);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f14d}.category-icon{font-size:18px}.category-name{font-weight:600}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-top:24px}.template-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--accent-primary)}.template-card-header{padding:16px 16px 0;display:flex;gap:8px;flex-wrap:wrap}.featured-badge,.gpu-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.featured-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.gpu-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.template-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.template-icon{font-size:48px;margin-bottom:12px}.template-name{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.template-category{font-size:12px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.template-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 16px;flex:1}.template-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag{display:inline-block;padding:4px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:11px;color:var(--text-secondary);font-weight:500}.template-card-footer{padding:16px 20px;border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:12px}.template-stats{display:flex;justify-content:space-between;gap:16px}.stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.stat-icon{font-size:16px}.stat-value{font-weight:600;color:var(--text-primary)}.template-actions{display:flex;gap:8px}.btn-sm{padding:8px 16px;font-size:13px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s;flex:1}.btn-primary.btn-sm{background:linear-gradient(135deg,var(--accent-primary) 0%,#7c3aed 100%);color:#fff}.btn-primary.btn-sm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-secondary.btn-sm{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary.btn-sm:hover{background:var(--bg-hover)}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.loading-spinner{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px;font-family:var(--font-body);letter-spacing:.3px;position:relative}.loading-spinner:before{content:"";display:block;width:32px;height:32px;margin:0 auto 16px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.form-help{font-size:12px;color:var(--text-muted);margin-top:8px;font-family:var(--font-body);line-height:1.4}.form-control{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-md);transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--glow-primary)}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr}.marketplace-categories{overflow-x:scroll;-webkit-overflow-scrolling:touch}.filters-row{flex-direction:column;align-items:stretch}}.modal-large{max-width:800px;max-height:90vh;overflow-y:auto}.template-detail-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.template-detail-icon{font-size:72px;line-height:1}.template-detail-title-group{flex:1}.template-detail-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.template-detail-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-version,.template-author{font-size:13px;color:var(--text-secondary);padding:4px 10px;background:var(--bg-tertiary);border-radius:6px}.badge-featured,.badge-gpu{font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px}.badge-featured{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.badge-gpu{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.template-detail-description{font-size:16px;color:var(--text-primary);line-height:1.6;margin-bottom:24px}.template-detail-long-description{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:32px;padding:20px;background:var(--bg-tertiary);border-radius:12px}.template-detail-long-description h1,.template-detail-long-description h2,.template-detail-long-description h3{color:var(--text-primary);margin-top:24px;margin-bottom:12px}.template-detail-long-description h2{font-size:20px}.template-detail-long-description h3{font-size:16px}.template-detail-long-description code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px}.template-detail-long-description pre{background:var(--bg-secondary);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.template-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.detail-section{background:var(--bg-tertiary);padding:20px;border-radius:12px}.detail-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.spec-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spec-column h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.spec-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-default)}.spec-item:last-child{border-bottom:none}.spec-label{font-size:14px;color:var(--text-secondary)}.spec-value{font-size:14px;font-weight:600;color:var(--text-primary)}.pricing-info{display:flex;flex-direction:column;gap:12px}.price-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:8px}.price-label{font-size:14px;color:var(--text-secondary)}.price-value{font-size:16px;font-weight:700;color:var(--accent-primary)}.price-note{font-size:12px;color:var(--text-secondary);margin:12px 0 0;font-style:italic}.ports-list{display:flex;flex-direction:column;gap:12px}.port-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.port-number{font-size:16px;font-weight:700;color:var(--accent-primary);min-width:60px}.port-protocol{font-size:11px;font-weight:600;color:var(--text-secondary);padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;text-transform:uppercase}.port-description{font-size:14px;color:var(--text-primary)}.template-tags-detail{display:flex;flex-wrap:wrap;gap:8px}.tag-detail{padding:8px 14px;background:var(--bg-secondary);border-radius:8px;font-size:13px;color:var(--text-primary);font-weight:500}.template-stats-detail{display:flex;flex-direction:column;gap:12px}.stat-detail{display:flex;justify-content:space-between;padding:12px;background:var(--bg-secondary);border-radius:8px}.stat-detail-label{font-size:14px;color:var(--text-secondary)}.stat-detail-value{font-size:14px;font-weight:600;color:var(--text-primary)}.template-links{display:flex;flex-direction:column;gap:8px}.template-link{display:block;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;color:var(--accent-primary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.template-link:hover{background:var(--bg-hover);transform:translate(4px)}.deploy-template-banner{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:24px}.banner-icon{font-size:32px}.banner-content{font-size:14px}.banner-content strong{display:block;font-size:12px;opacity:.9;margin-bottom:4px}.form-help{font-size:12px;color:var(--text-secondary);margin:6px 0 0}.cost-estimate-box{padding:16px;background:var(--bg-tertiary);border-radius:12px;border:2px solid var(--border-default)}.cost-row{display:flex;justify-content:space-between;align-items:center}.cost-row span{font-size:14px;color:var(--text-secondary)}.cost-row strong{font-size:18px;color:var(--accent-primary);font-weight:700}.cost-note{font-size:11px;color:var(--text-secondary);margin:8px 0 0;text-align:center}.direct-access-dns{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}.dns-label{font-weight:600;font-size:14px}.dns-value{display:flex;align-items:center;gap:8px}.dns-value code{padding:6px 12px;background:#fff3;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:14px;flex:1}.dns-value .btn-icon{background:#fff3;color:#fff;border:none}.dns-value .btn-icon:hover{background:#ffffff4d}.direct-access-empty{text-align:center;padding:60px 20px}.direct-access-empty svg{color:var(--text-muted);margin-bottom:16px}.direct-access-empty h3{margin:16px 0 8px;color:var(--text-primary);font-size:18px}.direct-access-empty p{color:var(--text-secondary);font-size:14px;max-width:400px;margin:0 auto}.ports-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ports-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-default)}.ports-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ports-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.ports-table tbody tr:last-child td{border-bottom:none}.ports-table tbody tr:hover{background:var(--bg-hover)}.ports-table code{padding:4px 8px;background:var(--bg-secondary);border-radius:4px;font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.connection-string{display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.protocol-badge{display:inline-block;padding:4px 8px;background:#00a8ff1a;color:var(--accent-secondary);border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.quick-add-section{margin-bottom:24px}.quick-add-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.quick-add-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.quick-add-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-primary);border:2px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.quick-add-btn:hover{border-color:var(--accent-secondary);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00a8ff33}.quick-add-btn .service-icon{font-size:24px}.quick-add-btn .service-name{font-weight:600;font-size:13px;color:var(--text-primary)}.quick-add-btn .service-port{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.custom-port-section{padding:20px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-default)}.custom-port-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.custom-port-form{display:grid;grid-template-columns:1fr auto 1fr auto;gap:12px;align-items:center}.custom-port-form input,.custom-port-form select{padding:10px 14px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.custom-port-form input:focus,.custom-port-form select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--glow-primary)}.spinner{width:40px;height:40px;border:4px solid var(--border-subtle);border-top-color:var(--accent-secondary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-muted);font-size:14px;text-align:center;padding:20px}@media (max-width: 768px){.modal-large{max-width:95vw}.template-detail-grid,.spec-comparison,.form-row{grid-template-columns:1fr}.quick-add-buttons{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.custom-port-form{grid-template-columns:1fr}.connection-string{max-width:200px}.ports-table{font-size:12px}.ports-table th,.ports-table td{padding:8px 10px}}.price-badge{font-size:var(--font-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);margin-left:auto}.price-free{background:#10b98126;color:var(--accent-success)}.price-paid{background:#f59e0b26;color:var(--accent-warning)}.community-badge{font-size:var(--font-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-full);background:#8b5cf626;color:var(--accent-tertiary)}.template-rating{display:flex;align-items:center;gap:4px;margin:6px 0}.stars-display{font-size:var(--font-md);letter-spacing:1px}.stars-display.stars-detail{font-size:var(--font-lg)}.stars-filled{color:var(--accent-warning)}.stars-empty{color:var(--text-muted);opacity:.4}.rating-count{font-size:var(--font-xs);color:var(--text-muted)}.rating-text{font-size:var(--font-sm);color:var(--text-secondary);margin-left:4px}.template-fee-info{display:flex;align-items:center;gap:12px;padding:12px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md)}.template-fee-amount{font-size:var(--font-xl);font-weight:700;color:var(--accent-warning)}.template-fee-note{font-size:var(--font-sm);color:var(--text-secondary)}.review-item{padding:12px 0;border-bottom:1px solid var(--border-subtle)}.review-item:last-child{border-bottom:none}.review-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.review-stars{color:var(--accent-warning);font-size:var(--font-md);letter-spacing:1px}.review-author{font-size:var(--font-xs);color:var(--text-muted);font-family:var(--font-mono)}.review-date{font-size:var(--font-xs);color:var(--text-muted);margin-left:auto}.review-comment{font-size:var(--font-sm);color:var(--text-secondary);margin:4px 0 0;line-height:1.5}.review-stars-input{display:flex;gap:4px}.review-star{font-size:24px;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);user-select:none}.review-star.active,.review-star:hover{color:var(--accent-warning)}.my-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.my-template-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-fast)}.my-template-card:hover{border-color:var(--accent-primary)}.my-template-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.template-status-badge{font-size:var(--font-xs);font-weight:600;padding:2px 10px;border-radius:var(--radius-full)}.status-published{background:#10b98126;color:var(--accent-success)}.status-draft{background:#f59e0b26;color:var(--accent-warning)}.status-archived{background:#6b728026;color:var(--text-muted)}.template-visibility-badge{font-size:var(--font-xs);color:var(--text-muted)}.my-template-body{padding:16px;flex:1}.my-template-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:4px}.my-template-desc{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-template-meta{display:flex;gap:12px;font-size:var(--font-xs);color:var(--text-muted)}.my-template-meta .stars{color:var(--accent-warning)}.my-template-meta .stars-empty{color:var(--text-muted);opacity:.4}.my-template-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-subtle)}.section-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px 24px}.earnings-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.earnings-card .btn{flex-shrink:0;width:auto}.earnings-info{display:flex;flex-direction:column;gap:4px}.earnings-label{font-size:var(--font-sm);color:var(--text-muted)}.earnings-value{font-size:var(--font-2xl);font-weight:700;color:var(--accent-success)}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--accent-danger);padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#ef444440}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:var(--font-md);font-weight:600;margin-bottom:12px;color:var(--text-primary)}.page-title{font-size:32px;font-weight:700;font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:8px}.page-subtitle{font-size:15px;color:var(--text-secondary);font-family:var(--font-body);margin-bottom:24px;font-weight:400}.template-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0003,0 0 0 1px var(--accent-primary);border-color:var(--accent-primary)}.template-icon{font-size:48px;margin-bottom:12px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:50%;border:2px solid var(--border-subtle);transition:all var(--transition-normal)}.template-card:hover .template-icon{border-color:var(--accent-primary);background:#00d4aa14;transform:scale(1.05)}.mp-node-card.offline{opacity:.6;filter:saturate(.5)}.mp-node-card.offline:hover{opacity:.8;filter:saturate(.7);transform:translateY(-1px);box-shadow:none}.uptime-bar{width:100%;height:4px;background:var(--bg-hover);border-radius:2px;margin-top:8px;overflow:hidden}.uptime-bar-fill{height:100%;border-radius:2px;transition:width .6s ease}.uptime-bar-fill.excellent{background:linear-gradient(90deg,var(--accent-primary),var(--accent-success))}.uptime-bar-fill.good{background:linear-gradient(90deg,var(--accent-success),var(--accent-warning))}.uptime-bar-fill.poor{background:linear-gradient(90deg,var(--accent-warning),var(--accent-danger))}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.4;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin-left:auto;margin-right:auto;background:radial-gradient(circle,rgba(0,212,170,.08) 0%,transparent 70%);border-radius:50%}.empty-state h3{font-size:22px;color:var(--text-primary);margin:0 0 10px;font-family:var(--font-display);font-weight:600}.empty-state p{font-size:15px;max-width:400px;margin:0 auto 24px;line-height:1.6;font-family:var(--font-body)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary:active:not(:disabled){transform:scale(.97) translateY(0);box-shadow:0 2px 8px var(--glow-primary)}.status-badge.status-running{box-shadow:0 0 12px #00d4aa33}.status-badge.status-error{box-shadow:0 0 12px #ef444433}.status-badge.status-pending{box-shadow:0 0 12px #f59e0b26}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:14px 16px;border-bottom:1px solid var(--border-default);text-align:left;font-family:var(--font-body);background:#ffffff05}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);font-family:var(--font-body);font-size:14px}.data-table tbody tr{transition:all var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-secondary)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-elevated) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-card{height:100px;border-radius:var(--radius-lg)}.skeleton-circle{width:48px;height:48px;border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,rgba(0,212,170,.04) 0%,transparent 100%)}.card{box-shadow:var(--shadow-card)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}