:root{
  --lc-topbar:#153266;
  --lc-sidebar:#153266;
  --lc-sidebar-hover:rgba(255,255,255,.08);
  --lc-sidebar-active:rgba(255,255,255,.12);
  --lc-radius:16px;
  --lc-radius-sm:12px;
  --lc-shadow:0 12px 34px rgba(15,23,42,.06);
}
html,body{min-height:100%}
body.lc-client-app{background:var(--vz-body-bg);overflow-x:hidden}
.min-w-0{min-width:0!important}
.hidden{display:none!important}

/* ===== Stable application shell ===== */
#layout-wrapper{min-height:100vh}
.lc-topbar{position:fixed!important;top:0;right:0;left:0;height:70px!important;background:var(--lc-topbar)!important;border:0!important;box-shadow:0 8px 28px rgba(17,42,92,.16)!important;z-index:1035!important}
.lc-topbar-inner{height:70px;display:flex;align-items:center;width:100%;padding:0 28px}
.lc-topbar-logo{display:inline-flex;align-items:center;min-width:155px;text-decoration:none}
.lc-topbar-logo img{display:block;max-width:150px;width:auto}
.lc-topbar-actions{height:70px;gap:4px}
.lc-topbar-icon,.lc-menu-toggle{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important}
.lc-topbar-icon:hover,.lc-menu-toggle:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.lc-user-dropdown{height:70px;display:flex;align-items:stretch;margin-left:4px}
.lc-user-trigger{height:70px;border:0!important;border-radius:0!important;padding:0 15px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;box-shadow:none!important}
.lc-user-trigger:hover,.lc-user-trigger:focus,.lc-user-trigger.show{background:rgba(255,255,255,.1)!important;color:#fff!important}
.lc-user-trigger .header-profile-user{width:36px;height:36px;object-fit:cover;border:2px solid rgba(255,255,255,.24)}
.lc-user-trigger .user-name-text{max-width:150px;color:#fff!important;font-size:.85rem;line-height:1.1}
.lc-user-trigger .user-name-sub-text{color:rgba(255,255,255,.72)!important;margin-top:3px}
.lc-notification-menu,.lc-user-menu{min-width:245px!important;border:1px solid var(--vz-border-color)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(15,23,42,.14)!important;padding:.4rem 0!important;margin-top:7px!important;overflow:hidden;background:var(--vz-card-bg)!important}
.lc-notification-menu{min-width:300px!important}
.lc-user-menu .dropdown-item,.lc-notification-menu .dropdown-item{padding:.72rem 1rem;color:var(--vz-body-color);font-size:.84rem}
.lc-user-menu .dropdown-item:hover,.lc-user-menu .dropdown-item:focus,.lc-notification-menu .dropdown-item:hover,.lc-notification-menu .dropdown-item:focus{background:var(--vz-light);color:var(--vz-heading-color)}
.lc-user-menu .dropdown-divider,.lc-notification-menu .dropdown-divider{border-color:var(--vz-border-color);margin:.35rem 0}

.lc-sidebar{position:fixed!important;top:88px!important;left:22px!important;bottom:22px!important;width:258px!important;height:auto!important;background:var(--lc-sidebar)!important;border:0!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(17,42,92,.16)!important;z-index:1025!important;overflow:hidden!important;transition:transform .22s ease!important}
.lc-sidebar-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 0 18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.lc-sidebar-scroll::-webkit-scrollbar{width:5px}.lc-sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.lc-sidebar .navbar-nav{padding:0!important}
.lc-sidebar .menu-title{padding:13px 20px 7px!important;margin:0!important;line-height:1}
.lc-sidebar .menu-title span{color:rgba(255,255,255,.48)!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase}
.lc-sidebar .navbar-nav .nav-link{display:flex;align-items:center;min-height:44px;margin:2px 10px;padding:.68rem .9rem!important;border-radius:12px!important;color:rgba(255,255,255,.72)!important;font-weight:500!important;font-size:.88rem!important;transition:.16s ease;background:transparent!important}
.lc-sidebar .navbar-nav .nav-link i{width:24px;min-width:24px;margin-right:8px!important;color:rgba(255,255,255,.68)!important;font-size:18px!important;text-align:center}
.lc-sidebar .navbar-nav .nav-link:hover{background:var(--lc-sidebar-hover)!important;color:#fff!important}
.lc-sidebar .navbar-nav .nav-link:hover i{color:#fff!important}
.lc-sidebar .navbar-nav .nav-link.active,.lc-sidebar .navbar-nav .nav-link[aria-expanded="true"]{background:var(--lc-sidebar-active)!important;color:#fff!important}
.lc-sidebar .navbar-nav .nav-link.active i,.lc-sidebar .navbar-nav .nav-link[aria-expanded="true"] i{color:#fff!important}
.lc-sidebar .menu-dropdown{margin:2px 0 5px!important}
.lc-sidebar .menu-dropdown .nav-link{min-height:36px!important;margin:1px 10px!important;padding:.5rem .85rem .5rem 2.8rem!important;font-size:.82rem!important;color:rgba(255,255,255,.62)!important;position:relative}
.lc-sidebar .menu-dropdown .nav-link:before{content:"";position:absolute;left:1.75rem;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.32);transform:translateY(-50%)}
.lc-sidebar .menu-dropdown .nav-link.active,.lc-sidebar .menu-dropdown .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}
.lc-sidebar .menu-dropdown .nav-link.active:before{background:#fff}
.lc-sidebar-overlay{position:fixed;inset:70px 0 0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;z-index:1020;transition:.2s ease}

.lc-main-content{margin-left:302px!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;padding-top:70px!important}
.lc-page-content{padding:22px 24px 24px!important;flex:1 0 auto!important;background:var(--vz-body-bg)!important;min-height:calc(100vh - 130px)!important}
.lc-page-container{max-width:1560px!important;margin:0 auto!important;padding:0!important}
.lc-footer{position:static!important;height:auto!important;min-height:62px;padding:18px 24px!important;margin:0!important;background:var(--vz-card-bg)!important;border-top:1px solid var(--vz-border-color)!important;flex-shrink:0}
.lc-back-to-top{position:fixed;right:22px;bottom:22px;z-index:1010;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;border-radius:12px!important;box-shadow:0 12px 24px rgba(var(--vz-primary-rgb),.25)}
.lc-back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.lc-toast-container{z-index:21000!important;padding-top:86px!important}.lc-notify-toast{min-width:320px;max-width:390px;background:var(--vz-card-bg)!important;border:1px solid var(--vz-border-color)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(15,23,42,.14)!important;overflow:hidden}.lc-notify-toast .toast-header{background:var(--vz-card-bg);border-bottom:1px solid var(--vz-border-color)}.lc-notify-toast .toast-body{color:var(--vz-secondary-color);line-height:1.55}

/* ===== Theme-normalized cards, forms and page headings ===== */
.page-title-box{padding:0!important;margin:0 0 18px!important}
.page-title-box h4,.page-title-box .mb-sm-0{font-size:1.25rem!important;font-weight:700!important;color:var(--vz-heading-color)!important;letter-spacing:-.015em}
.page-title-box p{line-height:1.55}
.page-title-box .breadcrumb{font-size:.82rem}
.card{border:1px solid var(--vz-border-color)!important;border-radius:var(--lc-radius)!important;box-shadow:0 10px 28px rgba(15,23,42,.035)!important;background:var(--vz-card-bg)!important}
.card-header{background:var(--vz-card-bg)!important;border-bottom:1px solid var(--vz-border-color)!important;padding:1rem 1.1rem!important}
.card-body{color:var(--vz-body-color)}
.card-footer{background:var(--vz-card-bg)!important;border-top:1px solid var(--vz-border-color)!important}
.form-control,.form-select,.input-group-text{border-color:var(--vz-border-color)!important;border-radius:11px;min-height:43px}
.form-control:focus,.form-select:focus{border-color:rgba(var(--vz-primary-rgb),.65)!important;box-shadow:0 0 0 .2rem rgba(var(--vz-primary-rgb),.1)!important}
textarea.form-control{min-height:110px}
.input-group>.form-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group>.btn:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.btn{border-radius:11px;font-weight:600}.btn-sm{border-radius:9px}.badge{border-radius:999px}
.alert{border-radius:13px!important;line-height:1.55}.table>:not(caption)>*>*{padding:.78rem .85rem}.table-card{border-radius:0 0 var(--lc-radius) var(--lc-radius);overflow:hidden}

/* ===== Shared service UI ===== */
.lc-page{padding:0!important;min-height:auto!important;background:transparent!important}.lc-container{width:100%!important;max-width:none!important;margin:0!important}.lc-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 1.25rem}.lc-eyebrow{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vz-primary);margin-bottom:.4rem}.lc-title{margin:0;color:var(--vz-heading-color);font-size:1.45rem;line-height:1.25;font-weight:700;letter-spacing:-.02em}.lc-subtitle{margin:.35rem 0 0;color:var(--vz-secondary-color);font-size:.88rem;line-height:1.6;max-width:760px}.lc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lc-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid transparent;border-radius:11px;padding:.55rem .9rem;font-size:.82rem;font-weight:600;line-height:1.25;text-decoration:none!important;cursor:pointer;transition:.16s ease;background:var(--vz-card-bg);color:var(--vz-body-color)}.lc-btn:hover{transform:translateY(-1px)}.lc-btn-primary{background:var(--vz-primary)!important;border-color:var(--vz-primary)!important;color:#fff!important}.lc-btn-secondary{background:var(--vz-card-bg)!important;border-color:var(--vz-border-color)!important;color:var(--vz-body-color)!important}.lc-btn-warning{background:var(--vz-warning-bg-subtle)!important;border-color:rgba(var(--vz-warning-rgb),.2)!important;color:var(--vz-warning)!important}.lc-btn-danger{background:var(--vz-danger-bg-subtle)!important;border-color:rgba(var(--vz-danger-rgb),.2)!important;color:var(--vz-danger)!important}.lc-btn-dark{background:var(--vz-dark)!important;border-color:var(--vz-dark)!important;color:#fff!important}.lc-btn-sm{min-height:34px;padding:.42rem .7rem;font-size:.76rem;border-radius:9px}
.lc-panel{background:var(--vz-card-bg);border:1px solid var(--vz-border-color);border-radius:var(--lc-radius);box-shadow:0 10px 28px rgba(15,23,42,.03)}.lc-panel-pad{padding:1.15rem}.lc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1rem 1.1rem;border-bottom:1px solid var(--vz-border-color)}.lc-panel-title{margin:0;color:var(--vz-heading-color);font-size:1rem;font-weight:700;line-height:1.4}.lc-panel-desc{margin:.2rem 0 0;color:var(--vz-secondary-color);font-size:.78rem;line-height:1.5}
.lc-grid{display:grid;gap:16px}.lc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lc-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lc-service-card{background:var(--vz-card-bg);border:1px solid var(--vz-border-color);border-radius:var(--lc-radius);padding:1.1rem;box-shadow:0 8px 24px rgba(15,23,42,.03);transition:.16s ease}.lc-service-card:hover{border-color:rgba(var(--vz-primary-rgb),.25);box-shadow:0 14px 34px rgba(15,23,42,.06)}.lc-service-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.lc-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--vz-primary-bg-subtle);color:var(--vz-primary);font-size:18px}.lc-service-name{font-size:1rem;font-weight:700;color:var(--vz-heading-color);line-height:1.35}.lc-service-meta{font-size:.78rem;color:var(--vz-secondary-color);margin-top:.25rem;line-height:1.45}
.lc-kv{margin:1rem 0;border-top:1px solid var(--vz-border-color)}.lc-kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.7rem 0;border-bottom:1px solid var(--vz-border-color);font-size:.8rem}.lc-kv-row>span:first-child{color:var(--vz-secondary-color)}.lc-kv-row strong{color:var(--vz-heading-color);text-align:right;min-width:0;word-break:break-word}
.lc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:1.25rem}.lc-stat{background:var(--vz-card-bg);border:1px solid var(--vz-border-color);border-radius:15px;padding:1rem;box-shadow:0 8px 22px rgba(15,23,42,.03)}.lc-stat-label{font-size:.74rem;color:var(--vz-secondary-color);font-weight:600}.lc-stat-value{font-size:1.5rem;line-height:1.15;color:var(--vz-heading-color);font-weight:700;margin-top:.25rem}.lc-stat-help{font-size:.7rem;color:var(--vz-secondary-color);margin-top:.2rem}
.lc-input,.lc-select,.lc-textarea{display:block;width:100%;min-height:44px;border:1px solid var(--vz-border-color);border-radius:11px;background:var(--vz-card-bg);padding:.65rem .8rem;color:var(--vz-body-color);font-size:.86rem;outline:none}.lc-textarea{min-height:110px;resize:vertical}.lc-input:focus,.lc-select:focus,.lc-textarea:focus{border-color:rgba(var(--vz-primary-rgb),.65);box-shadow:0 0 0 .2rem rgba(var(--vz-primary-rgb),.1)}.lc-label{display:block;margin-bottom:.45rem;font-size:.8rem;font-weight:600;color:var(--vz-heading-color)}.lc-field{margin-bottom:1rem}.lc-hint{margin-top:.35rem;color:var(--vz-secondary-color);font-size:.73rem;line-height:1.5}
.lc-note{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(var(--vz-info-rgb),.22);border-radius:12px;background:var(--vz-info-bg-subtle);color:var(--vz-info);padding:.75rem .9rem;font-size:.79rem;line-height:1.55}.lc-note-warn{border-color:rgba(var(--vz-warning-rgb),.22);background:var(--vz-warning-bg-subtle);color:var(--vz-warning)}
.lc-empty{border:1px dashed var(--vz-border-color);border-radius:var(--lc-radius);background:var(--vz-card-bg);text-align:center;padding:3.5rem 1rem}.lc-empty-icon{width:50px;height:50px;border-radius:14px;background:var(--vz-light);color:var(--vz-secondary-color);display:grid;place-items:center;margin:0 auto .8rem;font-size:20px}.lc-empty h3{font-size:1rem;color:var(--vz-heading-color)}.lc-empty p{font-size:.8rem;color:var(--vz-secondary-color);margin:.25rem 0 1rem}.lc-codebox{background:#172033;color:#dce5f5;border-radius:12px;padding:.8rem .9rem;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.lc-progress{height:7px;background:var(--vz-border-color);border-radius:999px;overflow:hidden}.lc-progress>span{display:block;height:100%;background:var(--vz-primary);border-radius:999px}

.purchase-shell-card,.checkout-card{border-radius:18px!important;overflow:hidden}.service-switch .btn{min-width:150px}.service-server-picker{border:1px solid var(--vz-border-color);background:var(--vz-light);border-radius:14px;padding:1rem}.service-package-card{border:1px solid var(--vz-border-color)!important;border-radius:16px!important;transition:.16s ease}.service-package-card:hover{transform:translateY(-2px);border-color:rgba(var(--vz-primary-rgb),.25)!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important}.service-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.service-feature-list li{display:flex;align-items:flex-start;gap:8px;color:var(--vz-secondary-color);font-size:.8rem;line-height:1.45}.service-feature-list li i{margin-top:2px;flex:0 0 auto}.service-feature-list li span{min-width:0;flex:1}.service-feature-list li strong{color:var(--vz-heading-color);font-weight:600;text-align:right}.service-checkout-section{display:none}.service-checkout-section.active{display:block!important}.duration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.duration-grid .btn{min-height:42px}.checkout-summary-card{position:sticky;top:92px}.summary-list{display:grid;gap:0;border:1px solid var(--vz-border-color);border-radius:13px;background:var(--vz-light);padding:.25rem .9rem}.summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.72rem 0;border-bottom:1px solid var(--vz-border-color);font-size:.81rem}.summary-list>div:last-child{border-bottom:0}.summary-list span{color:var(--vz-secondary-color)}.summary-list strong{color:var(--vz-heading-color);text-align:right}.summary-list .summary-total{margin-top:.15rem;padding-top:.9rem}.summary-list .summary-total strong{font-size:1.15rem;color:var(--vz-primary)}.summary-list.compact>div{padding:.6rem 0}
.domain-price-card{display:flex;align-items:center;gap:12px;border:1px solid var(--vz-border-color);border-radius:14px;background:var(--vz-card-bg);padding:1rem;box-shadow:0 8px 22px rgba(15,23,42,.025)}.domain-price-logo{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--vz-border-color);border-radius:12px;background:var(--vz-light);overflow:hidden;flex:0 0 auto}.domain-price-logo img{max-width:32px;max-height:32px;object-fit:contain}.domain-price-logo .domain-fallback{width:100%;height:100%;place-items:center;font-size:.78rem;font-weight:700;color:var(--vz-heading-color);text-transform:uppercase}.domain-search-group .form-control,.domain-search-group .btn{min-height:48px}.domain-result-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--vz-border-color);border-radius:14px;background:var(--vz-card-bg);padding:1rem;height:100%}.domain-result-card.available{border-left:3px solid var(--vz-success)}.domain-result-card.taken{border-left:3px solid var(--vz-danger)}.domain-result-card.premium{border-left:3px solid var(--vz-warning)}
.website-template-card .template-thumb{aspect-ratio:16/9}.website-template-card .template-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.45rem;line-height:1.55}.website-detail-main{aspect-ratio:16/9}.website-thumb-row{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.website-thumb{width:92px;aspect-ratio:16/9;flex:0 0 auto;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:var(--vz-light)}.website-thumb.active{border-color:var(--vz-primary)}.website-thumb img{width:100%;height:100%;object-fit:cover}.website-rich-content img{max-width:100%;height:auto}.website-rich-content table{max-width:100%;display:block;overflow:auto}
.card.product{height:100%;display:flex;flex-direction:column}.card.product .card-body{display:flex;flex-direction:column;flex:1}.card.product .card-footer{margin-top:auto}.card.product .position-relative.bg-light{border:1px solid var(--vz-border-color)}

/* ===== Management controls ===== */
.lc-host-hero,.lc-reseller-hero{border-radius:16px!important;border:1px solid var(--vz-border-color)!important;background:var(--vz-card-bg)!important;box-shadow:0 10px 28px rgba(15,23,42,.03)!important}.lc-host-summary-card,.lc-reseller-summary-card{border-radius:14px!important}.lc-host-info-list,.lc-reseller-info-list{border-radius:13px!important}

/* ===== Topup ===== */
.topup-method-card{position:relative;display:flex;align-items:flex-start;gap:14px;border:1px solid var(--vz-border-color);border-radius:15px;background:var(--vz-card-bg);padding:20px;cursor:pointer;transition:.18s ease;height:100%}.topup-method-card:hover{border-color:rgba(var(--vz-primary-rgb),.55);box-shadow:0 12px 28px rgba(15,23,42,.05);transform:translateY(-1px)}.topup-method-card.active{border-color:var(--vz-primary);background:var(--vz-primary-bg-subtle);box-shadow:0 12px 28px rgba(var(--vz-primary-rgb),.08)}.topup-method-card input{position:absolute;opacity:0;pointer-events:none}.topup-method-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--vz-primary-bg-subtle);color:var(--vz-primary);font-size:21px;flex:0 0 auto}.topup-method-title{font-size:1rem;font-weight:700;color:var(--vz-heading-color);margin:0 0 4px}.topup-method-desc{margin:0;color:var(--vz-secondary-color);line-height:1.55;font-size:.83rem}.topup-method-check{margin-left:auto;width:24px;height:24px;border-radius:50%;border:2px solid var(--vz-border-color);display:grid;place-items:center;color:#fff;background:var(--vz-card-bg);transition:.18s ease;flex:0 0 auto}.topup-method-card.active .topup-method-check{background:var(--vz-primary);border-color:var(--vz-primary)}.topup-method-card.active .topup-method-check:before{content:'\ea5e';font-family:'remixicon';font-size:14px}.topup-section-card{border-radius:16px!important}.topup-bank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.topup-bank-card{position:relative;border:1px solid var(--vz-border-color);border-radius:14px;background:var(--vz-card-bg);padding:15px;cursor:pointer;text-align:center;transition:.18s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:9px}.topup-bank-card:hover{border-color:rgba(var(--vz-primary-rgb),.55)}.topup-bank-card.active{border-color:var(--vz-primary);background:var(--vz-primary-bg-subtle);box-shadow:0 10px 24px rgba(var(--vz-primary-rgb),.07)}.topup-bank-card img{max-height:32px;max-width:100%;object-fit:contain;margin:0 auto}.topup-bank-card strong{display:block;color:var(--vz-heading-color);font-size:.95rem}.topup-bank-card span{font-size:.8rem;color:var(--vz-secondary-color)}.topup-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topup-info-item{border:1px solid var(--vz-border-color);border-radius:13px;background:var(--vz-light);padding:13px 14px;height:100%}.topup-info-item .label{display:block;font-size:.76rem;color:var(--vz-secondary-color);margin-bottom:5px}.topup-info-item .value{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;color:var(--vz-heading-color);word-break:break-all}.topup-qr-box{border:1px dashed var(--vz-border-color);border-radius:15px;background:var(--vz-light);padding:16px;text-align:center;height:100%}.topup-qr-box img{max-width:210px;width:100%;height:auto;background:#fff;border:1px solid var(--vz-border-color);border-radius:13px;padding:8px}.topup-note{border:1px solid rgba(var(--vz-info-rgb),.2);border-radius:13px;background:var(--vz-info-bg-subtle);color:var(--vz-info);padding:12px 14px;line-height:1.55;font-size:.82rem}.topup-note.warn{border-color:rgba(var(--vz-warning-rgb),.22);background:var(--vz-warning-bg-subtle);color:var(--vz-warning)}.topup-card-form .form-control,.topup-card-form .form-select{min-height:45px}.topup-history-table .badge{font-size:.72rem}

/* ===== Minimal legacy utility bridge for old modules until their markup is Bootstrap-native ===== */
.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.block{display:block!important}.hidden{display:none!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1 1 0%!important}.shrink-0{flex-shrink:0!important}.min-w-0{min-width:0!important}.w-full{width:100%!important}.h-full{height:100%!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.relative{position:relative!important}.absolute{position:absolute!important}.sticky{position:sticky!important}.top-0{top:0!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mt-7{margin-top:1.75rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}.mb-6{margin-bottom:1.5rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.p-7{padding:1.75rem!important}.p-8{padding:2rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.py-16{padding-top:4rem!important;padding-bottom:4rem!important}.py-20{padding-top:5rem!important;padding-bottom:5rem!important}.rounded-xl{border-radius:12px!important}.rounded-2xl{border-radius:14px!important}.rounded-3xl{border-radius:16px!important}.rounded-full{border-radius:999px!important}.border{border:1px solid var(--vz-border-color)!important}.bg-white{background:var(--vz-card-bg)!important}.bg-slate-50,.bg-gray-50{background:var(--vz-body-bg)!important}.bg-slate-100,.bg-gray-100{background:var(--vz-light)!important}.bg-slate-950{background:#172033!important}.text-white{color:#fff!important}.text-slate-950,.text-slate-900{color:var(--vz-heading-color)!important}.text-slate-700,.text-slate-600{color:var(--vz-body-color)!important}.text-slate-500,.text-slate-400,.text-gray-600,.text-gray-500,.text-gray-400{color:var(--vz-secondary-color)!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-black{font-weight:800!important}.text-xs{font-size:.72rem!important}.text-sm{font-size:.8rem!important}.text-lg{font-size:1rem!important}.text-xl{font-size:1.15rem!important}.text-2xl{font-size:1.35rem!important}.text-3xl{font-size:1.55rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-3xl{max-width:48rem!important}.max-w-4xl{max-width:56rem!important}.max-w-5xl{max-width:64rem!important}.max-w-6xl{max-width:72rem!important}.max-w-7xl{max-width:80rem!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ===== Responsive ===== */
@media(max-width:1199.98px){
  .lc-sidebar{top:70px!important;left:0!important;bottom:0!important;width:min(290px,86vw)!important;border-radius:0!important;transform:translateX(-105%)!important;box-shadow:0 20px 55px rgba(15,23,42,.28)!important;z-index:1045!important}.lc-sidebar-open .lc-sidebar{transform:translateX(0)!important}.lc-sidebar-open .lc-sidebar-overlay{opacity:1;visibility:visible;pointer-events:auto}.lc-main-content{margin-left:0!important}.lc-page-content{padding:18px!important}.checkout-summary-card{position:static}.lc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-grid-3,.lc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-topbar-inner{padding:0 16px}.lc-topbar-logo{min-width:auto}.lc-topbar-logo img{max-width:128px}}
@media(max-width:991.98px){.lc-grid-2{grid-template-columns:1fr}.duration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-switch{width:100%}.service-switch .btn{flex:1;min-width:0}.topup-info-grid{grid-template-columns:1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:767.98px){
  .lc-topbar{height:64px!important}.lc-topbar-inner{height:64px;padding:0 10px}.lc-topbar-actions{height:64px}.lc-user-dropdown,.lc-user-trigger{height:64px}.lc-user-trigger{padding:0 8px!important}.lc-user-trigger .header-profile-user{width:34px;height:34px}.lc-main-content{padding-top:64px!important}.lc-sidebar{top:64px!important}.lc-sidebar-overlay{inset:64px 0 0}.lc-page-content{padding:12px!important}.lc-footer{padding:16px 12px!important}.lc-page-head{align-items:stretch;flex-direction:column;margin-bottom:1rem}.lc-actions{display:grid;grid-template-columns:1fr}.lc-actions .lc-btn{width:100%}.lc-title{font-size:1.25rem}.lc-subtitle{font-size:.8rem}.lc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lc-stat{padding:.8rem}.lc-stat-value{font-size:1.25rem}.lc-grid-2,.lc-grid-3,.lc-grid-4{grid-template-columns:1fr}.lc-service-card{padding:1rem}.lc-service-top{gap:10px}.lc-kv-row{align-items:flex-start}.lc-kv-row strong{max-width:62%}.duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-search-group{display:grid!important;grid-template-columns:1fr}.domain-search-group>*{width:100%!important;border-radius:11px!important;margin:0!important}.domain-result-card{align-items:flex-start;flex-direction:column}.domain-result-card>div:last-child{width:100%;text-align:left!important}.service-server-picker{padding:.85rem}.service-server-picker .d-flex.flex-wrap{width:100%}.service-server-picker .server-btn{flex:1 1 calc(50% - 4px)}.service-package-card .card-body{padding:1rem!important}.website-thumb{width:76px}.checkout-card .card-body{padding:1rem}.summary-list{padding:.2rem .75rem}.summary-list>div{font-size:.77rem}.summary-list strong{max-width:58%}.topup-method-card{padding:15px}.topup-method-icon{width:44px;height:44px}.topup-method-check{width:22px;height:22px}.topup-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-toast-container{padding:74px 10px 0!important;width:100%}.lc-notify-toast{min-width:0;width:100%;max-width:none}.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4{grid-template-columns:1fr!important}}
@media(max-width:575.98px){.card-header{padding:.9rem!important}.card-body{padding:1rem}.page-title-box h4,.page-title-box .mb-sm-0{font-size:1.15rem!important}.lc-stats{grid-template-columns:1fr 1fr}.lc-service-top{flex-direction:column}.lc-service-top>div:last-child{align-self:flex-start}.lc-kv-row{font-size:.76rem}.lc-kv-row strong{max-width:58%}.lc-host-summary-grid,.lc-reseller-summary-grid{grid-template-columns:1fr!important}.lc-host-main-grid,.lc-reseller-main-grid{grid-template-columns:1fr!important}.lc-host-tools-grid,.lc-reseller-quick-grid{grid-template-columns:1fr!important}.lc-host-info-list>div,.lc-reseller-info-list>div{grid-template-columns:86px minmax(0,1fr) auto!important;padding:11px!important}.lc-host-info-list>div .lc-copy-btn:nth-of-type(2),.lc-reseller-info-list>div .lc-reseller-copy:nth-of-type(2){display:none}.lc-reseller-account-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.topup-bank-grid{grid-template-columns:1fr}.topup-qr-box img{max-width:185px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}}
@media(max-width:390px){.lc-stats{grid-template-columns:1fr}.duration-grid{grid-template-columns:1fr 1fr}.service-server-picker .server-btn{flex-basis:100%}.lc-topbar-logo img{max-width:112px}}
.reseller-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,390px));gap:16px;align-items:start}.reseller-package-grid .lc-reseller-price-card{min-width:0}.reseller-package-grid .pricing-box{height:auto!important}.reseller-package-grid .table-responsive{overflow:visible}.reseller-package-grid .table td{padding:.65rem 0!important;border-bottom:1px solid var(--vz-border-color)}.reseller-package-grid .table tr:last-child td{border-bottom:0}.reseller-package-grid .pricing-box .card-body{padding:1.15rem!important}@media(max-width:575.98px){.reseller-package-grid{grid-template-columns:1fr}}

/* utility completion for legacy-but-routed modules */
.space-y-2>*+*{margin-top:.5rem!important}.space-y-3>*+*{margin-top:.75rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-5>*+*{margin-top:1.25rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.divide-y>*+*{border-top:1px solid var(--vz-border-color)!important}.divide-slate-100>*+*{border-color:var(--vz-border-color)!important}.whitespace-nowrap{white-space:nowrap!important}.whitespace-pre-line{white-space:pre-line!important}.whitespace-pre-wrap{white-space:pre-wrap!important}.object-cover{object-fit:cover!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.06em!important}.leading-tight{line-height:1.25!important}.leading-6{line-height:1.5rem!important}.leading-7{line-height:1.75rem!important}.line-clamp-2{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/7\]{aspect-ratio:16/7}.min-h-\[60px\]{min-height:60px}.min-h-\[70vh\]{min-height:70vh}.min-h-\[72vh\]{min-height:72vh}.min-h-\[75vh\]{min-height:75vh}.w-9{width:2.25rem!important}.h-9{height:2.25rem!important}.w-10{width:2.5rem!important}.h-10{height:2.5rem!important}.w-12{width:3rem!important}.h-12{height:3rem!important}.w-14{width:3.5rem!important}.h-14{height:3.5rem!important}.w-40{width:10rem!important}.w-72{width:18rem!important}.h-72{height:18rem!important}.border-b{border-bottom:1px solid var(--vz-border-color)!important}.border-t{border-top:1px solid var(--vz-border-color)!important}.border-dashed{border-style:dashed!important}.border-slate-100,.border-slate-200,.border-gray-100,.border-gray-200,.border-gray-300{border-color:var(--vz-border-color)!important}.bg-emerald-50,.bg-green-50{background:var(--vz-success-bg-subtle)!important}.bg-blue-50,.bg-blue-100{background:var(--vz-info-bg-subtle)!important}.bg-amber-50,.bg-yellow-50{background:var(--vz-warning-bg-subtle)!important}.bg-red-50{background:var(--vz-danger-bg-subtle)!important}.text-emerald-300,.text-emerald-600,.text-emerald-700,.text-green-500,.text-green-600,.text-green-700{color:var(--vz-success)!important}.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800{color:var(--vz-info)!important}.text-amber-700,.text-amber-950{color:var(--vz-warning)!important}.text-red-500,.text-red-600,.text-red-700,.text-red-800{color:var(--vz-danger)!important}.text-slate-300,.text-slate-100{color:var(--vz-secondary-color)!important}.bg-green-600{background:var(--vz-success)!important}.bg-blue-500,.bg-blue-600{background:var(--vz-info)!important}.shadow-sm{box-shadow:0 6px 18px rgba(15,23,42,.05)!important}.shadow{box-shadow:var(--lc-shadow)!important}.shadow-2xl{box-shadow:0 22px 60px rgba(15,23,42,.2)!important}.transition,.transition-all,.transition-colors{transition:.16s ease!important}.opacity-25{opacity:.25!important}.opacity-75{opacity:.75!important}.text-4xl{font-size:1.8rem!important}.text-5xl{font-size:2.2rem!important}.relative{position:relative!important}.absolute{position:absolute!important}.left-4{left:1rem!important}.right-0{right:0!important}.top-3\.5{top:.875rem!important}.top-24{top:6rem!important}.z-50{z-index:1050!important}
.lc-fullscreen-loading{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.58);backdrop-filter:blur(5px)}.lc-fullscreen-loading.hidden{display:none!important}.lc-fullscreen-loading-card{width:min(360px,100%);padding:28px;text-align:center;background:var(--vz-card-bg);border:1px solid var(--vz-border-color);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.25)}
@media(min-width:576px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:flex-row{flex-direction:row!important}.sm\:items-center{align-items:center!important}.sm\:col-span-2{grid-column:span 2/span 2!important}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:col-span-2{grid-column:span 2/span 2!important}.md\:col-span-4{grid-column:span 4/span 4!important}.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}.md\:items-end{align-items:flex-end!important}.md\:py-14{padding-top:3.5rem!important;padding-bottom:3.5rem!important}.md\:text-4xl{font-size:1.8rem!important}.md\:text-5xl{font-size:2.2rem!important}}
@media(min-width:992px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:col-span-2{grid-column:span 2/span 2!important}.lg\:flex-row{flex-direction:row!important}.lg\:items-end{align-items:flex-end!important}}
@media(min-width:1200px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.xl\:col-span-3{grid-column:span 3/span 3!important}}
/* utility bridge completion */
.p-3{padding:.75rem!important}.p-9{padding:2.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.pl-11{padding-left:2.75rem!important}.pr-4{padding-right:1rem!important}.max-w-xs{max-width:20rem!important}.w-fit{width:fit-content!important}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.shrink-0{flex-shrink:0!important}.grow{flex-grow:1!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.min-h-32{min-height:8rem!important}.text-\[11px\]{font-size:11px!important}.bg-emerald-100{background:var(--vz-success-bg-subtle)!important}.bg-red-100{background:var(--vz-danger-bg-subtle)!important}.bg-amber-100{background:var(--vz-warning-bg-subtle)!important}.bg-gray-200{background:var(--vz-light)!important}.text-amber-300{color:#f7c66a!important}.text-emerald-400{color:#63d3ad!important}.text-slate-300{color:#b6c0d0!important}.tracking-widest{letter-spacing:.1em!important}
@media(min-width:992px){.lg\:w-72{width:18rem!important}.lg\:sticky{position:sticky!important}.lg\:top-24{top:6rem!important}}

.source-rich-content{line-height:1.75}.source-rich-content img{display:block;max-width:100%;height:auto;border-radius:12px;margin:14px auto}.source-rich-content table{width:100%;max-width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:14px 0}.source-rich-content th,.source-rich-content td{border:1px solid var(--vz-border-color,#dee2e6);padding:9px 11px}.source-rich-content blockquote{border-left:4px solid var(--vz-primary,#405189);padding:10px 14px;background:var(--vz-light,#f3f6f9);border-radius:0 10px 10px 0}.source-rich-content pre{overflow:auto;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px}
