/* VoiceTracker.net WHMCS 2.3.6
 * Palette, typography, gradients and spacing sampled from the live homepage.
 * Presentation only. Native WHMCS forms, payment fields and event handlers remain intact.
 */
:root, html[data-vt-theme] {
  color-scheme: dark;
  --vt-bg: #0b1424;
  --vt-bg2: #0e1a2e;
  --vt-panel: #132239;
  --vt-panel-soft: #182c46;
  --vt-panel-hover: #1b3250;
  --vt-text: #fff;
  --vt-heading: #fff;
  --vt-muted: #fff;
  --vt-line: #2a405a;
  --vt-line-soft: #2a405a;
  --vt-blue: #328cf8;
  --vt-blue-dark: #116fdc;
  --vt-blue-bright: #59a9ff;
  --vt-shadow: 0 15px 44px rgba(2,10,29,.20);
  --vt-font: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --vt-primary: linear-gradient(180deg,#368ffc,#116fdc);
  --vt-red: #328cf8; --vt-green: #328cf8; --vt-yellow: #328cf8;
  /* Keep older child-theme components on the same palette. */
  --vt2-canvas: var(--vt-bg); --vt2-paper: var(--vt-panel); --vt2-soft: var(--vt-panel-soft);
  --vt2-ink: var(--vt-text); --vt2-heading: #fff; --vt2-muted: var(--vt-muted);
  --vt2-border: var(--vt-line); --vt2-line: var(--vt-line);
  --vt2-blue: var(--vt-blue); --vt2-blue2: var(--vt-blue-bright); --vt2-shadow: var(--vt-shadow);
  --vt21-heading-gradient: linear-gradient(180deg,#182c46,#132239);
  --vt21-control-gradient: linear-gradient(180deg,#1b3250,#182c46);
  --vt21-primary-gradient: var(--vt-primary); --vt21-focus: var(--vt-blue-bright);
}
html { background: var(--vt-bg) !important; scroll-padding-top: 110px; }
html body, html body.vt-site-installed {
  margin: 0 !important; background: var(--vt-bg) !important; color: var(--vt-text) !important;
  font: 14px/1.65 var(--vt-font) !important; letter-spacing: -.008em;
  -webkit-font-smoothing: antialiased;
}
html body *, html body *::before, html body *::after { box-sizing: border-box; }
html body::before { display: none !important; }
html body a { color: #82bfff; text-decoration: none; }
html body a:hover { color: #b7d6ff; }
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .card-title, html body .panel-title {
  color: #fff !important; font-family: var(--vt-font) !important; letter-spacing: -.025em;
}
html body .text-dark, html body .text-body, html body .text-black { color: var(--vt-text) !important; }
html body .text-muted, html body .text-secondary, html body small.text-muted { color: var(--vt-muted) !important; }
html body .text-primary { color: var(--vt-blue-bright) !important; }
html body a:focus-visible, html body button:focus-visible, html body input:focus-visible,
html body select:focus-visible, html body textarea:focus-visible, html body summary:focus-visible {
  outline: 3px solid var(--vt-blue-bright) !important; outline-offset: 3px;
}
html body button, html body input, html body select, html body textarea { font-family: var(--vt-font); }

/* The logo is in the first server response, with its original aspect ratio.
 * Empty alt + an accessible link label prevents a broken/slow-image text flash.
 */
html body #vt-site-header, html body #vt-site-header .vt-site-header,
html body #vt-site-header .vt-site-navigation { font-family: var(--vt-font) !important; }
html body #vt-site-header {
  display: block !important; position: sticky; top: 0; z-index: 1030;
  margin: 0 !important; background: #0c1627 !important; color: var(--vt-text) !important;
  box-shadow: none !important;
}
html body #vt-site-header .vt-site-header {
  background: rgba(12,22,39,.96) !important; border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important; padding: 0 !important;
}
html body #vt-site-header .vt-site-inner {
  width: min(1152px,calc(100% - 48px)) !important; max-width: 1152px !important;
  min-height: 76px !important; margin: 0 auto !important; padding: 0 !important;
  display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 28px !important;
}
html body #vt-site-header .vt-site-logo {
  display: inline-flex !important; align-items: center !important; flex: 0 0 245px !important;
  width: 245px !important; max-width: 245px !important; min-width: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden !important;
  font-size: 0 !important; line-height: 0 !important; text-decoration: none !important;
}
html body #vt-site-header .vt-site-logo img.vt-whmcs-logo {
  display: block !important; width: 100% !important; max-width: 100% !important;
  height: auto !important; max-height: none !important; aspect-ratio: 2065 / 332;
  object-fit: contain !important; object-position: left center;
}
html body #vt-site-header .vt-site-logo > span,
html body #vt-site-header .vt-site-tagline,
html body #vt-modern-theme-toggle, html body .vt-modern-toggle { display: none !important; }
html body #vt-site-header .vt-public-nav {
  display: flex; align-items: center; gap: 27px; margin-left: auto;
}
html body #vt-site-header .vt-public-nav a {
  display: inline-block; padding: 0; border: 0; background: transparent;
  font-family: var(--vt-font); font-style: normal; text-decoration: none;
  color: #bbcadc !important; font-size: 13px !important; font-weight: 650 !important;
  white-space: nowrap; transition: color .18s; box-shadow: none;
}
html body #vt-site-header .vt-public-nav a:hover,
html body #vt-site-header .vt-public-nav a:focus-visible { color: #fff !important; background: transparent; }
html body #vt-site-header .vt-site-actions { display: flex; align-items: center; gap: 10px; margin-left: 0; }
html body #vt-site-header .vt-cloud-login {
  text-decoration: none !important;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 36px; padding: 8px 13px; border-radius: 9px; border: 1px solid #347cdb;
  background: var(--vt-primary) !important; color: #fff !important;
  font-size: 12px; font-weight: 760; line-height: 1.3; white-space: nowrap;
  box-shadow: 0 5px 15px rgba(7,108,220,.19); transition: background .18s,transform .18s,border-color .18s,box-shadow .18s;
}
html body #vt-site-header .vt-cloud-login:hover,
html body #vt-site-header .vt-cloud-login:focus-visible {
  background: linear-gradient(180deg,#4aa3ff,#247ee5) !important;
  box-shadow: 0 7px 19px rgba(7,108,220,.23); transform: translateY(-1px);
}
html body #vt-site-header .vt-cart-slot:empty { display: none; }
html body #vt-site-header .vt-cart-slot .cart-btn {
  display: inline-flex !important; align-items: center !important; gap: 5px;
  min-height: 36px !important; padding: 7px !important; border: 0 !important;
  background: transparent !important; color: #bbcadc !important; box-shadow: none !important;
}
html body #vt-site-header .vt-cart-slot .badge {
  background: #182c46 !important; color: #dceafd !important; font-size: 10px; border: 1px solid var(--vt-line);
}
html body #vt-site-header .vt-mobile-toggle {
  display: none; place-items: center; height: 38px; width: 38px;
  padding: 0; border: 1px solid rgba(180,200,227,.23); border-radius: 10px;
  background: rgba(255,255,255,.055); color: #eef6ff; cursor: pointer;
}
html body #vt-site-header .vt-mobile-toggle[hidden] { display: none !important; }

