/* ============================================================
   HostXora Classic White + Blue UI v4
   Applied to Public Website + User Panel + Admin Panel
   ============================================================ */
:root{
  --hx-bg:#f4f7fc;
  --hx-bg-alt:#eef3fb;
  --hx-surface:#ffffff;
  --hx-surface-soft:#f8fbff;
  --hx-line:#dbe4f0;
  --hx-line-strong:#c9d6e8;
  --hx-text:#152238;
  --hx-text-2:#334764;
  --hx-muted:#64748b;
  --hx-primary:#2563eb;
  --hx-primary-2:#1d4ed8;
  --hx-primary-soft:#eff6ff;
  --hx-primary-faint:#f6f9ff;
  --hx-secondary:#3b82f6;
  --hx-success:#15803d;
  --hx-warning:#d97706;
  --hx-danger:#dc2626;
  --hx-radius-sm:10px;
  --hx-radius:16px;
  --hx-radius-lg:22px;
  --hx-shadow-sm:0 3px 12px rgba(30,64,175,.055);
  --hx-shadow:0 12px 32px rgba(30,64,175,.075);
  --hx-shadow-lg:0 24px 64px rgba(15,43,90,.12);
  --hx-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--hx-bg);font-size:17px!important}
body{font-family:var(--hx-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--hx-text)!important}
button,input,select,textarea{font-family:inherit!important;font-size:1rem!important}
::selection{background:#bfdbfe;color:#10264d}

/* Bigger readable text everywhere */
.admin-body,.user-body{font-size:16px!important;line-height:1.62!important;background:var(--hx-bg)!important;color:var(--hx-text)!important}
.admin-body .text-xs,.user-body .text-xs{font-size:13.5px!important;line-height:1.5!important}
.admin-body .text-sm,.user-body .text-sm{font-size:15.5px!important;line-height:1.55!important}
.admin-body .text-base,.user-body .text-base{font-size:17px!important}
.admin-body .text-lg,.user-body .text-lg{font-size:19px!important}
.admin-body .text-xl,.user-body .text-xl{font-size:22px!important}
.admin-body .text-2xl,.user-body .text-2xl{font-size:29px!important}
.admin-body .text-3xl,.user-body .text-3xl{font-size:35px!important}
.admin-body [class*="text-[9px]"],.user-body [class*="text-[9px]"]{font-size:12px!important}
.admin-body [class*="text-[10px]"],.user-body [class*="text-[10px]"]{font-size:12.5px!important}
.admin-body [class*="text-[11px]"],.user-body [class*="text-[11px]"]{font-size:13px!important}
.admin-body [class*="text-[12px]"],.user-body [class*="text-[12px]"]{font-size:13.5px!important}
.admin-body h1,.user-body h1{font-size:34px!important;line-height:1.18!important;letter-spacing:-.7px!important}
.admin-body h2,.user-body h2{font-size:22px!important;line-height:1.3!important}
.admin-body h3,.user-body h3{font-size:18px!important;line-height:1.35!important}

/* Controls */
.btn,.admin-body .btn,.user-body .btn{border-radius:12px!important;font-weight:750!important;font-size:15px!important;letter-spacing:-.01em}
.btn-primary,.admin-body .btn-primary,
.user-body .bg-blue-600,.user-body .bg-emerald-600,.user-body .bg-emerald-500,.user-body .bg-green-600,.user-body .bg-green-500,
.admin-body .bg-blue-600,.admin-body .bg-emerald-600,.admin-body .bg-green-600{
  background:linear-gradient(135deg,#3b82f6,var(--hx-primary))!important;
  border-color:var(--hx-primary)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(37,99,235,.18)!important;
}
.btn-primary:hover,.admin-body .btn-primary:hover,
.user-body .hover\:bg-blue-700:hover,.user-body .hover\:bg-emerald-700:hover,.user-body .hover\:bg-green-700:hover,
.admin-body .hover\:bg-blue-700:hover,.admin-body .hover\:bg-emerald-700:hover{background:var(--hx-primary-2)!important;transform:translateY(-1px)}
.btn-ghost{background:#fff!important;border-color:var(--hx-line)!important;color:var(--hx-text-2)!important}
.btn-danger{background:#fff3f4!important;border-color:#fecdd3!important;color:#b91c1c!important}
input,select,textarea,.input,.select,.textarea{
  border-radius:12px!important;border-color:#cfdbea!important;background:#fff!important;color:var(--hx-text)!important;
  min-height:46px!important;padding-top:10px!important;padding-bottom:10px!important;box-shadow:none!important
}
textarea,.textarea{min-height:110px!important}
input:focus,select:focus,textarea:focus,.input:focus,.select:focus,.textarea:focus{outline:none!important;border-color:#60a5fa!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important}

/* Application shells */
.admin-body .admin-main,.user-body .user-main,.admin-content,.user-content,.admin-body .app-content,.user-body .min-h-screen{background:var(--hx-bg)!important;min-height:100vh}
.admin-content{padding:34px 38px 56px!important}.user-body main.flex-1{padding-top:34px!important}
.admin-body .panel,.admin-body .stat-card,.admin-body .quick-card,.admin-body .console-card,
.user-body .console-card,.user-body .managed-server-card,.user-body .settings-section,.user-body .proxy-panel,.user-body .proxy-order-card,.user-body .proxy-detail,.user-body .proxy-card,.user-body .proxy-wallet,.user-body .proxy-empty,.user-body .proxy-country-bar,.user-body .proxy-store-hero,.user-body .proxy-store-intro-card,.user-body .proxy-location-card,.user-body .proxy-category-pill{
  background:#fff!important;border:1px solid var(--hx-line)!important;border-radius:18px!important;box-shadow:var(--hx-shadow-sm)!important
}
.admin-body h1,.admin-body h2,.admin-body h3,.admin-body h4,.user-body h1,.user-body h2,.user-body h3,.user-body h4,
.user-body .text-slate-900,.user-body .text-slate-800,.user-body .text-slate-700,.admin-body .text-slate-900,.admin-body .text-slate-800,.admin-body .text-slate-700{color:var(--hx-text)!important}
.admin-body .text-slate-600,.user-body .text-slate-600{color:var(--hx-text-2)!important}
.admin-body .text-slate-500,.admin-body .text-slate-400,.user-body .text-slate-500,.user-body .text-slate-400,.admin-body small,.user-body small{color:var(--hx-muted)!important}
.admin-body .text-blue-600,.admin-body .text-blue-700,.user-body .text-blue-600,.user-body .text-blue-700{color:var(--hx-primary-2)!important}

/* Convert green UI accents to classic blue, preserve semantic success badges where needed */
.user-body .bg-blue-50,.user-body .bg-blue-50\/40,.user-body .bg-blue-50\/50,.user-body .bg-blue-50\/70,
.admin-body .bg-blue-50{background:var(--hx-primary-soft)!important}
.user-body .border-blue-100,.user-body .border-blue-200,.user-body .border-blue-300,.user-body .border-blue-400,.user-body .border-blue-500,
.admin-body .border-blue-100,.admin-body .border-blue-200,.admin-body .border-blue-300,.admin-body .border-blue-400{border-color:#bfdbfe!important}
.user-body .text-emerald-600,.user-body .text-emerald-700,.admin-body .text-emerald-600,.admin-body .text-emerald-700{color:#166534!important}
.user-body .bg-emerald-50,.admin-body .bg-emerald-50{background:#f0fdf4!important}
.user-body .border-emerald-100,.user-body .border-emerald-200,.admin-body .border-emerald-100,.admin-body .border-emerald-200{border-color:#bbf7d0!important}

/* User sidebar */
.user-sidebar{width:270px!important;background:#fff!important;border-right:1px solid var(--hx-line)!important;box-shadow:7px 0 28px rgba(37,99,235,.04)!important}
.user-sidebar>div:first-child{height:84px!important;border-bottom:1px solid var(--hx-line)!important;padding:0 20px!important;background:#fff!important}
.user-sidebar>div:first-child img{height:38px!important;max-width:180px!important}
.sb-user-card{padding:15px!important;background:#f8fbff!important;border:1px solid var(--hx-line)!important;border-radius:15px!important;box-shadow:none!important}
.sb-avatar{width:42px!important;height:42px!important;border-radius:12px!important;color:#fff!important;background:linear-gradient(135deg,#60a5fa,#2563eb)!important;border:0!important;box-shadow:0 7px 16px rgba(37,99,235,.18)!important}
.sb-balance-row{background:#fff!important;border:1px solid var(--hx-line)!important;border-radius:11px!important}.sb-balance-row strong{color:var(--hx-primary-2)!important}.sb-mini-add{background:var(--hx-primary)!important;color:#fff!important;border-radius:9px!important}.sb-section-label{padding:11px 10px 5px!important;color:#8796ad!important;font-size:11px!important;letter-spacing:1.25px!important}.sb-section-label:after{background:#e8eef7!important}
.sb-nav-link{min-height:47px!important;margin:3px 0!important;padding:8px 10px!important;color:#435672!important;border:1px solid transparent!important;border-radius:12px!important;font-size:15px!important;font-weight:650!important;transform:none!important}
.sb-nav-link i{width:32px!important;height:32px!important;border-radius:9px!important;background:#f5f8fd!important;border:1px solid #dfe7f2!important;color:#667892!important;font-size:16px!important}
.sb-nav-link:hover{background:#f3f7ff!important;border-color:#dbe7fb!important;color:var(--hx-primary-2)!important}.sb-nav-link:hover i{background:#eaf2ff!important;color:var(--hx-primary)!important;border-color:#cfe0ff!important}
.sb-nav-link.active-blue{color:#1d4ed8!important;background:linear-gradient(90deg,#eaf2ff,#f7faff)!important;border-color:#cfe0ff!important;box-shadow:none!important;font-weight:760!important}.sb-nav-link.active-blue:before{background:var(--hx-primary)!important}.sb-nav-link.active-blue i{background:#dbeafe!important;color:#1d4ed8!important;border-color:#bfdbfe!important}

/* Admin sidebar */
.admin-layout{grid-template-columns:270px minmax(0,1fr)!important}.admin-layout>.admin-sidebar{width:270px!important;background:#fff!important;color:var(--hx-text)!important;border-right:1px solid var(--hx-line)!important;box-shadow:7px 0 28px rgba(37,99,235,.04)!important;padding:0 14px 18px!important}
.admin-sidebar-brand{height:84px!important;border-bottom:1px solid var(--hx-line)!important}.admin-sidebar-brand img{width:164px!important}.admin-sidebar-brand>span{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}
.admin-side-label{display:block!important;color:#8796ad!important;font-size:11px!important;letter-spacing:1.15px!important;padding:16px 9px 5px!important}.admin-side-nav a{color:#435672!important;border:1px solid transparent!important;border-radius:12px!important;min-height:46px!important;padding:8px 10px!important;font-size:14.5px!important;font-weight:650!important}.admin-side-nav a i{width:31px!important;height:31px!important;border-radius:9px!important;background:#f5f8fd!important;border:1px solid #dfe7f2!important;color:#667892!important;font-size:15px!important}.admin-side-nav a:hover{background:#f3f7ff!important;color:#1d4ed8!important;border-color:#dbe7fb!important}.admin-side-nav a.active{background:linear-gradient(90deg,#eaf2ff,#f7faff)!important;color:#1d4ed8!important;border-color:#cfe0ff!important;box-shadow:none!important}.admin-side-nav a.active i{background:#dbeafe!important;color:#1d4ed8!important;border-color:#bfdbfe!important}

/* Tables */
.admin-body table,.user-body table{border-collapse:separate!important;border-spacing:0!important;font-size:14.5px!important}.admin-body table thead,.user-body table thead{background:#f5f8fd!important;color:#5c6f89!important}.admin-body table th,.user-body table th{font-size:12.5px!important;letter-spacing:.045em!important;text-transform:uppercase!important;font-weight:800!important;border-color:#dfe7f2!important;padding-top:13px!important;padding-bottom:13px!important}.admin-body table td,.user-body table td{border-color:#e8eef6!important;color:#364b68!important;padding-top:14px!important;padding-bottom:14px!important}.admin-body table tbody tr:hover,.user-body table tbody tr:hover{background:#f8fbff!important}

/* Create Server wizard - force classic blue */
.user-body .hx-builder-shell{background:var(--hx-bg)!important}
.user-body .hx-step-nav,.user-body .hx-stepper{background:#fff!important;border-color:var(--hx-line)!important;box-shadow:var(--hx-shadow-sm)!important;border-radius:16px!important}
.user-body .hx-step.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 8px 20px rgba(37,99,235,.16)!important}.user-body .hx-step.done{color:#1d4ed8!important;border-color:#bfdbfe!important;background:#f8fbff!important}.user-body .hx-step.done .dot{background:#dbeafe!important;color:#1d4ed8!important}.user-body .hx-step .dot{font-size:12px!important}.user-body .hx-step small{font-size:10px!important}.user-body .hx-step b{font-size:14px!important}
.user-body .hx-region-card,.user-body .hx-os-card,.user-body .hx-profile-card,.user-body .hx-resource-card{background:#fff!important;border-color:var(--hx-line)!important;border-radius:15px!important;box-shadow:none!important}.user-body .hx-region-card:hover,.user-body .hx-os-card:hover,.user-body .hx-profile-card:hover{border-color:#93c5fd!important;box-shadow:0 8px 24px rgba(37,99,235,.08)!important}.user-body .hx-region-card.selected,.user-body .hx-os-card.selected,.user-body .hx-profile-card.selected{border-color:#2563eb!important;background:#eff6ff!important;box-shadow:0 0 0 2px rgba(37,99,235,.06)!important}.user-body .hx-preview{background:#fff!important;border-color:var(--hx-line)!important;border-radius:18px!important;box-shadow:var(--hx-shadow)!important}.user-body .hx-pay-modal-card{background:#fff!important;border-radius:18px!important;box-shadow:var(--hx-shadow-lg)!important;border:1px solid var(--hx-line)!important}.user-body .hx-btn-primary,.user-body .hx-deploy-btn,.user-body .hx-pay-button{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-color:#2563eb!important}
.user-body .hx-selected,.user-body .selected{--hxg:#2563eb!important;--hxg-dark:#1d4ed8!important;--hxg-soft:#eff6ff!important;--hxg-line:#bfdbfe!important}

/* Proxy pages stay present, now blue themed */
.user-body .proxy-kicker,.user-body .proxy-wallet b,.user-body .proxy-store-eyebrow,.user-body .proxy-location-go,.user-body .proxy-back-link,.user-body .proxy-security b{color:#1d4ed8!important}.user-body .proxy-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-color:#2563eb!important}.user-body .proxy-action,.user-body .proxy-tab.active,.user-body .proxy-category-pill.active,.user-body .proxy-plan-location-badge{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}

/* HostHeaven admin sync blue */
.hh-auto-sync-panel{background:#fff!important;border-color:var(--hx-line)!important;border-radius:18px!important;box-shadow:var(--hx-shadow-sm)!important}.hh-auto-sync-panel:before{background:rgba(37,99,235,.045)!important}.hh-markup-card{background:#f8fbff!important;border-color:#dbe5f2!important}.hh-money-input span{color:#2563eb!important}.hh-provider-group{background:#fff!important;border-color:#dfe7f2!important}.hh-resource-box div span{background:#eff6ff!important;color:#37577d!important;border-color:#d6e4fb!important}.hh-zone-line{background:#eff6ff!important;color:#37577d!important}

/* Public website - classic white/blue */
body:not(.admin-body):not(.user-body){--bg:#f7f9fd;--surface:#fff;--surface2:#f8fbff;--text:#152238;--muted:#64748b;--line:#dbe4f0;--cyan:#2563eb;--cyan2:#1d4ed8;--blue:#3b82f6;--success:#16a34a;--shadow:var(--hx-shadow-lg);background:#f7f9fd!important;color:#152238!important;font-size:16.5px!important;line-height:1.68!important}
body:not(.admin-body):not(.user-body) .site-header{background:rgba(255,255,255,.96)!important;border-color:#dbe4f0!important;box-shadow:0 4px 18px rgba(30,64,175,.04)!important}
body:not(.admin-body):not(.user-body) .main-nav{font-size:15px!important;color:#415572!important}body:not(.admin-body):not(.user-body) .brand{font-size:23px!important}body:not(.admin-body):not(.user-body) h1{font-size:clamp(46px,5.2vw,70px)!important;letter-spacing:-3px!important}body:not(.admin-body):not(.user-body) h2{font-size:clamp(32px,3.6vw,48px)!important}body:not(.admin-body):not(.user-body) p{font-size:16px!important}body:not(.admin-body):not(.user-body) .hero-copy>p{font-size:19px!important}body:not(.admin-body):not(.user-body) .eyebrow,body:not(.admin-body):not(.user-body) .plan-type{color:#2563eb!important;font-size:12px!important}body:not(.admin-body):not(.user-body) .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 10px 28px rgba(37,99,235,.16)!important}body:not(.admin-body):not(.user-body) .plan,body:not(.admin-body):not(.user-body) .feature-card,body:not(.admin-body):not(.user-body) .server-card,body:not(.admin-body):not(.user-body) .cta,body:not(.admin-body):not(.user-body) .auth-card{background:#fff!important;border-color:#dbe4f0!important;box-shadow:var(--hx-shadow-sm)!important}body:not(.admin-body):not(.user-body) .plan.featured{border-color:#93c5fd!important;box-shadow:0 18px 48px rgba(37,99,235,.10)!important}body:not(.admin-body):not(.user-body) .popular{background:#eff6ff!important;color:#1d4ed8!important}body:not(.admin-body):not(.user-body) .icon-box{background:#eff6ff!important;color:#2563eb!important}

/* Mobile bars */
.admin-mobile-bar,.user-mobile-bar{background:#fff!important;border-bottom:1px solid var(--hx-line)!important;box-shadow:0 4px 18px rgba(37,99,235,.05)!important}.user-mobile-add-money{background:#2563eb!important;color:#fff!important}

/* Responsive readable sizing */
@media(max-width:900px){html{font-size:16px!important}.admin-content{padding:24px 18px 44px!important}.user-body main.flex-1{padding:22px 14px!important}.admin-body h1,.user-body h1{font-size:28px!important}.admin-body .text-sm,.user-body .text-sm{font-size:14.5px!important}}

/* =========================================================
   Sidebar refinement v5 - clean, light, one item per row
   ========================================================= */
.user-sidebar{
  width:250px!important;
  min-width:250px!important;
  background:#fff!important;
  border-right:1px solid #e2e8f2!important;
  box-shadow:4px 0 20px rgba(25,54,104,.035)!important;
}
.user-sidebar>div:first-child{
  height:76px!important;
  padding:0 18px!important;
}
.user-sidebar>div:first-child img{
  height:34px!important;
  max-width:155px!important;
}
.user-sidebar nav{
  display:block!important;
  padding:10px 12px 22px!important;
}
.sb-user-card{
  padding:13px!important;
  border-radius:14px!important;
  background:#f8faff!important;
}
.sb-user-card strong{
  font-weight:600!important;
}
.sb-user-card .text-sm{
  font-size:13px!important;
}
.sb-user-card span{
  font-weight:400!important;
}
.sb-avatar{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.sb-balance-row{
  margin-top:11px!important;
  padding:10px 11px!important;
  border-radius:10px!important;
}
.sb-balance-row span{
  font-size:9px!important;
  font-weight:500!important;
  letter-spacing:.06em!important;
}
.sb-balance-row strong{
  font-size:14px!important;
  font-weight:650!important;
}
.sb-mini-add{
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.sb-invoice-link{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:8px!important;
  padding:8px 9px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:500!important;
  color:#53657f!important;
}
.sb-section-label{
  display:block!important;
  width:100%!important;
  padding:14px 8px 6px!important;
  margin:0!important;
  font-size:9.5px!important;
  font-weight:500!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
}
.sb-section-label span{
  font-weight:500!important;
  color:#91a0b5!important;
}
.sb-section-label:after{display:none!important}
.sb-nav-link{
  display:flex!important;
  width:100%!important;
  min-height:40px!important;
  align-items:center!important;
  gap:10px!important;
  margin:2px 0!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  color:#4f617c!important;
  font-size:13.5px!important;
  font-weight:500!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.sb-nav-link>span{
  font-weight:500!important;
}
.sb-nav-link i{
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  background:transparent!important;
  border:0!important;
  color:#71819b!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:500!important;
}
.sb-nav-link:hover{
  background:#f5f8fe!important;
  border-color:#e1e9f7!important;
  color:#2455aa!important;
}
.sb-nav-link:hover i{
  background:#edf4ff!important;
  color:#2563eb!important;
  border:0!important;
}
.sb-nav-link.active-blue{
  background:#edf4ff!important;
  border-color:#cfe0ff!important;
  color:#1d4ed8!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.sb-nav-link.active-blue>span{
  font-weight:600!important;
}
.sb-nav-link.active-blue:before{
  display:none!important;
}
.sb-nav-link.active-blue i{
  background:#dbeafe!important;
  border:0!important;
  color:#1d4ed8!important;
  font-weight:600!important;
}
.sb-logout-link{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  gap:10px!important;
  min-height:40px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  color:#9f3540!important;
  font-size:13px!important;
  font-weight:500!important;
}
.sb-logout-link i{font-style:normal!important;font-weight:500!important}

/* Admin sidebar should be equally light */
.admin-layout{grid-template-columns:250px minmax(0,1fr)!important}
.admin-layout>.admin-sidebar{
  width:250px!important;
  min-width:250px!important;
  padding:0 12px 18px!important;
  box-shadow:4px 0 20px rgba(25,54,104,.035)!important;
}
.admin-sidebar-brand{height:76px!important}
.admin-sidebar-brand img{width:148px!important}
.admin-profile strong{font-weight:600!important}
.admin-profile small,.admin-profile span{font-weight:400!important}
.admin-side-nav{display:block!important}
.admin-side-nav .side-label{
  display:block!important;
  width:100%!important;
  padding:15px 8px 6px!important;
  color:#91a0b5!important;
  font-size:9.5px!important;
  font-weight:500!important;
  letter-spacing:.12em!important;
}
.admin-side-nav a{
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  gap:10px!important;
  min-height:40px!important;
  margin:2px 0!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  font-weight:500!important;
  color:#4f617c!important;
}
.admin-side-nav a i{
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  background:transparent!important;
  border:0!important;
  color:#71819b!important;
  font-size:14px!important;
  font-weight:500!important;
}
.admin-side-nav a.active{
  background:#edf4ff!important;
  color:#1d4ed8!important;
  border-color:#cfe0ff!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.admin-side-nav a.active i{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border:0!important;
}

/* Create server banner text must stay readable on blue */
.user-body .hx-hero h2,
.user-body .hx-hero p,
.user-body .hx-hero small,
.user-body .hx-hero-box strong,
.user-body .hx-hero-box span{
  color:#fff!important;
}

@media(max-width:900px){
  .user-sidebar{width:264px!important;min-width:264px!important}
  .admin-layout>.admin-sidebar{width:264px!important;min-width:264px!important}
}


/* HostXora global lighter typography */
html body,
html body button,
html body input,
html body select,
html body textarea{
  font-weight:400!important;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body b,
html body strong,
html body .font-bold,
html body .font-semibold,
html body .font-extrabold,
html body .font-black{
  font-weight:500!important;
}
html body .sb-nav-link,
html body .sb-nav-link>span,
html body .sb-nav-link.active-blue,
html body .admin-side-nav a,
html body .admin-side-nav a.active,
html body .side-label,
html body .sb-section-label span{
  font-weight:400!important;
}
html body .sb-nav-link.active-blue,
html body .admin-side-nav a.active{
  font-weight:500!important;
}
html body .btn,
html body .hx-btn,
html body .hx-deploy,
html body .sm-btn,
html body .proxy-btn,
html body .proxy-action{
  font-weight:500!important;
}


/* HostXora compact customer account card */
.sb-account-card{
  padding:14px!important;
  background:#fff!important;
  border:1px solid #dbe5f3!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(30,64,120,.05)!important;
}
.sb-profile-row{display:flex;align-items:center;gap:11px;min-width:0}
.sb-profile-copy{min-width:0;flex:1}
.sb-profile-copy strong{display:block!important;color:#172b49!important;font-size:13px!important;line-height:1.25!important;font-weight:550!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-profile-copy span{display:block!important;margin-top:4px!important;color:#71829d!important;font-size:10.5px!important;line-height:1.25!important;font-weight:400!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-account-card .sb-avatar{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;background:linear-gradient(145deg,#5b95ff,#2563eb)!important;color:#fff!important;font-size:17px!important;font-weight:500!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(37,99,235,.14)!important}
.sb-wallet-panel{margin-top:13px;padding:12px 12px 11px;border:1px solid #d8e4f6;border-radius:13px;background:linear-gradient(180deg,#f8fbff,#f4f8ff)}
.sb-wallet-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sb-wallet-label{display:flex;align-items:center;gap:6px;color:#667997;font-size:9.5px;font-weight:500;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
.sb-wallet-dot{width:22px;height:22px;border-radius:8px;background:#e9f1ff;color:#2563eb;display:grid;place-items:center;font-size:11px;font-weight:600;border:1px solid #cfe0ff}
.sb-add-money-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;padding:0 8px!important;border-radius:8px!important;background:#2563eb!important;color:#fff!important;font-size:9.5px!important;font-weight:550!important;text-decoration:none!important;white-space:nowrap!important}
.sb-add-money-link:hover{background:#1d4ed8!important}
.sb-wallet-amount{margin-top:9px;color:#1547c7;font-size:20px;line-height:1.1;font-weight:600;letter-spacing:-.35px}
.sb-wallet-caption{margin-top:5px;color:#8a99b0;font-size:9px;line-height:1.4;font-weight:400}
.sb-account-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.sb-account-links a{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:32px!important;border:1px solid #e0e8f4!important;border-radius:9px!important;background:#fff!important;color:#536783!important;font-size:10.5px!important;font-weight:500!important;text-decoration:none!important;transition:.16s ease!important}
.sb-account-links a:hover{border-color:#b9d0fb!important;background:#f7faff!important;color:#1d4ed8!important}


/* V7 customer sidebar identity — flat, simple and intentionally not admin-card style */
.user-sidebar .sb-customer-wrap{
  margin:14px 14px 5px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.user-sidebar .sb-customer-identity{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:54px!important;
  padding:7px 4px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#233956!important;
  text-decoration:none!important;
  transition:background .16s ease!important;
}
.user-sidebar .sb-customer-identity:hover{background:#f5f8fd!important}
.user-sidebar .sb-customer-avatar{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:#2563eb!important;color:#fff!important;
  font-size:15px!important;font-weight:500!important;
  box-shadow:none!important;
}
.user-sidebar .sb-customer-copy{min-width:0!important;display:block!important}
.user-sidebar .sb-customer-name{
  display:block!important;
  color:#1a2e4b!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:500!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.user-sidebar .sb-customer-email{
  display:block!important;
  margin-top:3px!important;
  color:#7b8ca6!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:400!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.user-sidebar .sb-customer-chevron{color:#9aa8bc!important;font-size:20px!important;font-weight:300!important;text-align:center!important}
.user-sidebar .sb-credit-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:6px!important;
  padding:10px 10px 10px 12px!important;
  border:0!important;
  border-left:3px solid #2563eb!important;
  border-radius:9px!important;
  background:#f3f7ff!important;
  box-shadow:none!important;
}
.user-sidebar .sb-credit-copy{min-width:0!important}
.user-sidebar .sb-credit-copy>span{
  display:block!important;color:#788aa5!important;
  font-size:9px!important;line-height:1.1!important;
  font-weight:400!important;text-transform:uppercase!important;letter-spacing:.055em!important;
}
.user-sidebar .sb-credit-copy>strong{
  display:block!important;margin-top:4px!important;
  color:#1d4ed8!important;font-size:16px!important;line-height:1.1!important;
  font-weight:500!important;letter-spacing:-.15px!important;
}
.user-sidebar .sb-credit-add{
  flex:0 0 auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  min-height:30px!important;padding:0 9px!important;
  border:1px solid #bed3ff!important;border-radius:8px!important;
  background:#fff!important;color:#1d4ed8!important;
  font-size:10.5px!important;font-weight:500!important;text-decoration:none!important;
}
.user-sidebar .sb-credit-add:hover{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
/* hide stale customer-card rules if browser cache briefly mixes versions */
.user-sidebar .sb-account-card,.user-sidebar .sb-wallet-panel,.user-sidebar .sb-account-links{box-shadow:none!important}