:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#090d16;--bg-surface:#161c2da6;--bg-surface-solid:#121829;--bg-sidebar:#0b0f19;--border-color:#ffffff14;--border-focus:#00f2fe;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--color-primary:#00f2fe;--color-secondary:#4facfe;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--sidebar-width:260px;--border-radius:12px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--box-shadow-glow:0 0 20px #00f2fe26;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.admin-mode-active{--color-primary:#f59e0b;--color-secondary:#ef4444;--border-focus:#f59e0b;--box-shadow-glow:0 0 20px #f59e0b26}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-weight:700}p{color:var(--text-secondary);font-size:14px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;min-height:44px;color:var(--text-primary);transition:var(--transition-smooth);background-color:#0f172a99;padding:0 14px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #00f2fe26}.admin-mode-active input:focus,.admin-mode-active select:focus,.admin-mode-active textarea:focus{box-shadow:0 0 0 3px #f59e0b26}textarea{resize:vertical;min-height:120px;padding:12px 14px;font-family:Consolas,SFMono-Regular,monospace;font-size:13px;line-height:1.6}label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}label.check-row{cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text-secondary);-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:10px;font-size:13px}label.check-row input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--color-primary);cursor:pointer}button{border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:42px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;background-color:#ffffff0a;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}button:hover{border-color:var(--text-secondary);background-color:#ffffff14;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.4;transform:none!important}button.primary{background:linear-gradient(135deg, var(--color-secondary), var(--color-primary));color:#030712;box-shadow:var(--box-shadow-glow);border:none}button.primary:hover{filter:brightness(1.1)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{background-color:#ffffff0d}button.danger-action{color:var(--color-danger);background-color:#ef44441a;border-color:#ef444433}button.danger-action:hover{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}button.success-action{color:var(--color-success);background-color:#10b9811a;border-color:#10b98133}button.success-action:hover{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.auth-shell{background:radial-gradient(circle at 10% 20%,#161c2d26 0%,#090d16 90.2%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;width:min(480px,100%);padding:40px;box-shadow:0 20px 40px #0006}.auth-panel .brand-row{text-align:center;flex-direction:column;justify-content:center;gap:16px;margin-bottom:32px}.auth-panel h1{background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:28px}.auth-panel .form-grid{grid-template-columns:1fr;gap:20px}.auth-panel .action-row{flex-direction:column;gap:12px;margin-top:28px;display:flex}.auth-panel .action-row button{width:100%}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background-color:var(--bg-base);min-height:100vh;display:grid}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;justify-content:space-between;gap:28px;padding:24px;display:flex}.sidebar-header{flex-direction:column;gap:16px;display:flex}.sidebar .brand-row{gap:12px;margin:0}.sidebar .brand-row h1{background:linear-gradient(135deg, #fff 40%, var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button,.sidebar>button{min-height:44px;color:var(--text-secondary);border-radius:var(--border-radius);background:0 0;border:1px solid #0000;justify-content:flex-start;padding:0 16px}.sidebar nav button:hover{color:var(--text-primary);background:#ffffff08;transform:translate(2px)}.sidebar nav button.active{border-color:#ffffff14;border-left:3px solid var(--color-primary);color:var(--text-primary);background:#ffffff0d;box-shadow:inset 4px 0 15px #00f2fe0d}.admin-mode-active .sidebar nav button.active{box-shadow:inset 4px 0 15px #f59e0b0d}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding-top:20px;display:flex}.admin-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--color-warning);text-align:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:20px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700}.workspace{flex-direction:column;gap:24px;height:100vh;padding:32px;display:flex;overflow-y:auto}.topbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.topbar h2{font-size:22px;font-weight:700}.topbar p{color:var(--text-muted);font-size:13px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border:1px solid var(--border-color);width:48px;height:48px;color:var(--color-primary);background:#ffffff08;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.stat-details{flex-direction:column;gap:4px;display:flex}.stat-details span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:12px;font-weight:500}.stat-details strong{color:var(--text-primary);font-size:24px;font-weight:700}.panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:20px;padding:24px;display:flex}.panel h3{border-left:3px solid var(--color-primary);padding-left:12px;font-size:18px;font-weight:700;line-height:1.2}.panel.wide{grid-column:1/-1}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.form-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.wide-field{grid-column:1/-1}.notice{border-radius:var(--border-radius);color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.amount-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:8px 0;display:grid}.amount-grid button{border:1px solid var(--border-color);background:#ffffff05}.amount-grid button.selected{border-color:var(--color-primary);color:var(--color-primary);background:#00f2fe14}.admin-mode-active .amount-grid button.selected{color:var(--color-warning);background:#f59e0b14}.qr-block{text-align:center;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#ffffff05;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.qr-block img{border:4px solid #fff;border-radius:8px;width:200px;height:200px}.qr-block strong{letter-spacing:1px;font-size:18px}.qr-block span{color:var(--text-secondary);font-size:13px}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.plan{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition-smooth);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.plan:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.plan h3{font-size:20px}.plan .plan-type{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);font-size:12px;font-weight:700}.plan strong{color:var(--text-primary);font-size:28px;font-weight:800}.plan .spec-info{color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:8px;padding-top:14px;font-size:13px}.service-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.service-card{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition-smooth);flex-direction:column;gap:16px;padding:20px;display:flex}.service-card:hover{border-color:#ffffff26}.service-card-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.service-card-head strong{color:var(--text-primary);font-size:16px}.service-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;display:grid}.service-card dl>div{flex-direction:column;gap:4px;display:flex}.service-card dl>.wide-detail{grid-column:1/-1}.service-card dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:700}.service-card dd{color:var(--text-primary);word-break:break-all;font-size:13px}.service-card code{border:1px solid var(--border-color);background:#0f172acc;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-family:Consolas,monospace;font-size:12px;display:flex}.copy-btn{min-height:auto;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.copy-btn:hover{color:var(--color-primary);background:0 0;transform:scale(1.1)}.table-wrap{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#0f172a33;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th,td{border-bottom:1px solid var(--border-color);padding:14px 18px;font-size:13px}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff05;font-size:11px;font-weight:600}tr:hover td{background-color:#ffffff05}.rows{flex-direction:column;gap:12px;display:flex}.row-item{border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition-smooth);background-color:#ffffff03;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.row-item:hover{border-color:#ffffff1f}.row-item>div{flex-direction:column;gap:4px;display:flex}.row-item strong{font-size:15px}.row-item span{color:var(--text-secondary);font-size:13px}.status-pill{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:#ffffff0d;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.active,.status-pill.running,.status-pill.succeeded{color:var(--color-success);background:#10b9811f;border-color:#10b98133}.status-pill.failed,.status-pill.terminated{color:var(--color-danger);background:#ef44441f;border-color:#ef444433}.status-pill.pending,.status-pill.queued,.status-pill.building{color:var(--color-warning);background:#f59e0b1f;border-color:#f59e0b33}.status-pill.suspended,.status-pill.stopped{color:var(--color-info);background:#3b82f61f;border-color:#3b82f633}.status-pill.quarantined{color:var(--color-danger);background:#ef44441f;border-color:#ef444433}.log-panel{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#05070f;margin-top:16px;box-shadow:inset 0 0 20px #0009}.log-panel-head{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.log-panel pre{color:#10b981;white-space:pre-wrap;word-break:break-all;max-height:380px;margin:0;padding:18px;font-family:Consolas,SFMono-Regular,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.support-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.vpn-config-grid{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#0003;grid-template-columns:200px 1fr;gap:20px;width:100%;margin-top:12px;padding:16px;display:grid}.vpn-qr{border-radius:var(--border-radius);background:#fff;align-self:center;width:168px;height:168px;padding:8px}.vpn-config-grid pre.json-block{max-height:220px;margin-top:10px}.profile-row{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#ffffff03;flex-direction:column;gap:16px;padding:20px;display:flex}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-items:flex-end;gap:14px;display:grid}.table-actions{flex-wrap:wrap;gap:6px;display:flex}.table-actions button{min-height:30px;padding:0 10px;font-size:11px}.panel:has(.modal-overlay){z-index:1001;position:relative}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#05070cd9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:min(640px,100%);max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.modal-footer{border-top:1px solid var(--border-color);background:#0000001a;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.search-container{align-items:center;width:100%;max-width:320px;margin-bottom:12px;display:flex}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-color)}.stats-grid{grid-template-columns:1fr}.workspace{padding:20px}.vpn-config-grid{grid-template-columns:1fr;justify-items:center}}.plans-category-selector{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin-bottom:32px;display:flex}.plans-category-btn{background:var(--bg-surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:120px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.plans-category-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.plans-category-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#00f2fe14;box-shadow:0 0 15px #00f2fe26}.admin-mode-active .plans-category-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#f59e0b14;box-shadow:0 0 15px #f59e0b26}.plans-category-icon{border:1px solid var(--border-color);width:44px;height:44px;transition:var(--transition-smooth);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.plans-category-btn:hover .plans-category-icon{border-color:var(--text-secondary);background:#ffffff14}.plans-category-btn.active .plans-category-icon{border-color:var(--color-primary);color:var(--color-primary);background:#00f2fe26}.admin-mode-active .plans-category-btn.active .plans-category-icon{border-color:var(--color-primary);color:var(--color-primary);background:#f59e0b26}.plans-category-label{font-size:13px;font-weight:600}.plan-features{text-align:left;color:var(--text-secondary);border-top:1px solid var(--border-color);flex-direction:column;gap:10px;min-height:120px;margin:16px 0;padding:16px 0 0;font-size:13px;line-height:1.5;list-style-type:none;display:flex}.plan-features li{align-items:flex-start;gap:8px;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.busy-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;pointer-events:all;background:#05070cb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.busy-content{background:var(--bg-surface-solid);border:1px solid var(--border-color);text-align:center;width:90%;max-width:400px;box-shadow:0 20px 50px #0009, var(--box-shadow-glow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.busy-content .spin{color:var(--color-primary);margin-bottom:20px}