/* WHMCS's actual navigation is moved here without cloning links or handlers. */
html body #vt-site-header .vt-site-navigation {
  background: var(--vt-bg2) !important; border: 0 !important; padding: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}
html body #vt-site-header .vt-site-menu {
  width: min(1152px,calc(100% - 48px)) !important; max-width: 1152px !important;
  margin: 0 auto !important; padding: 5px 0 !important;
}
html body #vt-site-header .main-navbar-wrapper, html body #vt-site-header .navbar-main {
  display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  min-height: 38px !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; font-family: var(--vt-font) !important;
}
html body #vt-site-header .main-navbar-wrapper > .container,
html body #vt-site-header .main-navbar-wrapper > .container-fluid,
html body #vt-site-header .navbar-main > .container {
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
}
html body #vt-site-header .navbar-collapse { background: transparent !important; border: 0 !important; }
html body #vt-site-header .navbar-nav {
  align-items: center !important; gap: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;
  padding: 0 !important; list-style: none !important;
}
html body #vt-site-header .navbar-nav > li {
  margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
}
html body #vt-site-header .navbar-nav > li::before,
html body #vt-site-header .navbar-nav > li::after { content: none !important; }
html body #vt-site-header .navbar-nav > li > a {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px;
  min-height: 38px !important; margin: 0 !important; padding: 9px 13px !important;
  border: 0 !important; border-radius: 8px !important; box-shadow: none !important;
  background: transparent !important; color: #bbcadc !important;
  font: 650 12px/1.4 var(--vt-font) !important; text-decoration: none !important; white-space: nowrap;
}
html body #vt-site-header .navbar-nav > li > a:hover,
html body #vt-site-header .navbar-nav > li > a:focus,
html body #vt-site-header .navbar-nav > li.show > a { background: #182c46 !important; color: #fff !important; }
html body #vt-site-header .navbar-nav > li.active > a,
html body #vt-site-header .navbar-nav > li > a.active { background: #1b3250 !important; color: #fff !important; }
html body #vt-site-header .dropdown-menu {
  min-width: 190px; padding: 6px !important; z-index: 1050 !important;
  border: 1px solid var(--vt-line) !important; border-radius: 10px !important;
  background: var(--vt-panel) !important; box-shadow: 0 15px 44px rgba(2,10,29,.35) !important;
}
html body #vt-site-header .dropdown-menu li, html body #vt-site-header .dropdown-menu .dropdown-item {
  float: none !important; width: 100%; margin: 0 !important; padding: 0 !important;
  border: 0 !important; background: transparent !important;
}
html body #vt-site-header .dropdown-menu li > a,
html body #vt-site-header .dropdown-menu a.dropdown-item {
  display: block !important; width: 100% !important; padding: 10px 12px !important;
  color: #dceafd !important; background: transparent !important; border: 0 !important;
  border-radius: 6px !important; font: 550 12px/1.5 var(--vt-font) !important;
  text-align: left !important; text-decoration: none !important; white-space: normal;
}
html body #vt-site-header .dropdown-menu li > a:hover,
html body #vt-site-header .dropdown-menu a.dropdown-item:hover,
html body #vt-site-header .dropdown-menu a.dropdown-item:focus { background: #1b3250 !important; color: #fff !important; }
html body #vt-site-header .dropdown-divider { border-color: var(--vt-line) !important; margin: 5px 6px; }
html body #vt-site-header .vt-mobile-site-links { display: none; }
html body header#header .navbar-brand, html body header.header .navbar-brand { visibility: hidden !important; }
html body.vt-site-installed header#header > .navbar.navbar-light,
html body.vt-site-installed header.header > .navbar.navbar-light { display: none !important; }
html body.vt-site-installed header#header.vt-original-header,
html body.vt-site-installed header.header.vt-original-header { border: 0 !important; background: var(--vt-bg2) !important; }
/* Native header stays usable if the external enhancement script cannot load. */
html body > header#header, html body > header.header {
  background: var(--vt-bg2) !important; border-color: var(--vt-line) !important;
}
html body > header#header .navbar, html body > header.header .navbar { background: var(--vt-bg2) !important; }
html body > header#header .navbar a, html body > header.header .navbar a { color: #dceafd !important; }

