:root{--vnhost-radius:14px;--vnhost-shadow:0 8px 28px #0f172a0f}html,body,.page-layout{min-height:100%}.page-layout{overflow-x:hidden}.app-wrapper{min-width:0}.app-wrapper>.container-fluid{max-width:1600px;margin-inline:auto;padding-top:18px}.app-navbar-brand img{object-fit:contain;max-width:185px;max-height:48px}.app-menu-open .app-menubar{z-index:10000!important}#preloader,.preloader,.page-loader,.page-loading,.loader-wrapper,.loader-container,.loading-overlay,[data-page-loader]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.vnhost-notification-menu{width:min(360px,100vw - 24px)!important}.vnhost-notification-list{max-height:380px;overflow:auto}.notif-icon{background:rgba(var(--bs-primary-rgb),.1);width:36px;height:36px;color:var(--bs-primary);border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;display:flex}.notif-item{color:var(--bs-body-color);border-radius:10px;gap:.75rem;padding:.75rem;text-decoration:none;display:flex}.notif-item:hover{background:var(--bs-tertiary-bg);color:var(--bs-body-color)}.notif-title{font-size:.84rem;font-weight:700}.notif-msg{color:var(--bs-secondary-color);overflow-wrap:anywhere;font-size:.76rem;line-height:1.45}.notif-time{color:var(--bs-secondary-color);margin-top:.2rem;font-size:.68rem}.app-page-head{flex-wrap:wrap;gap:1rem}.breadcrumb{flex-wrap:wrap}.breadcrumb-item,.breadcrumb-item a{white-space:normal}.min-w-0{min-width:0!important}.vnhost-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.vnhost-stat-card,.vnhost-panel,.hm-card,.package-card,.vnhost-content-card{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--vnhost-radius);min-width:0}.vnhost-stat-card{padding:1.2rem}.vnhost-stat-title{color:var(--bs-secondary-color);text-transform:uppercase;letter-spacing:.25px;align-items:center;gap:.7rem;font-size:.78rem;font-weight:700;display:flex}.vnhost-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:inline-flex}.vnhost-stat-icon.primary{background:rgba(var(--bs-primary-rgb),.1);color:var(--bs-primary)}.vnhost-stat-icon.success{background:rgba(var(--bs-primary-rgb),.11);color:var(--bs-primary)}.vnhost-stat-icon.info{color:#2563eb;background:#3b82f61c}.vnhost-stat-icon.warning{color:#d97706;background:#f59e0b1f}.vnhost-stat-value{overflow-wrap:anywhere;margin:.9rem 0 .55rem;font-size:1.55rem;font-weight:800}.vnhost-stat-link{font-size:.78rem;font-weight:700;text-decoration:none}.vnhost-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.vnhost-quick-actions a{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);border-radius:12px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.vnhost-quick-actions a:hover{border-color:var(--bs-primary);color:var(--bs-primary)}.vnhost-panel{overflow:hidden}.vnhost-panel-head{border-bottom:1px solid var(--bs-border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.vnhost-panel-head h5{margin:0;font-size:.95rem;font-weight:800}.vnhost-panel-head p{color:var(--bs-secondary-color);margin:.15rem 0 0;font-size:.74rem}.vnhost-panel-body{padding:1rem}.vnhost-list-row{border-bottom:1px solid var(--bs-border-color);color:var(--bs-body-color);align-items:center;gap:.75rem;padding:.8rem 1.1rem;display:flex}.vnhost-list-row:last-child{border-bottom:0}.vnhost-list-icon{border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.vnhost-list-icon.success{background:rgba(var(--bs-primary-rgb),.1);color:var(--bs-primary)}.vnhost-list-icon.danger{color:#dc2626;background:#ef44441a}.vnhost-list-icon.warning{color:#d97706;background:#f59e0b1a}.vnhost-list-content{flex:1;min-width:0}.vnhost-list-content strong,.vnhost-list-content small{overflow-wrap:anywhere;display:block}.vnhost-list-content small{color:var(--bs-secondary-color);margin-top:.15rem;font-size:.72rem}.vnhost-list-amount{text-align:right;font-size:.82rem;font-weight:800}.vnhost-empty{min-height:190px;color:var(--bs-secondary-color);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex}.vnhost-empty i{opacity:.45;font-size:1.7rem}.package-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-items:stretch;gap:1.2rem;display:grid}.package-card{flex-direction:column;height:100%;transition:all .2s;display:flex;overflow:hidden}.package-card:hover{border-color:var(--bs-primary);box-shadow:var(--vnhost-shadow);transform:translateY(-2px)}.package-head{text-align:center;border-bottom:1px solid var(--bs-border-color);padding:1.25rem}.package-price{color:var(--bs-primary);font-size:1.25rem;font-weight:800}.package-price small{color:var(--bs-secondary-color);font-size:.75rem;font-weight:600}.package-specs{flex:1;padding:1rem 1.25rem}.package-spec{align-items:flex-start;gap:.7rem;padding:.45rem 0;font-size:.84rem;display:flex}.package-spec i{width:20px;color:var(--bs-primary);flex:0 0 20px}.package-actions{padding:0 1.25rem 1.25rem}.package-actions .btn{width:100%}.order-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:1.25rem;display:grid}.order-summary{position:sticky;top:96px}.vnhost-data-row,.hm-info{border-bottom:1px solid var(--bs-border-color);grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr);align-items:center;gap:1rem;padding:.7rem 0;display:grid}.vnhost-data-row:last-child,.hm-info:last-child{border-bottom:0}.vnhost-data-label,.hm-info-label{color:var(--bs-secondary-color);min-width:0;font-size:.76rem;font-weight:650}.vnhost-data-value,.hm-info-value{text-align:right;overflow-wrap:anywhere;word-break:normal;min-width:0;font-size:.82rem;font-weight:750}.selectable-item{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);cursor:pointer;border-radius:12px;transition:all .15s}.selectable-item.active{box-shadow:0 0 0 2px rgba(var(--bs-primary-rgb),.1);border-color:var(--bs-primary)!important;background:rgba(var(--bs-primary-rgb),.08)!important}.hm-card{height:100%;margin-bottom:1rem;overflow:hidden}.hm-card-head{border-bottom:1px solid var(--bs-border-color);align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.hm-card-head h6{margin:0;font-size:.88rem;font-weight:800}.hm-card-head-icon{border-radius:9px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.clr-blue{color:#2563eb;background:#3b82f61a}.clr-green{background:rgba(var(--bs-primary-rgb),.1);color:var(--bs-primary)}.clr-orange{color:#d97706;background:#f59e0b1a}.clr-red{color:#dc2626;background:#ef44441a}.hm-card-body{padding:1rem}.hm-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem;display:grid!important}.hm-action-btn{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);border-radius:9px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem .45rem;font-size:.72rem;font-weight:700;line-height:1.25;display:flex;white-space:normal!important;min-width:0!important}.hm-action-btn.primary,.hm-action-btn.success{border-color:rgba(var(--bs-primary-rgb),.35);color:var(--bs-primary)}.hm-action-btn.danger{color:#dc2626;border-color:#ef444459}.hm-tools-grid{gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(95px,1fr))!important;display:grid!important}.hm-tool{border:1px solid var(--bs-border-color);text-align:center;cursor:pointer;background:var(--bs-body-bg);min-width:0;color:var(--bs-body-color);border-radius:11px;padding:.75rem .45rem}.hm-tool:hover{border-color:var(--bs-primary)}.hm-tool-label{overflow-wrap:anywhere;margin:.45rem 0 0;font-size:.7rem;line-height:1.3}.hm-tool-icon{background:rgba(var(--bs-primary-rgb),.1);width:34px;height:34px;color:var(--bs-primary);border-radius:9px;justify-content:center;align-items:center;margin:auto;display:flex}.api-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.api-sidebar{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:14px;max-height:calc(100vh - 110px);padding:.75rem;position:sticky;top:96px;overflow:auto}.api-nav-title{text-transform:uppercase;letter-spacing:.7px;color:var(--bs-secondary-color);padding:.65rem .7rem;font-size:.68rem;font-weight:800}.api-nav-link{color:var(--bs-body-color);border-radius:9px;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.78rem;text-decoration:none;display:flex}.api-nav-link:hover,.api-nav-link.active{background:rgba(var(--bs-primary-rgb),.08);color:var(--bs-primary)}.api-content{min-width:0}.api-hero{color:#fff;background:linear-gradient(135deg,#082f49,#075985);border-radius:14px;margin-bottom:1rem;padding:1.7rem}.api-hero h2,.api-hero p{color:#fff!important}.endpoint-section{padding:1rem 0;scroll-margin-top:95px}.endpoint-section .card{border:1px solid var(--bs-border-color)!important;box-shadow:none!important}.endpoint-path{overflow-wrap:anywhere}.api-content pre{white-space:pre;max-width:100%;overflow:auto}.param-table{width:100%}.param-table th,.param-table td{border-bottom:1px solid var(--bs-border-color);vertical-align:top;padding:.65rem}.child-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:1.2rem;display:grid}.child-card-list{display:none}.table{--bs-table-bg:transparent}.table td,.table th{vertical-align:middle;overflow-wrap:anywhere}.contact-link{overflow-wrap:anywhere;align-items:center;gap:.35rem;max-width:100%;display:inline-flex}.rank-plan{min-width:0}.accordion-item,.accordion-button,.accordion-body{background-color:var(--bs-body-bg)!important;color:var(--bs-body-color)!important;border-color:var(--bs-border-color)!important}.accordion-button:not(.collapsed){color:var(--bs-primary)!important;background:rgba(var(--bs-primary-rgb),.08)!important}.accordion-button:focus{box-shadow:none}.qr-wrap{border:1px solid var(--bs-border-color);background:#fff;border-radius:14px;justify-content:center;align-items:center;min-height:220px;padding:12px;display:flex}.qr-wrap img,.qr-wrap svg{width:min(220px,100%);height:auto;display:block}.secret-code{letter-spacing:1px;overflow-wrap:anywhere;font-family:monospace}.aff-stat-card .stat-header,.aff-stat-card .stat-title{justify-content:flex-start!important;align-items:center!important;gap:.65rem!important;display:flex!important}.aff-stat-card .stat-icon{flex:none;order:-1!important}[data-bs-theme=dark] .bg-white{background-color:var(--bs-body-bg)!important}[data-bs-theme=dark] .text-dark{color:var(--bs-body-color)!important}[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select,[data-bs-theme=dark] .input-group-text{background-color:var(--bs-tertiary-bg);color:var(--bs-body-color);border-color:var(--bs-border-color)}@media (max-width:1199.98px){.app-wrapper{padding-left:20px;padding-right:20px}.vnhost-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vnhost-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.order-layout{grid-template-columns:1fr}.order-summary{position:static}.api-layout{grid-template-columns:1fr}.api-sidebar{gap:.4rem;max-height:none;display:flex;position:static;overflow:auto}.api-nav-title{display:none}.api-nav-link{white-space:nowrap;flex:none}.child-grid{grid-template-columns:1fr}}@media (max-width:767.98px){.app-wrapper{padding-left:0;padding-right:0}.app-wrapper>.container-fluid{padding-left:14px;padding-right:14px}.vnhost-stat-grid{grid-template-columns:1fr}.vnhost-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.vnhost-list-row{flex-wrap:wrap;align-items:flex-start}.vnhost-list-amount{margin-left:44px}.vnhost-data-row,.hm-info{grid-template-columns:1fr;gap:.2rem}.vnhost-data-value,.hm-info-value{text-align:left}.package-grid{grid-template-columns:1fr}.hm-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.child-table{display:none}.child-card-list{gap:.8rem;display:grid}.api-hero{padding:1.2rem}.api-content pre{font-size:.72rem}.app-page-head .btn{width:100%}.vnhost-notification-menu{width:auto!important;position:fixed!important;top:72px!important;left:12px!important;right:12px!important;transform:none!important}}.vnhost-card{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:14px;min-width:0;box-shadow:0 6px 22px #0f172a09}.vnhost-service-icon,.vnhost-package-icon{background:rgba(var(--bs-primary-rgb),.1);width:52px;height:52px;color:var(--bs-primary);border-radius:14px;flex:0 0 52px;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex}.vnhost-package-icon{flex-basis:48px;width:48px;height:48px;margin:0 auto .8rem}.hm-header{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);box-shadow:var(--vnhost-shadow);border-radius:16px;padding:1.15rem 1.25rem}.hm-domain{overflow-wrap:anywhere;font-size:1.2rem;font-weight:800;line-height:1.35}.hm-plan{color:var(--bs-secondary-color);overflow-wrap:anywhere;font-size:.8rem}.hm-badge{border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.hm-badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.hm-badge-active{color:#15803d;background:#22c55e1f}.hm-badge-expired{color:#dc2626;background:#ef44441f}.hm-btn-group{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.hm-btn{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);min-height:38px;color:var(--bs-body-color);white-space:normal;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.76rem;font-weight:750;text-decoration:none;display:inline-flex}.hm-btn:hover{border-color:var(--bs-primary);color:var(--bs-primary)}.hm-btn-primary{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.hm-btn-primary:hover{color:#fff;filter:brightness(.96)}.vnhost-inline-copy{justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex!important}.vnhost-inline-copy>span{overflow-wrap:anywhere;min-width:0}.hm-copy-btn{color:var(--bs-primary);background:0 0;border:0;flex:none;padding:.15rem;line-height:1}.vnhost-secret-field{border-bottom:1px solid var(--bs-border-color);padding:.7rem 0}.vnhost-secret-field>.hm-info-label{margin-bottom:.45rem;display:block}.hm-pass-wrap{border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);border-radius:9px;align-items:stretch;display:flex;overflow:hidden}.hm-pass-wrap input{min-width:0;color:var(--bs-body-color);background:0 0;border:0;outline:0;flex:1;padding:.55rem .65rem;font-size:.78rem}.hm-pass-wrap button{border:0;border-left:1px solid var(--bs-border-color);width:36px;color:var(--bs-secondary-color);background:0 0}.t-blue{color:#2563eb!important;background:#3b82f61a!important}.t-green{color:#16a34a!important;background:#22c55e1a!important}.t-purple{color:#2563eb!important;background:#2563eb1a!important}.t-orange{color:#d97706!important;background:#f59e0b1a!important}.t-red{color:#dc2626!important;background:#ef44441a!important}.vnhost-order-product{background:var(--bs-tertiary-bg);border-radius:12px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.vnhost-order-total{border-top:1px solid var(--bs-border-color);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.vnhost-order-total span{font-size:.85rem;font-weight:750}.vnhost-order-total strong{color:var(--bs-primary);text-align:right;overflow-wrap:anywhere;font-size:1.25rem}.vnhost-os-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;display:grid}.vnhost-order-os,.vnhost-os-option{text-align:left;align-items:center;gap:.65rem;min-width:0;padding:.75rem;display:flex}.vnhost-order-os img{object-fit:contain}.vnhost-os-placeholder{background:rgba(var(--bs-primary-rgb),.1);width:36px;height:36px;color:var(--bs-primary);border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;display:flex}.vnhost-stepper{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);border-radius:10px;align-items:center;display:flex;overflow:hidden}.vnhost-stepper button{background:var(--bs-tertiary-bg);width:38px;height:42px;color:var(--bs-body-color);border:0}.vnhost-stepper input{text-align:center;width:100%;min-width:0;height:42px;color:var(--bs-body-color);background:0 0;border:0;outline:0}.vnhost-stepper span{color:var(--bs-secondary-color);white-space:nowrap;padding-right:.45rem;font-size:.7rem}.vnhost-product-switcher{background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem;display:flex}.vnhost-product-switcher a{color:var(--bs-secondary-color);border-radius:9px;padding:.6rem .8rem;font-size:.78rem;font-weight:750;text-decoration:none}.vnhost-product-switcher a.active,.vnhost-product-switcher a:hover{background:var(--bs-body-bg);color:var(--bs-primary);box-shadow:0 2px 8px #0f172a0f}.aff-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.aff-stat-card{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:14px;min-width:0;padding:1.05rem}.aff-stat-card .stat-header{align-items:center;display:flex;gap:.65rem!important}.aff-stat-card .stat-icon{border-radius:10px;flex:0 0 38px;order:-1;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.aff-stat-card .stat-label{color:var(--bs-secondary-color);font-size:.75rem;font-weight:750}.aff-stat-card .stat-value{overflow-wrap:anywhere;margin-top:.8rem;font-size:1.15rem;font-weight:850}.app-page-head i+span,.hm-btn i+span,.hm-action-btn i+span,.dropdown-item i+span{margin-left:.1rem}.hm-card-head h6,.package-spec span,.contact-link,.rank-plan p,.accordion-body,.api-content p{overflow-wrap:anywhere;word-break:normal}.hm-card-head{min-width:0}.hm-card-head h6{min-width:0;line-height:1.4}.btn,.menu-link,.dropdown-item{column-gap:.45rem}.table td,.table th{line-height:1.45}[data-bs-theme=dark] .vnhost-card,[data-bs-theme=dark] .hm-card,[data-bs-theme=dark] .hm-header,[data-bs-theme=dark] .package-card,[data-bs-theme=dark] .aff-stat-card,[data-bs-theme=dark] .rank-plan{box-shadow:none}[data-bs-theme=dark] .api-hero{background:linear-gradient(135deg,#111827,#1f2937)}[data-bs-theme=dark] code{color:#a5b4fc}@media (max-width:991.98px){.hm-header{padding:1rem}.hm-btn-group{width:100%}.hm-btn{flex:1}.aff-stats{grid-template-columns:1fr}.api-layout{display:block!important}.api-sidebar{gap:.35rem;border:1px solid var(--bs-border-color)!important;border-radius:12px!important;width:100%!important;height:auto!important;padding:.5rem!important;display:flex!important;position:static!important;overflow-x:auto!important}.api-nav-title{display:none!important}.api-nav-link{white-space:nowrap!important;border-left:0!important;border-radius:8px!important;padding:.55rem .7rem!important}.api-content{max-width:none!important;padding:1rem 0!important}}@media (max-width:575.98px){.hm-btn{flex-basis:100%;width:100%}.hm-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vnhost-os-grid{grid-template-columns:1fr}.vnhost-order-total{align-items:flex-start}.vnhost-order-total strong{font-size:1.05rem}.api-hero{padding:1.1rem!important}.package-head,.package-specs,.package-actions{padding-left:1rem!important;padding-right:1rem!important}}.app-header{z-index:12000!important;overflow:visible!important}.app-header-inner,.app-header-end,.app-header .dropdown{overflow:visible!important}.vnhost-notification-menu{border:1px solid var(--bs-border-color)!important;box-shadow:0 18px 48px #0f172a2e!important}.app-wrapper{z-index:1;position:relative}@media (max-width:767.98px){.vnhost-notification-menu{left:12px!important;right:12px!important;top:calc(var(--app-header-height,80px) + 8px)!important;width:auto!important;max-height:calc(100vh - 110px)!important;position:fixed!important;overflow:auto!important;transform:none!important}}.hm-card,.vnhost-panel,.package-card,.order-card,.order-summary,.api-card,.api-hero,.aff-card,.rank-card,.faq-card,.contact-card{word-break:normal;overflow-wrap:anywhere}.hm-card h1,.hm-card h2,.hm-card h3,.hm-card h4,.hm-card h5,.hm-card h6,.vnhost-panel h1,.vnhost-panel h2,.vnhost-panel h3,.vnhost-panel h4,.vnhost-panel h5,.vnhost-panel h6{line-height:1.35}.vnhost-guest-hero{border:1px solid var(--bs-border-color);background:linear-gradient(135deg,rgba(var(--bs-primary-rgb),.12),#0ea5e90f);border-radius:18px;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.vnhost-guest-hero h1{margin:.35rem 0 .6rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.15}.vnhost-guest-hero p{max-width:760px;color:var(--bs-secondary-color);margin:0;line-height:1.7}.vnhost-guest-kicker{color:var(--bs-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.vnhost-guest-actions{flex:none;gap:.75rem;display:flex}.vnhost-guest-actions .btn{white-space:nowrap}@media (max-width:1199.98px){.app-menubar{z-index:100000!important}.app-menubar-backdrop{z-index:99999!important}.app-header{z-index:12000!important}}@media (max-width:767.98px){.vnhost-guest-hero{flex-direction:column;align-items:flex-start;padding:1.25rem}.vnhost-guest-actions{width:100%}.vnhost-guest-actions .btn{flex:1}}@media (max-width:1199.98px){.app-header{z-index:1000!important}.app-menubar{z-index:2147483000!important}.app-menubar-backdrop{z-index:2147482000!important}}.app-wrapper{z-index:auto!important}.app-header{z-index:1030!important}.app-menubar{z-index:1200!important}.app-menubar-backdrop{z-index:1190!important}.app-header .dropdown-menu,.vnhost-notification-menu{z-index:1400!important}.mobile-bottom-nav{z-index:1025!important}.mbn-backdrop{z-index:1080!important}.mbn-popover{z-index:1090!important}.modal-backdrop{z-index:1990!important}.modal{z-index:2000!important}.modal-dialog,.modal-content{z-index:1;position:relative;pointer-events:auto!important}body.modal-open .app-menubar-backdrop,body.modal-open .mbn-backdrop{pointer-events:none!important}body.modal-open .mobile-bottom-nav,body.modal-open .mbn-popover{visibility:hidden!important;pointer-events:none!important}@media (max-width:1199.98px){.app-menubar{z-index:1200!important;pointer-events:none!important}.app-menubar.open{pointer-events:auto!important}.app-menubar-backdrop{z-index:1190!important;pointer-events:none!important}.app-menubar-backdrop.show{pointer-events:auto!important}body.modal-open .app-menubar,body.modal-open .app-menubar-backdrop{pointer-events:none!important}}.app-menubar-backdrop{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}@media (max-width:1199.98px){.app-header{z-index:1030!important}.app-menubar{z-index:1060!important;pointer-events:none!important;visibility:hidden!important;isolation:auto!important;transform:translate(-101%)!important}.app-menubar.open{pointer-events:auto!important;visibility:visible!important;transform:translate(0,0)!important}.app-menubar.open *{pointer-events:auto!important}}
*{font-family:Roboto,sans-serif}:root,[data-bs-theme=light]{--bs-primary:#0d6efd;--bs-primary-rgb:13,110,253;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-hover-color:#0b5ed7;--bs-link-hover-color-rgb:11,94,215;--bs-primary-bg-subtle:#e7f1ff;--bs-primary-border-subtle:#9ec5fe;--bs-primary-text-emphasis:#052c65;--bs-focus-ring-color:#0d6efd40}.app-menubar{background-color:var(--bs-body-bg)!important;border-right:1px solid var(--bs-border-color)!important;scrollbar-width:thin!important;scrollbar-color:transparent transparent!important;height:auto!important;transition:scrollbar-color .3s!important;top:0!important;bottom:0!important;overflow:hidden auto!important}.app-menubar:hover{scrollbar-color:#8080804d transparent!important}.app-menubar::-webkit-scrollbar{width:4px!important}.app-menubar::-webkit-scrollbar-track{background:0 0!important}.app-menubar::-webkit-scrollbar-thumb{background:0 0!important;border-radius:10px!important}.app-menubar:hover::-webkit-scrollbar-thumb{background:#8080804d!important}.side-menubar{margin:0!important;padding-left:0!important;list-style:none!important}.side-menubar li{margin-bottom:5px!important;list-style:none!important}.app-menubar .menu-link{color:var(--bs-body-color)!important;border-radius:12px!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;font-size:14.5px!important;text-decoration:none!important;transition:all .2s!important;display:flex!important}.app-menubar .menu-link:hover{background-color:rgba(var(--bs-primary-rgb),.1)!important;color:var(--bs-primary)!important;padding-left:24px!important}.app-menubar .menu-link.active{background-color:var(--bs-primary)!important;color:#fff!important;box-shadow:0 4px 12px rgba(var(--bs-primary-rgb),.25)!important}.app-menubar .menu-link.active i{color:#fff!important}.app-menubar .menu-heading{color:var(--bs-primary)!important;text-transform:uppercase!important;letter-spacing:1px!important;opacity:.8!important;padding-left:10px!important;font-size:11px!important;font-weight:700!important}.app-menubar .menu-link i{font-size:18px!important}.app-navbar{padding-bottom:60px!important}.app-toggler:after{display:none!important}.app-menubar-backdrop{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}@media (max-width:1199.98px){.app-header{z-index:1030!important}.app-menubar{z-index:1060!important;isolation:auto!important;pointer-events:none!important;visibility:hidden!important;height:100dvh!important;max-height:100dvh!important;transition:transform .24s,visibility 0s linear .24s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-101%)!important}.app-menubar.open{visibility:visible!important;pointer-events:auto!important;transition:transform .24s,visibility!important;transform:translate(0,0)!important}.app-menubar.open,.app-menubar.open *{pointer-events:auto!important}}.notif-badge{border:2px solid var(--bs-body-bg);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.notif-item{cursor:pointer;color:inherit;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.6rem .75rem;text-decoration:none;transition:background .15s;display:flex}.notif-item:hover{background:var(--bs-tertiary-bg);color:inherit}.notif-item.unread{background:#0ea5e90a}.notif-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;display:flex}.notif-title{margin-bottom:1px;font-size:.82rem;font-weight:600}.notif-msg{color:var(--bs-secondary-color);font-size:.75rem;line-height:1.35}.notif-time{color:var(--bs-secondary-color);margin-top:3px;font-size:.68rem}#preloader,.preloader,.page-loader,.page-loading,.loader-wrapper,.loading-overlay,[data-page-loader]{visibility:hidden!important;pointer-events:none!important;opacity:0!important;display:none!important}html,body{min-height:100%}
.vnhost-hosting-page,.vnhost-hosting-detail-page{-webkit-overflow-scrolling:touch;contain:layout style}@media (max-width:767.98px){.vnhost-hosting-page,.vnhost-hosting-detail-page{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}}.hosting-badge-pill{letter-spacing:.05em;color:var(--bs-primary);background:rgba(var(--bs-primary-rgb), .08);border:1px solid rgba(var(--bs-primary-rgb), .2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px rgba(var(--bs-primary-rgb), .08);align-items:center;gap:.5rem;padding:.5rem 1.4rem;font-size:.85rem;font-weight:750;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:inline-flex;border-radius:9999px!important}@media (hover:hover) and (pointer:fine){.hosting-badge-pill:hover{box-shadow:0 8px 20px rgba(var(--bs-primary-rgb), .16), inset 0 1px 1px #fff;transform:scale(1.05)}}[data-bs-theme=dark] .hosting-badge-pill{color:#38bdf8;background:#38bdf81f;border-color:#38bdf840;box-shadow:0 4px 16px #0006}.hosting-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);contain:paint;perspective:1000px;height:100%;transform-style:preserve-3d;will-change:transform, box-shadow;flex-direction:column;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .3s;display:flex;position:relative;overflow:hidden;background:linear-gradient(#ffffffeb 0%,#fbfcfdd1 100%)!important;border:1px solid #ffffffd9!important;border-radius:24px!important;box-shadow:0 10px 30px -6px #0f172a12,inset 0 1px 1px #fff!important}.hosting-card:after{content:"";background:radial-gradient(circle 340px at var(--pointer-x,50%) var(--pointer-y,25%), #ffffff73 0%, #ffffff26 35%, transparent 70%), linear-gradient(var(--sheen-angle,125deg), transparent 35%, #ffffff40 50%, transparent 65%);opacity:0;pointer-events:none;mix-blend-mode:overlay;z-index:3;border-radius:24px;transition:opacity .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}[data-bs-theme=dark] .hosting-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 50%,#ffffff04 100%),#ffffff0d!important;border:1px solid #ffffff2e!important;box-shadow:0 16px 40px -10px #000c,inset 0 1.5px 1.5px #ffffff59!important}[data-bs-theme=dark] .hosting-card:after{background:radial-gradient(circle 340px at var(--pointer-x,50%) var(--pointer-y,25%), #fff6 0%, #38bdf838 40%, transparent 70%), linear-gradient(var(--sheen-angle,125deg), transparent 32%, #38bdf847 50%, transparent 68%)}@media (max-width:991.98px){.hosting-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border:1px solid #e2e8f0e6!important;transform:none!important;box-shadow:0 6px 20px -4px #0f172a0f,inset 0 1px 1px #fff!important}[data-bs-theme=dark] .hosting-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 50%,#ffffff04 100%),#ffffff0f!important;border:1px solid #ffffff2e!important;box-shadow:0 10px 30px -6px #000000b3,inset 0 1.5px 1.5px #ffffff59!important}.hosting-card:after{display:none!important}}@media (hover:hover) and (pointer:fine){.hosting-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px) scale(1.022);border-color:rgba(var(--bs-primary-rgb), .5)!important;box-shadow:0 24px 50px -10px rgba(var(--bs-primary-rgb), .24), 0 8px 18px -4px #0f172a14, inset 0 2px 3px 0 #fffffff2, inset 0 -2px 6px 0 rgba(var(--bs-primary-rgb), .12), 0 0 0 1px rgba(var(--bs-primary-rgb), .3)!important}.hosting-card:hover:after{opacity:1}[data-bs-theme=dark] .hosting-card:hover{border-color:#38bdf88c!important;box-shadow:0 28px 56px -10px #000000f2,0 0 32px #38bdf847,inset 0 2px 2px #ffffffb3,inset 0 -2px 6px #38bdf838,0 0 0 1px #38bdf880!important}.hosting-card:active{transform:perspective(1000px) rotateX(calc(var(--tilt-x,0deg) * .4)) rotateY(calc(var(--tilt-y,0deg) * .4)) translateY(2px) scale(.975, .955)!important;transition:transform 90ms cubic-bezier(.2,.8,.4,1),box-shadow 90ms!important;box-shadow:0 6px 18px -2px #0f172a1f,inset 0 1px 1px #fffc!important}[data-bs-theme=dark] .hosting-card:active{box-shadow:0 8px 24px -2px #000000d9,inset 0 1px 1px #ffffff73!important}}.hosting-card h2{letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.hosting-price{color:var(--bs-primary);letter-spacing:-.02em;margin:6px 0;font-size:1.35rem;font-weight:800}[data-bs-theme=dark] .hosting-price{color:#38bdf8}.hosting-price span{color:var(--bs-secondary-color);font-size:.85rem;font-weight:500}.hosting-duration-promo{background:rgba(var(--bs-primary-rgb), .1);color:var(--bs-primary);border:1px solid rgba(var(--bs-primary-rgb), .2);border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}[data-bs-theme=dark] .hosting-duration-promo{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}.hosting-specs{flex-grow:1;padding:18px 24px 12px}.hosting-specs .spec-item{color:var(--bs-body-color);align-items:center;margin-bottom:11px;font-size:.88rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}@media (hover:hover) and (pointer:fine){.hosting-card:hover .hosting-specs .spec-item{transform:translate(2px)}}.hosting-specs .spec-icon{background:rgba(var(--bs-primary-rgb), .08);width:30px;height:30px;color:var(--bs-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-size:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:flex}@media (hover:hover) and (pointer:fine){.hosting-card:hover .hosting-specs .spec-icon{transform:scale(1.1)}}[data-bs-theme=dark] .hosting-specs .spec-icon{color:#38bdf8;background:#ffffff14;border:1px solid #ffffff1f}.btn-buy-hosting{justify-content:center;align-items:center;margin:8px 20px 22px;padding:10px 18px;font-size:.95rem;font-weight:700;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;background:linear-gradient(135deg, #0284c7 0%, var(--bs-primary) 50%, #38bdf8 100%)!important;box-shadow:0 8px 20px rgba(var(--bs-primary-rgb), .32), inset 0 1.5px 1.5px #ffffff73!important;color:#fff!important;border:1px solid #fff6!important;border-radius:9999px!important}.btn-buy-hosting:before{content:"";background:linear-gradient(var(--sheen-angle,135deg), #ffffff73 0%, #ffffff0d 60%, #ffffff40 100%);pointer-events:none;border-radius:9999px 9999px 0 0;height:50%;transition:opacity .3s;position:absolute;top:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.btn-buy-hosting:hover{transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-3px) scale(1.03);box-shadow:0 14px 28px rgba(var(--bs-primary-rgb), .48), inset 0 2px 2px #ffffffb3, inset 0 -2px 3px #0003!important}.btn-buy-hosting:active{box-shadow:0 4px 10px rgba(var(--bs-primary-rgb), .3), inset 0 1px 1px #0003!important;transition:transform 80ms cubic-bezier(.2,.8,.4,1)!important;transform:translateY(2px)scale(.955,.94)!important}}.checkout-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);contain:paint;border:none;overflow:hidden;background:linear-gradient(#fffffff0 0%,#fbfcfdd9 100%)!important;border:1px solid #ffffffd9!important;border-radius:24px!important;box-shadow:0 16px 40px -10px #0f172a14,inset 0 1px 1px #fff!important}[data-bs-theme=dark] .checkout-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 50%,#ffffff04 100%),#ffffff0d!important;border:1px solid #ffffff2e!important;box-shadow:0 20px 48px #000c,inset 0 1.5px 1.5px #ffffff59!important}@media (max-width:991.98px){.checkout-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border:1px solid #e2e8f0e6!important;box-shadow:0 8px 24px -4px #0f172a0f,inset 0 1px 1px #fff!important}[data-bs-theme=dark] .checkout-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 50%,#ffffff04 100%),#ffffff0f!important;border:1px solid #ffffff2e!important;box-shadow:0 12px 32px -4px #000000b3,inset 0 1.5px 1.5px #ffffff59!important}}.checkout-body{padding:30px 40px}.order-summary-template{contain:paint;padding:25px;transition:transform .35s,box-shadow .35s;box-shadow:0 8px 24px -4px #0000000a;background:#f8fafcd9!important;border:1px solid #e2e8f0e6!important;border-radius:20px!important}[data-bs-theme=dark] .order-summary-template{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 1px #fff3;background:#ffffff0f!important;border:1px solid #ffffff24!important}@media (max-width:991.98px){[data-bs-theme=dark] .order-summary-template{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.summary-item{justify-content:space-between;gap:20px;margin-bottom:12px;font-size:.95rem;display:flex}.summary-total{border-top:1px solid var(--bs-border-color);color:var(--bs-heading-color,var(--bs-body-color));justify-content:space-between;margin-top:15px;padding-top:15px;font-size:1.25rem;font-weight:800;display:flex}.month-card{border:1.5px solid var(--bs-border-color);cursor:pointer;background:var(--bs-body-bg);contain:paint;perspective:600px;width:100%;transform-style:preserve-3d;will-change:transform, box-shadow;flex-direction:column;justify-content:center;align-items:center;padding:16px 10px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .25s,background-color .25s,box-shadow .35s;display:flex;position:relative;overflow:hidden;border-radius:16px!important}.month-card:before{content:"";background:var(--bs-primary);opacity:0;border-radius:3px 0 0 3px;width:3.5px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}@media (hover:hover) and (pointer:fine){.month-card:hover{transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px) scale(1.035);border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb), .06);box-shadow:0 10px 24px -4px rgba(var(--bs-primary-rgb), .24), inset 0 1.5px 2px 0 #ffffffd9!important}.month-card:active{box-shadow:0 2px 8px rgba(var(--bs-primary-rgb), .15)!important;transition:transform 80ms cubic-bezier(.2,.8,.4,1)!important;transform:translateY(1.5px)scale(.96,.94)!important}[data-bs-theme=dark] .month-card:hover{background:#38bdf81a;border-color:#38bdf8;box-shadow:0 12px 28px -4px #38bdf852,inset 0 1.5px 2px #ffffff80!important}}.month-card.active{box-shadow:0 6px 20px rgba(var(--bs-primary-rgb), .2), inset 0 1.5px 1.5px #fff9;border-color:var(--bs-primary)!important;background:rgba(var(--bs-primary-rgb), .08)!important}[data-bs-theme=dark] .month-card{background:#ffffff0f;border-color:#ffffff1f}[data-bs-theme=dark] .month-card.active{box-shadow:0 8px 24px #38bdf847,inset 0 1px 1px #ffffff73;background:#38bdf824!important;border-color:#38bdf8!important}.month-card.active:before{opacity:1}.month-num{color:var(--bs-body-color);font-size:1.5rem;font-weight:800;line-height:1}.month-card.active .month-num{color:var(--bs-primary)}[data-bs-theme=dark] .month-card.active .month-num{color:#38bdf8}.month-lbl{text-transform:uppercase;letter-spacing:.8px;color:var(--bs-secondary-color);margin-top:4px;font-size:.7rem;font-weight:600}.credential-mode-switch .btn{border-radius:12px;padding:.7rem 1rem;font-weight:600}.manual-credentials{border:1px solid var(--bs-border-color);background:rgba(var(--bs-primary-rgb), .025);padding:1rem;border-radius:18px!important}[data-bs-theme=dark] .manual-credentials{background:#ffffff0d;border-color:#ffffff1f}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper .form-floating{width:100%}.password-input-wrapper .form-control{border-radius:14px;padding-right:94px}.credential-field:first-child .form-control{padding-right:54px}.password-actions{z-index:10;align-items:center;gap:5px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.btn-password-action{width:35px;height:35px;color:var(--bs-body-color);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.btn-password-action:hover,.btn-password-action:focus-visible{background:rgba(var(--bs-primary-rgb), .1);color:var(--bs-primary);outline:0}.btn-password-action:active{transform:scale(.94)}.btn-password-action i{pointer-events:none;font-size:14px;line-height:1}.credential-field .form-text{margin-top:.4rem}.btn-hosting-checkout{letter-spacing:.01em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);perspective:600px;will-change:transform, box-shadow;justify-content:center;align-items:center;gap:.55rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,opacity .2s;display:inline-flex;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg, #0284c7 0%, var(--bs-primary) 50%, #38bdf8 100%)!important;box-shadow:0 10px 28px -4px rgba(var(--bs-primary-rgb), .38), inset 0 1.5px 1.5px 0 #ffffff8c, inset 0 -1.5px 1.5px 0 #00000026!important;border:1px solid #ffffff73!important;border-radius:9999px!important;padding:.85rem 1.75rem!important;font-size:1.05rem!important;font-weight:750!important}.btn-hosting-checkout:before{content:"";background:linear-gradient(var(--sheen-angle,135deg), #ffffff73 0%, #ffffff14 60%, #ffffff4d 100%);pointer-events:none;border-radius:9999px 9999px 0 0;height:50%;transition:opacity .3s;position:absolute;top:0;left:0;right:0}[data-bs-theme=dark] .btn-hosting-checkout{color:#fff!important;background:linear-gradient(135deg,#38bdf8e6 0%,#0ea5e9f2 50%,#0284c7e6 100%)!important;border:1px solid #fff6!important;box-shadow:0 12px 32px -4px #38bdf86b,0 0 20px #38bdf840,inset 0 1.5px 1.5px #ffffffa6,inset 0 -1.5px 1.5px #00000040!important}@media (hover:hover) and (pointer:fine){.btn-hosting-checkout:hover:not(:disabled){transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-3px) scale(1.03);box-shadow:0 18px 40px -4px rgba(var(--bs-primary-rgb), .55), inset 0 2px 2px 0 #fffc, inset 0 -2px 4px 0 #0003!important}.btn-hosting-checkout:active:not(:disabled){box-shadow:0 6px 14px rgba(var(--bs-primary-rgb), .35), inset 0 1px 2px #0000004d!important;transition:transform 80ms cubic-bezier(.2,.8,.4,1)!important;transform:translateY(2px)scale(.955,.935)!important}[data-bs-theme=dark] .btn-hosting-checkout:hover:not(:disabled){box-shadow:0 20px 44px -4px #38bdf8a6,0 0 28px #38bdf866,inset 0 2px 2px #ffffffd9,inset 0 -2px 4px #0000004d!important}}.btn-hosting-checkout:disabled{opacity:.65;cursor:not-allowed;box-shadow:none!important}@media (max-width:767.98px){.checkout-body{padding:16px}.btn-hosting-checkout{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (max-width:575.98px){.manual-credentials{padding:.8rem}.btn-password-action{width:33px;height:33px}.password-actions{gap:3px;right:8px}.password-input-wrapper .form-control{padding-right:84px}}
.vnhost-cloudvps-detail-page{-webkit-overflow-scrolling:touch;max-width:1360px;margin-left:auto;margin-right:auto}.order-layout{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;gap:1.5rem;display:grid}.order-layout>.d-grid{min-width:0;gap:1.25rem!important}.vnhost-page-title{font-size:1.6rem}.vnhost-card{background:var(--bs-body-bg);border:0;border-radius:16px;box-shadow:0 .125rem .25rem #00000013}.order-layout section.vnhost-card,.order-summary{padding:1.5rem!important}.order-summary{min-width:0;max-width:100%;position:sticky;top:96px}.selectable-item{border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);cursor:pointer;text-align:center;color:var(--bs-body-color);border-radius:14px;padding:14px;transition:all .2s}.selectable-item:hover{background:var(--bs-secondary-bg);border-color:var(--bs-primary)}.selectable-item.active{border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb), .08);color:var(--bs-primary);box-shadow:0 2px 8px rgba(var(--bs-primary-rgb), .15);font-weight:600}.addon-collapse-toggle{cursor:pointer;padding:4px 0}.addon-collapse-toggle:hover{color:var(--bs-primary)}.addon-toggle-icon{font-size:1.1rem;transition:transform .3s}.addon-collapse-toggle[aria-expanded=true] .addon-toggle-icon{transform:rotate(180deg)}.vnhost-stepper{border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);border-radius:14px;align-items:center;display:flex;overflow:hidden}.vnhost-stepper button{width:44px;height:44px;color:var(--bs-body-color);-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .18s;display:inline-flex}.vnhost-stepper button:hover:not(:disabled){background:rgba(var(--bs-primary-rgb), .12);color:var(--bs-primary)}.vnhost-stepper button:disabled{opacity:.35;cursor:not-allowed}.vnhost-stepper input{text-align:center;width:100%;min-width:0;color:var(--bs-body-color);appearance:textfield;background:0 0;border:0;font-weight:700}.vnhost-stepper input:focus{outline:0}.vnhost-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vnhost-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vnhost-stepper span{color:var(--bs-secondary-color);white-space:nowrap;padding-right:12px;font-size:.8rem;font-weight:600}.vnhost-os-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;display:grid}.vnhost-order-os{text-align:center;word-break:break-word;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:94px;font-size:.85rem;line-height:1.25;display:flex;padding:12px 8px!important}.vnhost-order-os img{object-fit:contain;width:30px;height:30px}.vnhost-os-placeholder{font-size:2rem}.vnhost-package-icon{background:rgba(var(--bs-primary-rgb), .1);width:44px;height:44px;color:var(--bs-primary);border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.vnhost-order-product{justify-content:flex-start;align-items:center;gap:.75rem;width:100%;display:flex;text-align:left!important}.vnhost-order-product>div:last-child{flex:auto;min-width:0;text-align:left!important}.vnhost-order-product strong,.vnhost-order-product span{text-align:left!important;margin-left:0!important}.vnhost-data-row{border-bottom:1px dashed rgba(var(--bs-body-color-rgb,120, 120, 120), .12);justify-content:space-between;align-items:center;gap:.75rem;padding:9px 0;font-size:.92rem;display:flex}.vnhost-data-row:last-of-type{border-bottom:none}.vnhost-data-label{min-width:0;color:var(--bs-secondary-color);flex-shrink:0}.vnhost-data-value{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:700}.vnhost-order-total{background:var(--bs-tertiary-bg);border-radius:16px;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 1.25rem;display:flex}.vnhost-order-total strong{color:var(--bs-primary);text-align:right;font-size:1.35rem}.vnhost-coupon .form-control{border-radius:12px 0 0 12px!important}.vnhost-coupon .btn,.vnhost-btn-apply-coupon{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(var(--bs-primary-rgb), .2);white-space:nowrap;transition:all .18s cubic-bezier(.4,0,.2,1);border-radius:0 12px 12px 0!important}.vnhost-coupon .btn:active,.vnhost-btn-apply-coupon:active{box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb), .25);transform:scale(.94)}.vnhost-summary-coupon{position:relative}.order-summary .btn-lg{font-weight:700}.app-page-head .breadcrumb{font-size:.875rem}@media (max-width:1199.98px){.order-layout{grid-template-columns:1fr;gap:1.25rem}.order-summary{position:static}}@media (max-width:767.98px){.order-layout,.order-layout>.d-grid{gap:.85rem!important}.vnhost-cloudvps-detail-page{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))!important}.order-layout section.vnhost-card,.order-summary{border-radius:20px!important;padding:1rem!important}.vnhost-page-title{font-size:1.35rem}#vps-os-options .vnhost-os-grid,.vnhost-os-grid{padding-right:4px;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:270px!important;overflow-y:auto!important}.vnhost-os-grid::-webkit-scrollbar{width:4px}.vnhost-os-grid::-webkit-scrollbar-thumb{background:rgba(var(--bs-primary-rgb), .25);border-radius:4px}#vps-os-options .vnhost-order-os,.vnhost-order-os{text-align:left!important;border-radius:14px!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;min-height:48px!important;padding:8px 10px!important}#vps-os-options .vnhost-order-os img,.vnhost-order-os img{flex-shrink:0!important;width:24px!important;height:24px!important}#vps-os-options .vnhost-order-os span,.vnhost-order-os span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:.78rem!important;line-height:1.25!important}#vps-os-options{margin-bottom:0!important}.order-summary{margin-top:0!important}.os-filter-tabs .btn{padding:4px 12px!important;font-size:.75rem!important}#vpsBillingOptions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}#vpsBillingOptions>div{width:100%;padding:0}.vnhost-vps-cycle{font-size:.82rem;padding:12px 8px!important}.vnhost-order-total strong{font-size:1.2rem}}
.hm-header{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.75rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.hm-header .hm-domain{color:var(--bs-heading-color);letter-spacing:-.3px;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.35rem;font-weight:700;display:flex}.hm-header .hm-plan{color:var(--bs-secondary-color);margin:.2rem 0 0;font-size:.8rem;font-weight:500}.hm-badge{letter-spacing:.2px;border-radius:50rem;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.hm-badge-active{color:#096;background:#0099661a;border:1px solid #0963}.hm-badge-expired{color:var(--bs-danger);background:#f8363614;border:1px solid #f8363626}.hm-badge-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.hm-badge-active .hm-badge-dot{background:#096;animation:2s infinite hm-pulse}.hm-badge-expired .hm-badge-dot{background:var(--bs-danger)}@keyframes hm-pulse{0%,to{opacity:1}50%{opacity:.35}}.hm-btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.hm-btn{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-heading-color);cursor:pointer;border-radius:.5rem;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.hm-btn:hover{border-color:var(--bs-primary);color:var(--bs-primary);background:rgba(var(--bs-primary-rgb), .04)}.hm-btn-primary{background:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.hm-btn-primary:hover{background:var(--bs-link-hover-color);border-color:var(--bs-link-hover-color);color:#fff}.hm-card{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);border-radius:.75rem;margin-bottom:1.25rem;overflow:hidden}.hm-card-head{border-bottom:1px solid var(--bs-border-color);align-items:center;gap:.5rem;padding:.85rem 1.15rem;display:flex}.hm-card-head-icon{border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;display:flex}.hm-card-head-icon.clr-blue,.hm-card-head-icon.clr-green{background:rgba(var(--bs-primary-rgb), .08);color:var(--bs-primary)}.hm-card-head-icon.clr-orange{color:#d48a00;background:#f5a70d14}.hm-card-head-icon.clr-red{color:var(--bs-danger);background:#f836360f}.hm-card-head h6{color:var(--bs-heading-color);letter-spacing:.1px;margin:0;font-size:.8rem;font-weight:700}.hm-card-body{padding:1rem 1.15rem}.hm-info{border-bottom:1px dashed var(--bs-border-color);justify-content:space-between;align-items:flex-start;padding:.55rem 0;display:flex}.hm-info:last-child{border-bottom:none;padding-bottom:0}.hm-info:first-child{padding-top:0}.hm-info-label{color:var(--bs-secondary-color);white-space:nowrap;min-width:90px;font-size:.78rem;font-weight:500}.hm-info-value{color:var(--bs-heading-color);text-align:right;word-break:break-all;font-size:.82rem;font-weight:600}.hm-ns{background:var(--bs-tertiary-bg);color:var(--bs-heading-color);border-radius:.35rem;margin-bottom:.3rem;padding:.3rem .6rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem;display:block}.hm-ns:last-child{margin-bottom:0}.hm-pass-wrap{background:var(--bs-tertiary-bg);border-radius:.4rem;align-items:center;gap:.35rem;padding:.3rem .5rem;display:flex}.hm-pass-wrap input{color:var(--bs-heading-color);background:0 0;border:none;outline:none;flex:1;width:0;font-size:.8rem;font-weight:600}.hm-pass-wrap button{color:var(--bs-secondary-color);cursor:pointer;background:0 0;border:none;align-items:center;padding:.15rem;font-size:.85rem;transition:color .15s;display:flex}.hm-pass-wrap button:hover{color:var(--bs-primary)}.hm-resource{border-bottom:1px dashed var(--bs-border-color);padding:.65rem 0}.hm-resource:last-child{border-bottom:none;padding-bottom:0}.hm-resource:first-child{padding-top:0}.hm-resource-head{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.hm-resource-label{color:var(--bs-secondary-color);font-size:.78rem;font-weight:500}.hm-resource-value{color:var(--bs-heading-color);font-size:.72rem;font-weight:600}.hm-progress{background:var(--bs-tertiary-bg);border-radius:50rem;height:5px;overflow:hidden}.hm-progress-bar{background:var(--bs-primary);border-radius:50rem;height:100%;transition:width .6s}.hm-progress-bar.warn{background:#e8a308}.hm-progress-bar.danger{background:var(--bs-danger)}.hm-actions{gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.hm-action-btn{border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-heading-color);cursor:pointer;border-radius:.45rem;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.45rem 0;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.hm-action-btn:hover{border-color:var(--bs-primary);color:var(--bs-primary)}.hm-action-btn.danger{color:var(--bs-danger);border-color:#f8363633}.hm-action-btn.danger:hover{border-color:var(--bs-danger);background:#f836360f}.hm-action-btn.success{color:#096;border-color:#0963}.hm-action-btn.success:hover{background:#0099660f;border-color:#096}.hm-action-btn.primary{color:var(--bs-primary);border-color:rgba(var(--bs-primary-rgb), .2)}.hm-action-btn.primary:hover{background:rgba(var(--bs-primary-rgb), .06);border-color:var(--bs-primary)}.hm-tools-grid{grid-template-columns:repeat(8,1fr);gap:.5rem;display:grid}.hm-tool{border:1px solid var(--bs-border-color);cursor:pointer;text-align:center;border-radius:.5rem;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .35rem;transition:all .15s;display:flex}.hm-tool:hover{background:var(--bs-tertiary-bg);border-color:var(--bs-border-color)}.hm-tool-icon{background:rgba(var(--bs-primary-rgb), .07);width:36px;height:36px;color:var(--bs-primary);border-radius:.45rem;justify-content:center;align-items:center;font-size:1rem;display:flex}.hm-tool-icon.t-blue{color:#0d6efd;background:#0d6efd14}.hm-tool-icon.t-indigo{background:rgba(var(--bs-primary-rgb), .08);color:#0d6efd}.hm-tool-icon.t-teal{color:#0fa87e;background:#20c99714}.hm-tool-icon.t-orange{color:#e07000;background:#fd7e1414}.hm-tool-icon.t-green{background:rgba(var(--bs-primary-rgb), .08);color:var(--bs-primary)}.hm-tool-icon.t-red{color:#e02d2d;background:#f836360f}.hm-tool-icon.t-cyan{color:#0aa2c0;background:#0dcaf014}.hm-tool-icon.t-purple{background:rgba(var(--bs-primary-rgb), .08);color:var(--bs-primary)}.hm-tool-icon.t-amber{color:#c88a00;background:#f5a70d14}.hm-tool-label{color:var(--bs-heading-color);margin:0;font-size:.68rem;font-weight:600;line-height:1.3}.hm-countdown{border-radius:50rem;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.hm-countdown.ok{background:rgba(var(--bs-primary-rgb), .08);color:var(--bs-primary)}.hm-countdown.warn{color:#d48a00;background:#f5a70d1a}.hm-countdown.expired{color:var(--bs-danger);background:#f8363614}.upgrade-plan-card{border:2px solid var(--bs-border-color);cursor:pointer;text-align:center;border-radius:.6rem;padding:.75rem;transition:all .15s}.upgrade-plan-card:hover{border-color:rgba(var(--bs-primary-rgb), .3)}.upgrade-plan-card.selected{border-color:var(--bs-primary);background:rgba(var(--bs-primary-rgb), .04)}.upgrade-plan-card.current{opacity:.5;pointer-events:none;background:#0099660a;border-color:#096}.hm-copy-btn{color:var(--bs-secondary-color);cursor:pointer;background:0 0;border:none;padding:.1rem;font-size:.75rem;transition:color .15s;display:inline-flex}.hm-copy-btn:hover{color:var(--bs-primary)}@media (max-width:767.98px){.hm-header{padding:.85rem 1rem}.hm-header .hm-domain{font-size:1.05rem}.hm-btn-group{width:100%}.hm-btn{flex:1;justify-content:center;padding:.4rem .5rem;font-size:.75rem}.app-page-head{flex-direction:column;gap:.5rem;align-items:flex-start!important}.app-page-head .btn{align-self:flex-start;padding:.3rem .85rem;font-size:.8rem}.hm-card-body{padding:.75rem .85rem}.hm-card-head{padding:.7rem .85rem}.hm-tools-grid{grid-template-columns:repeat(3,1fr)}.hm-tool{padding:.6rem .25rem}.hm-tool-icon{width:32px;height:32px;font-size:.85rem}.hm-tool-label{font-size:.62rem}.hm-info-label,.hm-info-value{font-size:.75rem}.hm-ns{font-size:.68rem}}
html,body{min-height:100%}.recharge-card-page .custom-card{border:1px solid var(--bs-border-color);background:#fff;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0f172a0d}.recharge-card-page .card-title{font-weight:700}.recharge-card-page .avatar{justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.recharge-card-page .top-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.recharge-card-page .filter-show,.recharge-card-page .filter-short{align-items:center;gap:.5rem;display:flex}.recharge-card-page .filter-label{white-space:nowrap}.recharge-card-page .filter-select{width:auto;min-width:84px}.card-chart{border-bottom:1px solid var(--bs-border-color);align-items:flex-end;gap:3px;height:205px;padding:12px 4px 22px;display:flex}.card-chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.card-chart-bar{background:#845adf;border-radius:3px 3px 0 0;width:75%;min-height:0}.card-chart-column small{color:#8c9097;font-size:9px;position:absolute;top:calc(100% + 4px)}@media (max-width:767px){.card-chart-column small{display:none}.recharge-card-page .top-filter{flex-direction:column;align-items:stretch}.recharge-card-page .filter-select{flex:1}}