:root{--bg-core: #07070b;--bg-panel: rgba(13, 13, 22, .65);--bg-sidebar: rgba(8, 8, 13, .85);--bg-card: rgba(17, 17, 27, .5);--bg-input: rgba(15, 15, 25, .85);--bg-terminal: #030305;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--color-violet: #a855f7;--color-violet-glow: rgba(168, 85, 247, .25);--color-cyan: #06b6d4;--color-cyan-glow: rgba(6, 182, 212, .25);--color-emerald: #10b981;--color-emerald-glow: rgba(16, 185, 129, .25);--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .25);--border-glass: rgba(255, 255, 255, .07);--border-glass-focus: rgba(6, 182, 212, .4);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-neon: 0 4px 20px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-core);color:var(--text-primary);height:100vh;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}.glow-bg{position:absolute;width:50vw;height:50vh;border-radius:50%;filter:blur(160px);z-index:0;pointer-events:none;opacity:.12}.violet-glow{top:-10vh;left:20vw;background:var(--color-violet)}.cyan-glow{bottom:-10vh;right:10vw;background:var(--color-cyan)}.cyber-layout{display:flex;width:100vw;height:100vh;z-index:1;position:relative;-webkit-backdrop-filter:line-gradient(to right,rgba(0,0,0,.5),transparent);backdrop-filter:line-gradient(to right,rgba(0,0,0,.5),transparent)}.sidebar{width:280px;height:100%;background:var(--bg-sidebar);border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;flex-shrink:0;z-index:10}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-glass)}.brand-title{display:flex;align-items:center;gap:12px}.pulse-indicator{width:10px;height:10px;background-color:var(--color-cyan);border-radius:50%;box-shadow:0 0 10px var(--color-cyan);animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #06b6d4b3}70%{transform:scale(1);box-shadow:0 0 0 8px #06b6d400}to{transform:scale(.95);box-shadow:0 0 #06b6d400}}.brand-text h2{font-size:16px;font-weight:800;letter-spacing:1.5px;color:var(--text-primary)}.domain-text{font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);display:block;margin-top:2px}.node-status-card{margin:16px 20px;padding:14px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md)}.status-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.status-row:last-child{margin-bottom:0}.status-lbl{color:var(--text-muted)}.status-lbl i{width:16px}.status-val{font-weight:600}.text-cyan{color:var(--color-cyan)!important;text-shadow:0 0 8px var(--color-cyan-glow)}.text-violet{color:var(--color-violet)!important;text-shadow:0 0 8px var(--color-violet-glow)}.text-green{color:var(--color-emerald)!important;text-shadow:0 0 8px var(--color-emerald-glow)}.text-danger{color:var(--color-danger)!important}.sidebar-nav{flex-grow:1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:20px}.nav-section-title{display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:2px;margin-left:12px;margin-bottom:8px}.nav-list{list-style:none}.nav-item{margin-bottom:4px}.nav-item a{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:var(--radius-sm);transition:var(--transition);border-left:3px solid transparent}.nav-item a i{width:16px;text-align:center}.nav-item:hover a{color:var(--text-primary);background:#ffffff08}.nav-item.active a{color:var(--color-cyan);background:var(--color-cyan-glow);border-left-color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan-glow)}.sidebar-footer{padding:20px;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:12px}.system-time{display:flex;flex-direction:column}.time-lbl{font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:1px}.time-val{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.btn-danger-glow{width:100%;padding:10px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--color-danger);font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.btn-danger-glow:hover{background:var(--color-danger-glow);box-shadow:0 0 15px var(--color-danger-glow);border-color:var(--color-danger)}.main-panel{flex-grow:1;height:100%;display:flex;flex-direction:column;overflow:hidden;z-index:5}.main-header{height:70px;padding:0 30px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07070b66}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.bc-root{color:var(--text-muted);letter-spacing:1.5px}.bc-sep{font-size:10px;color:var(--text-muted)}.bc-active{letter-spacing:.5px}.quick-telemetry{display:flex;gap:24px}.telemetry-item{display:flex;align-items:center;gap:8px;font-size:12px}.telemetry-item .lbl{color:var(--text-muted);text-transform:uppercase;font-weight:700;font-size:10px}.telemetry-item .val{font-family:var(--font-mono);font-weight:600}.content-frame{flex-grow:1;padding:30px;overflow-y:auto}.content-frame::-webkit-scrollbar,.scrollable-table-container::-webkit-scrollbar,.terminal-log-window::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px;height:6px}.content-frame::-webkit-scrollbar-track,.scrollable-table-container::-webkit-scrollbar-track,.terminal-log-window::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:transparent}.content-frame::-webkit-scrollbar-thumb,.scrollable-table-container::-webkit-scrollbar-thumb,.terminal-log-window::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:3px}.content-frame::-webkit-scrollbar-thumb:hover,.scrollable-table-container::-webkit-scrollbar-thumb:hover,.terminal-log-window::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tab-content{display:none;animation:fadeIn .4s ease-out}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{display:flex;flex-direction:column;gap:30px}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.metric-card{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:var(--transition)}.metric-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:var(--shadow-neon)}.metric-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.card-violet:after{background:var(--color-violet)}.card-cyan:after{background:var(--color-cyan)}.card-emerald:after{background:var(--color-emerald)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-title{font-size:13px;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.metric-percent{font-family:var(--font-mono);font-size:20px;font-weight:700}.chart-container{height:80px;margin:10px 0;width:100%;position:relative}.metric-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:8px}.load-avg{font-family:var(--font-mono)}.details-row{display:flex;gap:20px}.flex-2{flex:2}.flex-1{flex:1}.panel-card{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.panel-header{padding:18px 24px;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center}.panel-header h3{font-size:15px;font-weight:700;letter-spacing:.5px}.panel-body{padding:24px}.panel-body.flex-column-gap{display:flex;flex-direction:column;gap:16px}.vps-properties-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.property-item{display:flex;flex-direction:column;gap:6px}.prop-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:700}.prop-value{font-size:14px;font-weight:600;color:var(--text-primary)}.btn-action-primary,.btn-action-secondary{width:100%;padding:14px;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:16px;transition:var(--transition);text-align:left}.btn-action-primary:hover{background:var(--color-cyan-glow);border-color:var(--color-cyan)}.btn-action-primary:hover .btn-icon{color:var(--color-cyan);text-shadow:0 0 10px var(--color-cyan-glow)}.btn-action-secondary:hover{background:var(--color-danger-glow);border-color:var(--color-danger)}.btn-icon{font-size:20px;color:var(--text-muted);transition:var(--transition);display:flex;align-items:center;justify-content:center;width:24px}.btn-text h4{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.btn-text p{font-size:11px;color:var(--text-muted)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.input-with-icon,.input-with-prefix,.input-with-suffix{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:0 14px;transition:var(--transition);height:46px}.input-with-icon i{color:var(--text-muted);margin-right:12px}.input-with-icon input,.input-with-prefix input,.input-with-suffix input{flex-grow:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;height:100%;outline:none}.input-prefix{color:var(--text-muted);font-family:var(--font-mono);font-size:13px;margin-right:8px;-webkit-user-select:none;user-select:none}.input-suffix{color:var(--text-muted);font-family:var(--font-mono);font-size:13px;margin-left:8px;-webkit-user-select:none;user-select:none}.input-with-icon:focus-within,.input-with-prefix:focus-within,.input-with-suffix:focus-within{border-color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-glow)}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}select{width:100%;height:46px;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);padding:0 14px;outline:none;font-family:var(--font-sans);font-size:14px;cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 14px center}select:focus{border-color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-glow)}.check-container{display:flex;align-items:center;gap:10px;cursor:pointer;margin-top:10px}.check-container input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-cyan);cursor:pointer}.check-container label{margin-bottom:0;text-transform:none;font-size:13px;-webkit-user-select:none;user-select:none;cursor:pointer}.btn-submit{width:100%;height:46px;background:linear-gradient(135deg,var(--color-violet),var(--color-cyan));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a855f766}.btn-submit:active{transform:translateY(0)}.two-column-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.col-left{display:flex;flex-direction:column}.col-right{position:relative}.sticky-card{position:sticky;top:30px}.tabbed-header{display:flex;justify-content:space-between;align-items:center}.header-tabs{display:flex;background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:2px}.cfg-tab{background:transparent;border:none;padding:6px 12px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:var(--transition)}.cfg-tab:hover{color:var(--text-primary)}.cfg-tab.active{background:var(--border-glass);color:var(--color-cyan)}.config-code-panel{display:none;flex-direction:column;animation:fadeIn .3s ease-out}.config-code-panel.active{display:flex}.config-actions{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;padding:10px 16px;border:1px solid var(--border-glass);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.config-file-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.btn-copy-code{background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.btn-copy-code:hover{border-color:var(--color-cyan);color:var(--color-cyan)}pre{margin:0;border-radius:0 0 var(--radius-md) var(--radius-md);border:1px solid var(--border-glass);background:var(--bg-terminal);padding:16px;overflow-x:auto;max-height:480px}.code-block{font-family:var(--font-mono);font-size:12px;color:#a9b1d6;line-height:1.6}.scrollable-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:14px 16px;border-bottom:1px solid var(--border-glass);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.data-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px;color:var(--text-primary)}.data-table tr:hover{background:#ffffff03}.short-link-preview{text-decoration:none;font-weight:600;transition:var(--transition)}.short-link-preview:hover{text-shadow:0 0 10px var(--color-cyan-glow)}.truncate-td{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.clicks-cell{font-family:var(--font-mono);font-weight:600}.clicks-cell i{margin-right:6px}.badge{display:inline-block;padding:4px 8px;font-size:10px;font-weight:700;border-radius:4px}.badge-project{background:var(--color-violet-glow);color:var(--color-violet);border:1px solid rgba(168,85,247,.4)}.badge-affiliate{background:var(--color-cyan-glow);color:var(--color-cyan);border:1px solid rgba(6,182,212,.4)}.badge-files{background:var(--color-emerald-glow);color:var(--color-emerald);border:1px solid rgba(16,185,129,.4)}.badge-ssl{background:#10b9811a;color:var(--text-primary);border:1px solid var(--border-glass)}.btn-icon-only{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;font-size:14px;transition:var(--transition);border-radius:var(--radius-sm)}.btn-icon-only:hover{color:var(--text-primary);background:#ffffff0d}.btn-icon-only.text-danger:hover{color:var(--color-danger);background:var(--color-danger-glow)}.mt-4{margin-top:24px}.flex-direction-row{display:flex;flex-direction:column}.flex-column-fill{flex-grow:1;display:flex;flex-direction:column;padding:0}.code-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:#a9b1d6;font-family:var(--font-mono);font-size:13px;line-height:1.5;padding:12px;outline:none;resize:vertical}.code-textarea:focus{border-color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-glow)}.bg-dark-terminal{background-color:var(--bg-terminal);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-grow:1;position:relative;min-height:320px;border:1px solid var(--border-glass);border-top:none}.terminal-actions{display:flex;gap:8px}.btn-minor{background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-minor:hover{border-color:var(--text-primary);color:var(--text-primary)}.terminal-log-window{position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.terminal-line{font-family:var(--font-mono);font-size:12.5px;color:#a9b1d6;line-height:1.5;word-break:break-all}.terminal-line.system-line{color:var(--text-muted)}.terminal-line.prompt-line{color:var(--color-cyan)}.terminal-line.post-line{color:var(--color-violet)}.terminal-line.success-line{color:var(--color-emerald)}.guide-layout{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start}.guide-nav-list{list-style:none;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:8px}.guide-nav-item{font-size:13px;font-weight:600;color:var(--text-secondary);padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);margin-bottom:4px}.guide-nav-item:last-child{margin-bottom:0}.guide-nav-item:hover{color:var(--text-primary);background:#ffffff08}.guide-nav-item.active{color:var(--color-cyan);background:var(--color-cyan-glow)}.guide-content-box{background:var(--bg-panel);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:30px;min-height:400px}.guide-tab-panel{display:none;animation:fadeIn .3s ease-out}.guide-tab-panel.active{display:block}.guide-content-box h2{font-size:18px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.guide-content-box p{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.guide-code-step{display:flex;flex-direction:column}.code-step-header{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;padding:8px 16px;border:1px solid var(--border-glass);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0}.code-step-header span{font-size:12px;font-weight:600;color:var(--text-secondary)}@media (max-width: 1024px){.two-column-layout,.guide-layout{grid-template-columns:1fr}}.file-browser-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#ffffff05;border:1px solid var(--border-glass);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:15px}.quick-jump-roots select{height:34px;padding:0 10px;font-size:13px;background-position:right 10px center;width:220px}.path-title-val{font-family:var(--font-mono);font-size:11px;color:var(--color-cyan);background:var(--color-cyan-glow);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgba(6,182,212,.3);text-shadow:0 0 5px var(--color-cyan-glow);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#file-viewer-code{max-height:480px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;font-family:var(--font-mono)}.btn-fb-open:hover{background:var(--color-cyan-glow);border-color:var(--color-cyan);color:var(--color-cyan)}.btn-fb-view:hover{background:var(--color-violet-glow);border-color:var(--color-violet);color:var(--color-violet)}.terminal-bridge-card{box-shadow:var(--shadow-neon)}