/* Shared page grid: the website's exact 1152px maximum and 24/16px gutters. */
html body section#main-body {
  display: block !important; width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 38px 0 62px !important; background: var(--vt-bg) !important;
  min-height: calc(100vh - 310px);
}
html body section#main-body > div, html body section#main-body > .vt-main-centered {
  width: min(1152px,calc(100% - 48px)) !important; max-width: 1152px !important;
  margin: 0 auto !important; padding: 0 !important; float: none !important;
}
html body #main-body .primary-content, html body #main-body .main-content { min-width: 0 !important; }
html body #main-body .header-lined, html body #order-standard_cart .header-lined {
  margin: 0 0 26px !important; padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
html body #main-body .header-lined h1, html body #order-standard_cart .header-lined h1 {
  margin: 0 !important; padding: 0 !important; color: #fff !important;
  font-size: clamp(25px,3.1vw,36px) !important; line-height: 1.2 !important;
  font-weight: 790 !important; letter-spacing: -.035em !important;
}
html body #main-body .header-lined p { margin: 10px 0 0; color: var(--vt-muted) !important; }
html body .master-breadcrumb, html body .breadcrumb {
  margin: 0 !important; border: 0 !important; background: var(--vt-bg) !important;
  color: var(--vt-muted) !important; box-shadow: none !important;
}
html body .master-breadcrumb > .container { max-width: 1152px; }
html body .breadcrumb { padding: 14px 0 0 !important; font-size: 11px; }
html body .breadcrumb-item.active { color: var(--vt-muted) !important; }
html body:has(#order-standard_cart) .master-breadcrumb { display: none !important; }

/* Client area, support, articles and authentication. */
html body #main-body .card, html body #main-body .panel,
html body #main-body .well, html body #main-body .logincontainer,
html body #main-body .product-details, html body #main-body .domain-checker-container,
html body #main-body .home-shortcuts, html body #main-body .tiles .tile,
html body .modal-content {
  background: var(--vt-panel) !important; color: var(--vt-text) !important;
  border: 1px solid var(--vt-line) !important; border-radius: 14px !important;
  box-shadow: var(--vt-shadow) !important;
}
html body #main-body .card-header, html body #main-body .panel-heading,
html body .modal-header {
  background: var(--vt-panel) !important; color: #fff !important;
  border-color: var(--vt-line) !important; border-radius: 13px 13px 0 0 !important;
  padding: 17px 20px !important;
}
html body #main-body .card-header h3, html body #main-body .panel-heading h3 {
  margin: 0 !important; font-size: 14px !important; font-weight: 750 !important;
}
html body #main-body .card-body, html body #main-body .panel-body {
  background: transparent !important; color: var(--vt-text) !important; padding: 20px !important;
}
html body #main-body .card-footer, html body #main-body .panel-footer, html body .modal-footer {
  background: var(--vt-panel-soft) !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important;
}
html body #main-body .card-footer:last-child, html body #main-body .panel-footer { border-radius: 0 0 13px 13px !important; }
html body #main-body .card, html body #main-body .panel { margin-bottom: 16px !important; }
html body #main-body .list-group { background: transparent !important; border: 0 !important; border-radius: 0 0 13px 13px !important; }
html body #main-body .list-group-item {
  background: var(--vt-panel) !important; color: #dceafd !important;
  border: 0 !important; border-bottom: 1px solid var(--vt-line) !important;
  border-radius: 0 !important; padding: 12px 16px !important; box-shadow: none !important;
}
html body #main-body .list-group-item:last-child { border-bottom: 0 !important; border-radius: 0 0 13px 13px !important; }
html body #main-body .list-group-item:hover { background: var(--vt-panel-hover) !important; color: #fff !important; }
html body #main-body .list-group-item.active, html body #main-body .list-group-item.active:hover {
  background: #1b3250 !important; color: #fff !important; box-shadow: inset 3px 0 #328cf8 !important;
}
html body #main-body .client-home-cards .card, html body #main-body .tiles .tile { border-top: 3px solid var(--vt-blue) !important; }
html body #main-body .tiles .tile .stat,
html body #main-body .client-home-cards .card .card-body strong { color: #fff !important; }
html body #main-body .home-shortcuts .lead,
html body #main-body .product-details .product-header {
  background: var(--vt-panel) !important; color: #fff !important; border-color: var(--vt-line) !important;
}
html body #main-body .tiles .tile .icon, html body #main-body .home-shortcuts i { color: var(--vt-blue-bright) !important; }
html body #main-body .bg-white, html body #main-body .bg-light,
html body #main-body .announcement-content, html body #main-body .announcement-single .card-body,
html body #main-body .announcement article, html body #main-body article.announcement {
  background: var(--vt-panel) !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important;
}
html body #main-body .announcement-content p, html body #main-body .announcement-single p,
html body #main-body .kb-article-content p { color: var(--vt-muted) !important; }
html body #main-body .announcement-content a, html body #main-body .kb-article-content a { color: #82bfff !important; }
html body #main-body .logincontainer { position: relative; overflow: hidden; padding: 28px !important; }
html body #main-body .logincontainer::before,
html body #main-body .login-wrapper .card::before,
html body #main-body .register-page .card::before {
  position: absolute; top: 0; left: 0; right: 0; height: 4px; margin: 0;
  background: linear-gradient(90deg,#126bd7,#3a9eff,#8dc8ff);
}
html body #main-body .logincontainer .logincontainer { padding: 0 !important; border: 0 !important; box-shadow: none !important; }
html body #main-body .logincontainer h1 { font-size: 30px !important; }
html body hr { border-color: var(--vt-line) !important; }
html body pre, html body code { background: #0e1a2e; color: #c6e2ff; border-color: var(--vt-line); }

/* Text controls only: payment iframe interiors, radio and checkbox geometry stay native. */
html body label, html body legend { color: #e3efff !important; font-weight: 650; }
html body .form-control, html body .custom-select, html body .input-group-text,
html body #order-standard_cart .form-control, html body #order-standard_cart .custom-select,
html body .dataTables_wrapper input[type="search"], html body .dataTables_wrapper select,
html body .select2-container .select2-selection {
  min-height: 42px !important; max-width: 100%; border: 1px solid #405875 !important;
  border-radius: 9px !important; background-color: #182c46 !important; color: var(--vt-text) !important;
  font: 13px/1.5 var(--vt-font) !important; box-shadow: none !important;
}
html body textarea.form-control { min-height: 112px !important; height: auto; }
html body .form-control:focus, html body .custom-select:focus,
html body #order-standard_cart .form-control:focus {
  border-color: var(--vt-blue-bright) !important; box-shadow: 0 0 0 3px rgba(50,140,248,.18) !important;
}
html body .form-control::placeholder, html body .form-control::-webkit-input-placeholder { color: #adbed5 !important; opacity: 1; }
html body .form-control[readonly], html body .form-control:disabled { background-color: #132239 !important; color: #9cacc1 !important; }
html body .input-group-text { background-color: #1b3250 !important; color: var(--vt-muted) !important; }
html body .input-group > .form-control:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html body .input-group > .form-control:not(:first-child), html body .input-group-append .btn { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
html body .input-group-prepend .btn, html body .input-group-prepend .input-group-text { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html body .select2-dropdown, html body .select2-container .select2-results__option { background: #182c46 !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important; }
html body .select2-container .select2-selection__rendered { color: var(--vt-text) !important; }
html body .select2-container .select2-results__option--highlighted { background: #1b3250 !important; }
html body .dropdown-menu { background: var(--vt-panel) !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important; border-radius: 10px !important; }
html body .dropdown-item { color: #dceafd !important; }
html body .dropdown-item:hover, html body .dropdown-item:focus { background: var(--vt-panel-hover) !important; color: #fff !important; }
html body input[type="checkbox"], html body input[type="radio"] { accent-color: #328cf8; }
html body .custom-control-label::before { background-color: #182c46; border-color: #607d9d; }
html body .custom-control-input:checked ~ .custom-control-label::before { background-color: #116fdc; border-color: #59a9ff; }
html body .form-text, html body .help-block, html body .help-inline { color: var(--vt-muted) !important; }
html body #main-body .sub-heading { border-color: var(--vt-line) !important; }
html body #main-body .sub-heading span { background: var(--vt-bg) !important; color: #fff !important; }

/* The same blue gradient and nine-pixel corners as the homepage buttons. */
html body .btn, html body #order-standard_cart .btn {
  min-height: 42px !important; padding: 10px 17px !important; border-radius: 9px !important;
  font: 760 13px/1.3 var(--vt-font) !important; text-decoration: none !important;
  transition: background .18s,transform .18s,border-color .18s,box-shadow .18s;
}
html body .btn-primary, html body .btn-success, html body .btn-info,
html body #order-standard_cart .btn-primary, html body #order-standard_cart .btn-success,
html body #order-standard_cart .btn-checkout, html body #order-standard_cart .checkout-btn {
  color: #fff !important; background: var(--vt-primary) !important; border: 1px solid #347cdb !important;
  box-shadow: 0 5px 15px rgba(7,108,220,.19) !important;
}
html body .btn-primary:hover, html body .btn-success:hover, html body .btn-info:hover,
html body #order-standard_cart .btn-primary:hover, html body #order-standard_cart .btn-success:hover,
html body #order-standard_cart .btn-checkout:hover {
  background: linear-gradient(180deg,#4aa3ff,#247ee5) !important;
  box-shadow: 0 7px 19px rgba(7,108,220,.23) !important;
}
html body .btn-primary:not(:disabled):not(.disabled):hover,
html body .btn-success:not(:disabled):not(.disabled):hover,
html body .btn-info:not(:disabled):not(.disabled):hover,
html body #order-standard_cart .btn-checkout:not(:disabled):not(.disabled):hover,
html body #order-standard_cart .checkout-btn:not(:disabled):not(.disabled):hover,
html body .btn-primary:focus-visible, html body .btn-success:focus-visible, html body .btn-info:focus-visible {
  color: #fff !important; background: linear-gradient(180deg,#4aa3ff,#247ee5) !important;
  box-shadow: 0 7px 19px rgba(7,108,220,.23) !important; transform: translateY(-1px) !important;
}
html body .btn-default, html body .btn-secondary, html body .btn-light,
html body #order-standard_cart .btn-default, html body #order-standard_cart .btn-secondary {
  color: #dceafd !important; background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(194,213,237,.30) !important; box-shadow: none !important;
}
html body .btn-default:hover, html body .btn-secondary:hover, html body .btn-light:hover { background: rgba(255,255,255,.12) !important; color: #fff !important; }
html body .btn-danger { color: #ffe8ed !important; background: #652e40 !important; border: 1px solid #a64d67 !important; }
html body .btn-danger:hover { background: #843b52 !important; }
html body .btn-link { min-height: 0 !important; padding: 0 !important; background: transparent !important; color: #82bfff !important; box-shadow: none !important; }
html body .btn:disabled, html body .btn.disabled { opacity: .55 !important; }
html body .badge-primary, html body .badge-info { background: #19446d !important; color: #c6e3ff !important; }
html body .badge-success { background: #174137 !important; color: #d0f2e5 !important; }
html body .badge-warning { background: #4a3c28 !important; color: #ffe7b7 !important; }
html body .badge-danger { background: #512b36 !important; color: #ffe6ee !important; }
html body .alert { border-radius: 10px !important; box-shadow: none !important; }
html body .alert-info { background: #183957 !important; border: 1px solid #2d6b9d !important; color: #e3f2ff !important; }
html body .alert-success { background: #174137 !important; border: 1px solid #286856 !important; color: #d0f2e5 !important; }
html body .alert-warning { background: #4a3c28 !important; border: 1px solid #856a35 !important; color: #ffe7b7 !important; }
html body .alert-danger { background: #512b36 !important; border: 1px solid #8d485b !important; color: #ffe6ee !important; }
html body .alert a { color: inherit !important; text-decoration: underline; }
html body .close { color: var(--vt-muted) !important; text-shadow: none !important; opacity: .9; }

/* Tables, billing histories, support lists and native tabs. */
html body #main-body .table, html body #main-body .table-list {
  background: var(--vt-panel) !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important;
}
html body #main-body .table thead th, html body #main-body .table-list thead th {
  background: #182c46 !important; color: #f4f8ff !important; border-color: var(--vt-line) !important;
}
html body #main-body .table td, html body #main-body .table th,
html body #main-body .table-list td { color: var(--vt-text) !important; border-color: var(--vt-line) !important; }
html body #main-body .table-striped > tbody > tr:nth-of-type(odd) { background: #162840 !important; }
html body #main-body .table-hover > tbody > tr:hover { background: #1b3250 !important; }
html body .dataTables_wrapper, html body .dataTables_info, html body .dataTables_length, html body .dataTables_filter { color: var(--vt-muted) !important; }
html body .page-link { background: var(--vt-panel) !important; color: #c6e2ff !important; border-color: var(--vt-line) !important; }
html body .page-item.active .page-link { background: #116fdc !important; color: #fff !important; border-color: #328cf8 !important; }
html body #main-body .nav-tabs, html body #order-standard_cart .nav-tabs { border-color: var(--vt-line) !important; }
html body #main-body .nav-tabs .nav-link, html body #order-standard_cart .nav-tabs .nav-link {
  color: var(--vt-muted) !important; border-radius: 9px 9px 0 0 !important; border-color: transparent !important;
}
html body #main-body .nav-tabs .nav-link.active, html body #order-standard_cart .nav-tabs .nav-link.active {
  color: #fff !important; background: var(--vt-panel) !important; border-color: var(--vt-line) !important; border-bottom-color: var(--vt-panel) !important;
}
html body #main-body .tab-content, html body #order-standard_cart .view-cart-tabs .tab-content { background: var(--vt-panel) !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important; }
html body #main-body .ticket-reply, html body #main-body .ticket-reply .message { background: var(--vt-panel) !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important; }
html body #main-body .ticket-reply.staff { background: var(--vt-bg2) !important; }

/* Standard Cart: remove the outer white frame, keep every real product and price. */
html body #order-standard_cart, html body #order-standard_cart .cart-body,
html body #order-standard_cart > .row > .cart-body,
html body #order-standard_cart .product-configure, html body #order-standard_cart .configure-product {
  min-width: 0 !important; background: transparent !important; color: var(--vt-text) !important;
  border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important;
  font-family: var(--vt-font) !important;
}
html body #order-standard_cart { width: 100%; max-width: 100%; padding: 0 !important; }
html body #order-standard_cart > .row { margin: 0 !important; }
html body #order-standard_cart > .row > .cart-body { margin: 0 !important; padding: 0 !important; }
html body #order-standard_cart .cart-body:has(.products) { padding: 0 !important; }
html body #order-standard_cart .products { margin: 0 !important; container-type: normal !important; }
html body #order-standard_cart .products > .row {
  display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 18px !important; margin: 0 0 18px !important; padding: 0 !important;
}
html body #order-standard_cart .products > .row:empty { display: none !important; }
html body #order-standard_cart .products > .row > [class*="col-"] {
  display: flex !important; width: auto !important; max-width: none !important; min-width: 0 !important;
  float: none !important; flex: none !important; padding: 0 !important; margin: 0 !important;
}
html body #order-standard_cart .products .product {
  position: relative; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important;
  width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; overflow: hidden;
  background: var(--vt-panel) !important; color: var(--vt-text) !important;
  border: 1px solid var(--vt-line) !important; border-radius: 16px !important; box-shadow: var(--vt-shadow) !important;
}
html body #order-standard_cart .products .product::before {
  content: ""; display: block; height: 4px; flex: 0 0 4px;
  background: linear-gradient(90deg,#126bd7,#3a9eff,#8dc8ff);
}
html body #order-standard_cart .products .product > header {
  margin: 0 !important; padding: 25px 26px 8px !important; border: 0 !important;
  background: transparent !important; color: #fff !important;
  font: 800 21px/1.3 var(--vt-font) !important; letter-spacing: -.035em;
}
/* Standard Cart colors the nested title span independently of its header. */
html body #order-standard_cart .products .product header span,
html body #order-standard_cart .products .product .product-name,
html body #order-standard_cart .products .product .product-title {
  color: #fff !important;
}
html body #order-standard_cart .products .product header span:not(.qty) {
  font-size: inherit !important; line-height: inherit !important;
}
html body #order-standard_cart .products .product .product-desc {
  flex: 1 1 auto !important; min-height: 0 !important; padding: 8px 26px 19px !important; margin: 0 !important;
  color: var(--vt-muted) !important; background: transparent !important; font-size: 13px !important; line-height: 1.8 !important;
}
html body #order-standard_cart .products .product .product-desc p,
html body #order-standard_cart .products .product .product-desc li { color: var(--vt-muted) !important; line-height: 1.8 !important; }
html body #order-standard_cart .products .product .product-desc p { margin: 0 !important; }
html body #order-standard_cart .products .product .product-desc ul:empty { display: none; }
html body #order-standard_cart .products .product > footer {
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  justify-content: flex-start !important; gap: 16px !important; width: 100% !important;
  margin: 0 !important; padding: 20px 26px 25px !important; text-align: left !important;
  background: transparent !important; border: 0 !important; border-top: 1px solid var(--vt-line) !important;
}
html body #order-standard_cart .products .product .product-pricing {
  display: block !important; flex: 0 1 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; color: var(--vt-muted) !important;
  font-size: 12px !important; line-height: 1.4 !important;
}
html body #order-standard_cart .products .product .product-pricing .price {
  display: inline-block; color: #fff !important; font-size: 32px !important; font-weight: 840 !important;
  line-height: 1.15 !important; letter-spacing: -.045em; white-space: normal !important;
}
html body #order-standard_cart .products .product .btn-order-now {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 9px;
  width: 100% !important; min-height: 46px !important; margin: 0 !important;
  padding: 12px 19px !important; font-size: 13px !important;
}

/* Configure, review and checkout: all captions and panel interiors stay navy. */
html body #order-standard_cart .product-info, html body #order-standard_cart .product-details,
html body #order-standard_cart .product-description, html body #order-standard_cart .product-configurable-options,
html body #order-standard_cart .order-summary, html body #order-standard_cart .view-cart-items,
html body #order-standard_cart .domain-selection-options .option, html body #order-standard_cart .promo-code {
  background: var(--vt-panel) !important; color: var(--vt-text) !important;
  border: 1px solid var(--vt-line) !important; border-radius: 14px !important; box-shadow: var(--vt-shadow) !important;
}
html body #order-standard_cart .product-info, html body #order-standard_cart .product-details { padding: 22px 24px !important; }
html body #order-standard_cart .product-info p, html body #order-standard_cart .product-details p,
html body #order-standard_cart .product-description p { color: var(--vt-muted) !important; }
html body #order-standard_cart .order-summary { overflow: hidden; padding: 0 !important; }
html body #order-standard_cart .order-summary > h2,
html body #order-standard_cart .order-summary > .header,
html body #order-standard_cart .order-summary > header,
html body #order-standard_cart .order-summary .summary-header,
html body #order-standard_cart .order-summary .summary-heading,
html body #order-standard_cart .summary-container > .summary-heading,
html body #order-standard_cart .view-cart-items-header {
  padding: 17px 20px !important; margin: 0 !important; background: #182c46 !important;
  color: #fff !important; border: 0 !important; border-bottom: 1px solid var(--vt-line) !important;
  font: 750 15px/1.4 var(--vt-font) !important; border-radius: 13px 13px 0 0 !important;
}
html body #order-standard_cart .order-summary .summary-container {
  padding: 20px !important; margin: 0 !important; background: var(--vt-panel) !important;
  color: var(--vt-text) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
/* Continue belongs to the summary card, below its total, at every screen size. */
html body .order-summary > .vt-summary-actions {
  display: flex; padding: 0 20px 20px; background: var(--vt-panel);
  border-radius: 0 0 13px 13px;
}
html body #order-standard_cart .order-summary > .vt-summary-actions > .btn,
html body .order-summary > .vt-summary-actions > .btn {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 9px;
  width: 100% !important; margin: 0 !important; min-height: 46px !important;
  padding: 12px 19px !important; white-space: normal;
}
html body .order-summary > .vt-summary-actions > .btn svg { width: 16px; height: 16px; flex: none; }
html body #order-standard_cart .summary-container .subtotal,
html body #order-standard_cart .summary-container .recurring-totals,
html body #order-standard_cart .summary-container .recurring-charges,
html body #order-standard_cart .summary-container .total-due-today {
  background: transparent !important; color: var(--vt-text) !important; border-color: var(--vt-line) !important;
}
html body #order-standard_cart .summary-container .total-due-today { padding-top: 18px !important; }
html body #order-standard_cart .summary-container .total-due-today .amt { color: #fff !important; font-size: 30px !important; letter-spacing: -.04em; }
html body #order-standard_cart .view-cart-items { border-radius: 0 0 13px 13px !important; border-top: 0 !important; }
html body #order-standard_cart .view-cart-items .item { padding: 20px !important; background: transparent !important; border-color: var(--vt-line) !important; }
html body #order-standard_cart .view-cart-items .item-title, html body #order-standard_cart .view-cart-items .item-price { color: #fff !important; }
html body #order-standard_cart .view-cart-items .item-group { color: var(--vt-muted) !important; }
html body #order-standard_cart .sub-heading { border-color: var(--vt-line) !important; }
html body #order-standard_cart .sub-heading span { background: var(--vt-bg) !important; color: #fff !important; padding: 0 12px; }
html body #order-standard_cart .form-group .custom-control-label { background: transparent !important; color: var(--vt-text) !important; }
html body #order-standard_cart #existingAccount, html body #order-standard_cart #newAccount { color: var(--vt-text) !important; }
html body #order-standard_cart .view-cart-items .item .btn-remove-from-cart,
html body #order-standard_cart #btnEmptyCart {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 5px;
  min-height: 34px !important; padding: 7px 11px !important; border-radius: 8px !important;
  background: #3e2535 !important; color: #ffc8d7 !important; border: 1px solid #754058 !important;
  font: 650 12px/1.3 var(--vt-font) !important;
}
html body #order-standard_cart .view-cart-items .item .btn-remove-from-cart:hover,
html body #order-standard_cart #btnEmptyCart:hover { background: #572e43 !important; border-color: #a35873 !important; color: #ffe6ee !important; }

/* Native cart confirmation: same surfaces, typography and button geometry. */
html body #vt-cart-confirm-overlay {
  position: fixed !important; inset: 0 !important; z-index: 2147483000 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 20px !important; background: rgba(2,10,29,.76) !important; backdrop-filter: blur(5px);
}
html body #vt-cart-confirm-overlay .vt-cart-confirm-dialog {
  width: min(100%,440px) !important; max-width: 440px !important; overflow: hidden;
  background: var(--vt-panel) !important; color: var(--vt-text) !important;
  border: 1px solid var(--vt-line) !important; border-radius: 16px !important;
  box-shadow: 0 25px 80px rgba(2,10,29,.6) !important; font: 14px/1.65 var(--vt-font) !important;
}
html body #vt-cart-confirm-overlay .vt-cart-confirm-top { display: flex; gap: 13px; align-items: center; padding: 25px 25px 14px; }
html body #vt-cart-confirm-overlay .vt-cart-confirm-icon {
  display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px;
  border-radius: 11px; background: #3e2535; color: #ffc8d7; font-size: 20px;
}
html body #vt-cart-confirm-overlay .vt-cart-confirm-title { margin: 0 !important; padding: 0 !important; color: #fff !important; font: 790 21px/1.25 var(--vt-font) !important; letter-spacing: -.035em; }
html body #vt-cart-confirm-overlay .vt-cart-confirm-copy { margin: 0 !important; padding: 0 25px 24px; color: var(--vt-muted) !important; font: 14px/1.65 var(--vt-font) !important; }
html body #vt-cart-confirm-overlay .vt-cart-confirm-actions { display: flex; justify-content: flex-end; gap: 10px; padding: 17px 25px; background: var(--vt-panel-soft); border-top: 1px solid var(--vt-line); }
html body #vt-cart-confirm-overlay button { min-height: 42px; padding: 10px 17px; border-radius: 9px; font: 760 13px/1.3 var(--vt-font); cursor: pointer; }
html body #vt-cart-confirm-overlay .vt-confirm-cancel { background: rgba(255,255,255,.055); color: #dceafd; border: 1px solid rgba(194,213,237,.30); }
html body #vt-cart-confirm-overlay .vt-confirm-cancel:hover { background: rgba(255,255,255,.12); }
html body #vt-cart-confirm-overlay .vt-confirm-delete { background: #8b3651; color: #fff; border: 1px solid #b65373; }
html body #vt-cart-confirm-overlay .vt-confirm-delete:hover { background: #a74262; }
html body #vt-cart-confirm-overlay button:disabled { opacity: .6; cursor: wait; }

/* Footer matches the homepage's quieter navy band. */
html body footer#footer, html body footer.footer, html body #main-footer {
  padding: 28px 0 !important; margin: 0 !important; background: #0a1322 !important;
  color: #c1d0e3 !important; border-top: 1px solid rgba(255,255,255,.09) !important;
}
html body footer#footer > .container, html body footer.footer > .container { width: min(1152px,calc(100% - 48px)) !important; max-width: 1152px !important; padding: 0 !important; }
html body footer#footer a, html body footer.footer a { color: #b4c7dd !important; font-size: 12px; font-weight: 650; }
html body footer#footer a:hover, html body footer.footer a:hover { color: #fff !important; }
html body footer#footer .copyright, html body footer.footer .copyright { color: #8ca0b8 !important; font-size: 10px; }
html body footer#footer .mb-7 { margin-bottom: 16px !important; }

/* WHMCS uses an XL account menu; keep its complete navigation usable below 1200. */
@media (min-width:1200px) {
  html body #vt-site-header #mainNavbar { display: flex !important; flex-wrap: nowrap !important; align-items: center; }
  html body #vt-site-header .navbar-nav { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; }
}
@media (max-width:1199.98px) {
  html body #vt-site-header .vt-public-nav { display: none; }
  html body #vt-site-header .vt-site-actions { margin-left: auto; }
  html body #vt-site-header .vt-mobile-toggle:not([hidden]) { display: grid; }
  html body.vt-site-installed #vt-site-header .vt-site-navigation { display: none; }
  html body.vt-site-installed #vt-site-header.vt-menu-open .vt-site-navigation { display: block; }
  html body #vt-site-header .vt-site-menu { padding: 14px 0 !important; }
  html body #vt-site-header .vt-site-navigation { max-height: calc(100dvh - 76px); overflow-y: auto; }
  html body #vt-site-header #mainNavbar { display: block !important; height: auto !important; }
  html body #vt-site-header .navbar-nav { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
  html body #vt-site-header .navbar-nav > li > a { justify-content: flex-start !important; min-height: 44px !important; }
  html body #vt-site-header .dropdown-menu { position: static !important; width: 100%; margin: 0 0 8px; box-shadow: none !important; }
  html body #vt-site-header .vt-mobile-site-links { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px; padding: 14px 12px 0; border-top: 1px solid var(--vt-line); }
  html body #vt-site-header .vt-mobile-site-links a { color: #bbcadc !important; font-size: 13px; font-weight: 650; padding: 5px 0; transition: color .18s; }
  html body #vt-site-header .vt-mobile-site-links a:hover,
  html body #vt-site-header .vt-mobile-site-links a:focus-visible { color: #fff !important; }
}
@media (max-width:1050px) {
  html body #vt-site-header .vt-site-logo { flex-basis: 213px !important; width: 213px !important; max-width: 213px !important; }
  html body #vt-site-header .vt-site-inner { gap: 17px !important; }
}
@media (max-width:840px) {
  html body #vt-site-header .vt-site-inner { min-height: 68px !important; }
  html body #vt-site-header .vt-site-logo { flex-basis: 205px !important; width: 205px !important; max-width: 205px !important; }
}
@media (max-width:650px) {
  html body #vt-site-header .vt-site-inner, html body #vt-site-header .vt-site-menu,
  html body section#main-body > div, html body section#main-body > .vt-main-centered,
  html body footer#footer > .container, html body footer.footer > .container { width: calc(100% - 32px) !important; }
  html body #vt-site-header .vt-site-inner { min-height: 61px !important; gap: 10px !important; }
  html body #vt-site-header .vt-site-logo { flex: 0 1 177px !important; width: 177px !important; max-width: 177px !important; }
  html body #vt-site-header .vt-site-actions { gap: 7px; }
  html body #vt-site-header .vt-cloud-login { min-height: 34px; padding: 7px 9px; font-size: 11px; }
  html body #vt-site-header .vt-mobile-toggle { width: 34px; height: 34px; }
  html body #vt-site-header .vt-cart-slot .cart-btn { padding: 4px !important; min-height: 34px !important; font-size: 12px !important; }
  html body section#main-body { padding-top: 27px !important; padding-bottom: 42px !important; }
  html body #order-standard_cart .products > .row { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; margin-bottom: 16px !important; }
  html body #order-standard_cart .products .product > header { padding: 23px 23px 8px !important; }
  html body #order-standard_cart .products .product .product-desc { padding: 8px 23px 19px !important; }
  html body #order-standard_cart .products .product > footer { padding: 19px 23px 23px !important; }
  html body #order-standard_cart .product-info, html body #order-standard_cart .product-details { padding: 20px !important; }
  html body #main-body .logincontainer { padding: 22px !important; }
}
@media (max-width:460px) {
  html body #vt-site-header .vt-cart-slot { display: none; }
  html body #vt-cart-confirm-overlay .vt-cart-confirm-actions button { flex: 1 1 auto; }
}
@media (max-width:390px) {
  html body #vt-site-header .vt-site-logo { flex-basis: 153px !important; width: 153px !important; max-width: 153px !important; }
  html body #vt-site-header .vt-site-inner { gap: 7px !important; }
  html body #vt-site-header .vt-cloud-login { padding: 7px 8px; font-size: 10px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  html body *, html body *::before, html body *::after { transition: none !important; }
}