:root{
  --lc-brand:#112a5c;
  --lc-brand-2:#183a7a;
  --lc-surface:#f3f5f9;
  --lc-card:#ffffff;
  --lc-border:#e5e9f2;
  --lc-muted:#7a879f;
}
body{background:var(--lc-surface)!important}
#page-topbar,.navbar-header{background:var(--lc-brand)!important;border-bottom:0!important;box-shadow:0 8px 24px rgba(17,42,92,.16)}
#page-topbar .btn-topbar,.topbar-user .btn,.topbar-user .btn:hover,.topbar-user .btn:focus,.topbar-user .user-name-text,.topbar-user .user-name-sub-text,.navbar-header .header-item .btn,.navbar-header .header-item i{color:#fff!important}
#page-topbar .light-dark-mode{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08)!important}
#page-topbar .header-profile-user{border:2px solid rgba(255,255,255,.2)}
#page-topbar .topbar-user{background:rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.08);padding-left:.5rem;padding-right:.5rem}
html[data-layout-style=detached] .app-menu{background:transparent!important;border-right:0!important;box-shadow:none!important;padding:18px 14px 22px}
html[data-layout-style=detached] .app-menu .navbar-brand-box{display:none!important}
html[data-layout-style=detached] .app-menu #scrollbar{background:var(--lc-brand);border-radius:18px;box-shadow:0 18px 44px rgba(18,39,84,.16);padding:14px 0;overflow:hidden}
html[data-layout-style=detached] .app-menu .sidebar-background{display:none}
html[data-layout-style=detached] .app-menu .menu-title span{color:rgba(255,255,255,.55)!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link{color:rgba(255,255,255,.72)!important;border-radius:12px;margin:2px 12px;padding:.78rem .95rem;font-weight:500}
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link i{color:rgba(255,255,255,.72)!important}
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link.active,
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link:hover,
html[data-layout-style=detached] .app-menu .navbar-nav .show>.nav-link,
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link[aria-expanded=true]{background:rgba(255,255,255,.08)!important;color:#fff!important}
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link.active i,
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link:hover i,
html[data-layout-style=detached] .app-menu .navbar-nav .show>.nav-link i,
html[data-layout-style=detached] .app-menu .navbar-nav .nav-link[aria-expanded=true] i{color:#fff!important}
html[data-layout-style=detached] .app-menu .navbar-nav .menu-dropdown .nav-link{padding:.56rem .95rem .56rem 2.35rem;font-size:.95rem;color:rgba(255,255,255,.72)!important}
html[data-layout-style=detached] .app-menu .navbar-nav .menu-dropdown .nav-link.active{color:#fff!important;background:rgba(255,255,255,.08)!important}
html[data-layout-style=detached] .main-content{margin-left:300px}
html[data-layout-style=detached] .page-content{background:var(--lc-surface);padding:calc(70px + 1.5rem) 1.5rem 0}
html[data-layout-style=detached] .footer{background:transparent!important;border-top:1px solid #e6ebf2;margin-left:0}
.card,.modal-content,.offcanvas{border:1px solid var(--lc-border)!important;border-radius:16px!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important}
.card-header{background:#fff!important;border-bottom:1px solid var(--lc-border)!important;padding:1rem 1.1rem}
.page-title-box{margin:0 0 1rem}
.page-title-box h4,.page-title-box .mb-sm-0{font-size:1.5rem;font-weight:700;color:#25324b}
.breadcrumb-item,.breadcrumb-item a{font-size:.92rem;color:#7a879f;text-decoration:none}
.form-check.card-radio .form-check-label{display:block;border:1px solid var(--lc-border)!important;border-radius:14px;padding:1.15rem 1.1rem;background:#fff;transition:.18s ease;min-height:118px}
.form-check.card-radio .form-check-input:checked~.form-check-label,.form-check.card-radio:hover .form-check-label{border-color:#6f62ff!important;box-shadow:0 0 0 .16rem rgba(111,98,255,.08)}
.payment-method .form-check-label{display:flex;flex-direction:column;justify-content:center}
.btn{border-radius:12px;font-weight:600}
.btn-primary{background:#6f62ff!important;border-color:#6f62ff!important}
.btn-primary:hover{background:#5f54e9!important;border-color:#5f54e9!important}
.btn-soft-primary{background:#f0eeff!important;border-color:#e4e1ff!important;color:#6f62ff!important}
.btn-soft-primary:hover{background:#e8e5ff!important}
.alert{border-radius:14px;border-width:1px}
.table-card,.table-responsive{border-radius:0 0 16px 16px}
.table>:not(caption)>*>*{padding:.88rem .95rem}
.badge{border-radius:999px;padding:.5em .72em}
/* Support center */
.support-card{height:100%}
.support-ticket-row{display:block;padding:1rem 1.1rem;text-decoration:none;color:inherit;border-top:1px solid var(--lc-border);transition:.16s ease}
.support-ticket-row:hover{background:#f8faff}
.support-empty{padding:4rem 1.25rem;text-align:center;color:#8a96ad}
.support-empty i{font-size:2rem;display:block;margin-bottom:.55rem}
/* Product cards */
.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{background:#f6f8fc!important;border:1px solid #eef2f7}
.card.product h5.fs-15{min-height:2.5rem;line-height:1.35}
.card.product p.text-truncate{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;min-height:2.25rem}
/* Domain cards */
.lc-price-card{position:relative;align-items:center;min-height:96px}
.lc-price-logo{width:52px!important;height:52px!important;border-radius:14px!important;background:#f6f8fc!important;border:1px solid #e9edf5!important;display:grid!important;place-items:center!important;overflow:hidden}
.lc-price-logo img{max-width:34px;max-height:34px;object-fit:contain}
.lc-price-logo .domain-fallback{font-size:.95rem;font-weight:700;color:#42516e}
.domain-pricing-list .pricing-card{box-shadow:0 8px 20px rgba(15,23,42,.04)}
/* Common blocks */
.hidden{display:none!important}
/* payment terms nicer */
.listcode-checkout-methods .form-check{padding-left:0}
.listcode-checkout-methods .form-check-input{margin-top:.2rem}
.listcode-checkout-methods .form-check-label{line-height:1.55}
/* modal polish */
.lc-modal-root{z-index:2000!important}
.lc-modal-backdrop{background:rgba(13,22,38,.62)!important;backdrop-filter:blur(4px)}
.lc-modal-card{border-radius:20px!important;border:1px solid #e7ebf2!important;box-shadow:0 22px 70px rgba(15,23,42,.24)!important;overflow:hidden}
.lc-modal-head{padding:1.6rem 1.5rem .25rem!important}
.lc-modal-icon{width:74px!important;height:74px!important;font-size:2rem!important;margin-bottom:1rem!important}
.lc-modal-title{font-size:1.45rem!important;font-weight:700!important}
.lc-modal-body{font-size:.95rem!important;padding:.35rem 1.5rem 0!important;color:#68758c!important}
.lc-modal-actions{padding:1.25rem 1.5rem 1.5rem!important}
.lc-modal-btn{min-height:46px!important;border-radius:12px!important;font-size:.96rem!important;font-weight:600!important}
/* responsive */
@media (max-width:1199.98px){
  html[data-layout-style=detached] .main-content{margin-left:0}
  html[data-layout-style=detached] .page-content{padding-left:1rem;padding-right:1rem}
  html[data-layout-style=detached] .app-menu{padding:0!important;background:var(--lc-brand)!important}
  html[data-layout-style=detached] .app-menu #scrollbar{height:100%;border-radius:0;box-shadow:none}
}
@media (max-width:767.98px){
  #page-topbar .topbar-user{padding-left:.15rem;padding-right:.15rem}
  .page-title-box h4,.page-title-box .mb-sm-0{font-size:1.25rem}
  html[data-layout-style=detached] .page-content{padding-top:calc(70px + 1rem);padding-left:.75rem;padding-right:.75rem}
  .card,.modal-content{border-radius:14px!important}
}

/* V3 modal + topup overhaul */
.lc-modal-root{z-index:20000!important;align-items:center!important;justify-content:center!important;padding:16px!important}
.lc-modal-backdrop{background:rgba(15,23,42,.64)!important;backdrop-filter:blur(6px)!important}
.lc-modal-card{position:relative!important;width:min(var(--lc-modal-width,500px),calc(100vw - 28px))!important;max-width:min(var(--lc-modal-width,500px),calc(100vw - 28px))!important;background:#fff!important;color:#1e293b!important;border:1px solid #e8edf5!important;border-radius:24px!important;box-shadow:0 24px 90px rgba(15,23,42,.3)!important;overflow:hidden!important;opacity:1!important}
.lc-modal-close{top:18px!important;right:18px!important;width:42px!important;height:42px!important;border:1px solid #e7ebf2!important;border-radius:14px!important;background:#f8fafc!important;color:#64748b!important;font-size:26px!important;display:grid!important;place-items:center!important;z-index:2}
.lc-modal-head{padding:34px 30px 10px!important;text-align:center!important}
.lc-modal-icon{width:82px!important;height:82px!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin:0 auto 18px!important;box-shadow:0 14px 36px rgba(15,23,42,.12)!important;border:8px solid #fff!important;font-size:0!important}
.lc-modal-icon svg{width:32px!important;height:32px!important}
.lc-modal-icon.success{background:#ecfdf5!important;color:#10b981!important}
.lc-modal-icon.error{background:#fff1f2!important;color:#f97316!important}
.lc-modal-icon.warning{background:#fff7ed!important;color:#f59e0b!important}
.lc-modal-icon.info,.lc-modal-icon.question{background:#ecfeff!important;color:#67d1e0!important}
.lc-modal-title{font-size:1.45rem!important;line-height:1.2!important;font-weight:700!important;color:#334155!important;letter-spacing:-.03em!important;margin:0!important}
.lc-modal-body{padding:4px 30px 0!important;font-size:1rem!important;line-height:1.7!important;color:#64748b!important;text-align:center!important}
.lc-modal-body br+br{display:none}
.lc-modal-body input,.lc-modal-body textarea,.lc-modal-body select,.lc-modal-body .swal2-input,.lc-modal-body .swal2-textarea{margin:.85rem 0 0!important;min-height:50px!important;border:1px solid #dbe3ef!important;border-radius:14px!important;background:#fff!important;padding:.8rem 1rem!important;color:#0f172a!important;font-size:1rem!important;box-shadow:none!important}
.lc-modal-body textarea,.lc-modal-body .swal2-textarea{min-height:120px!important}
.lc-modal-body input:focus,.lc-modal-body textarea:focus,.lc-modal-body select:focus{border-color:#6f62ff!important;box-shadow:0 0 0 .25rem rgba(111,98,255,.12)!important}
.lc-modal-validation{margin:.85rem 30px 0!important;padding:.85rem 1rem!important;border:1px solid #fecaca!important;border-radius:14px!important;background:#fff1f2!important;color:#dc2626!important;font-size:.92rem!important}
.lc-modal-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;padding:24px 30px 30px!important}
.lc-modal-actions .lc-modal-btn:only-child,.lc-modal-actions .lc-modal-confirm:first-child:last-child,.lc-modal-actions .lc-modal-cancel:first-child:last-child{grid-column:1/-1}
.lc-modal-btn{min-height:48px!important;border-radius:16px!important;border:1px solid transparent!important;font-size:.95rem!important;font-weight:700!important;transition:.18s ease!important}
.lc-modal-confirm{background:#6f62ff!important;border-color:#6f62ff!important;color:#fff!important;box-shadow:0 12px 24px rgba(111,98,255,.24)!important}
.lc-modal-confirm:hover{background:#5d52e7!important;border-color:#5d52e7!important}
.lc-modal-confirm.success{background:#10b981!important;border-color:#10b981!important}
.lc-modal-confirm.danger{background:#ff7f3f!important;border-color:#ff7f3f!important}
.lc-modal-cancel{background:#f8fafc!important;border-color:#e6ebf2!important;color:#1e293b!important}
.lc-toast-wrap{top:18px!important;right:18px!important;z-index:20010!important}
.lc-toast{background:#fff!important;border:1px solid #e6ebf2!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(15,23,42,.16)!important;padding:14px 16px!important}

.lc-home-notice{z-index:19990!important;padding:16px!important}
.lc-home-notice__backdrop{background:rgba(15,23,42,.64)!important;backdrop-filter:blur(6px)!important}
.lc-home-notice__panel{width:min(680px,calc(100vw - 28px))!important;max-width:min(680px,calc(100vw - 28px))!important;background:#fff!important;border:1px solid #e8edf5!important;border-radius:24px!important;box-shadow:0 24px 90px rgba(15,23,42,.3)!important;padding:28px!important;color:#1e293b!important}
.lc-home-notice__close{right:18px!important;top:18px!important;width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid #e7ebf2!important;background:#f8fafc!important;color:#64748b!important}
.lc-home-notice__icon{width:74px!important;height:74px!important;border-radius:50%!important;background:#ecfeff!important;color:var(--notice)!important;border:8px solid #fff!important;box-shadow:0 12px 30px rgba(15,23,42,.12)!important;margin-bottom:16px!important}
.lc-home-notice__eyebrow{font-size:.78rem!important;font-weight:800!important;letter-spacing:.08em!important;color:#94a3b8!important}
.lc-home-notice__title{font-size:1.4rem!important;line-height:1.2!important;font-weight:700!important;color:#334155!important;letter-spacing:-.03em!important;margin:.4rem 0 .65rem!important}
.lc-home-notice__message{font-size:1rem!important;line-height:1.72!important;color:#64748b!important}
.lc-home-notice__actions{margin-top:22px!important}
.lc-home-notice__primary,.lc-home-notice__secondary{min-height:46px!important;border-radius:16px!important;padding:.9rem 1.15rem!important;font-size:.92rem!important;font-weight:700!important}
.lc-home-notice__primary{background:var(--notice)!important;border-color:var(--notice)!important;box-shadow:0 12px 24px rgba(16,185,129,.18)!important}
.lc-home-notice__secondary{background:#f8fafc!important;border-color:#e6ebf2!important;color:#334155!important}

.topbar-head-dropdown .dropdown-menu{border:1px solid #e6ebf2!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(15,23,42,.12)!important;padding:.6rem 0!important;overflow:hidden}
.topbar-head-dropdown .dropdown-item{padding:.78rem 1.1rem!important;font-weight:500;color:#334155!important}
.topbar-head-dropdown .dropdown-item:hover,.topbar-head-dropdown .dropdown-item:focus,.topbar-head-dropdown .dropdown-item.active,.topbar-head-dropdown .dropdown-item:active{background:#f2f5fb!important;color:#111827!important}
.topbar-head-dropdown .dropdown-header{padding:.7rem 1.1rem .55rem!important;color:#8a94a6!important;font-weight:700}
.topbar-head-dropdown .dropdown-divider{margin:.35rem 0!important;border-top-color:#edf1f5!important}

.topup-method-card{position:relative;display:flex;align-items:flex-start;gap:14px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;padding:22px 20px;cursor:pointer;transition:.18s ease;height:100%}
.topup-method-card:hover{border-color:#6f62ff;box-shadow:0 12px 28px rgba(15,23,42,.06);transform:translateY(-1px)}
.topup-method-card.active{border-color:#6f62ff;background:#f7f6ff;box-shadow:0 12px 28px rgba(111,98,255,.08)}
.topup-method-card input{position:absolute;opacity:0;pointer-events:none}
.topup-method-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f3f0ff;color:#6f62ff;font-size:22px;flex:0 0 auto}
.topup-method-title{font-size:1.15rem;font-weight:800;color:#1e293b;margin:0 0 4px}
.topup-method-desc{margin:0;color:#7a879f;line-height:1.6}
.topup-method-check{margin-left:auto;width:26px;height:26px;border-radius:50%;border:2px solid #d8e0eb;display:grid;place-items:center;color:#fff;background:#fff;transition:.18s ease;flex:0 0 auto}
.topup-method-card.active .topup-method-check{background:#6f62ff;border-color:#6f62ff}
.topup-method-card.active .topup-method-check:before{content:'\ea5e';font-family:'remixicon';font-size:15px}
.topup-section-card{border:1px solid #e5e9f2!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(15,23,42,.04)!important}
.topup-bank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.topup-bank-card{position:relative;border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:16px;cursor:pointer;text-align:center;transition:.18s ease;min-height:128px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.topup-bank-card:hover{border-color:#6f62ff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.topup-bank-card.active{border-color:#6f62ff;background:#f7f6ff;box-shadow:0 10px 24px rgba(111,98,255,.09)}
.topup-bank-card img{max-height:34px;max-width:100%;object-fit:contain;margin:0 auto}
.topup-bank-card strong{display:block;color:#1e293b;font-size:1rem}
.topup-bank-card span{font-size:.88rem;color:#7a879f}
.topup-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.topup-info-item{border:1px solid #e8edf5;border-radius:16px;background:#f8fafc;padding:14px 16px;height:100%}
.topup-info-item .label{display:block;font-size:.82rem;color:#7a879f;margin-bottom:6px}
.topup-info-item .value{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;color:#1e293b;word-break:break-all}
.topup-qr-box{border:1px dashed #d6dfeb;border-radius:18px;background:#fbfcff;padding:18px;text-align:center;height:100%}
.topup-qr-box img{max-width:220px;width:100%;height:auto;background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:10px}
.topup-note{border:1px solid #d9edf7;border-radius:16px;background:#f0f9ff;color:#0f5f82;padding:14px 16px;line-height:1.6}
.topup-note.warn{border-color:#fde7c2;background:#fff8ee;color:#b96911}
.topup-history-table .badge{font-size:.75rem}
.topup-card-form .form-control,.topup-card-form .form-select{min-height:46px;border-radius:14px;border-color:#dbe3ef}
.topup-card-form .form-control:focus,.topup-card-form .form-select:focus{border-color:#6f62ff;box-shadow:0 0 0 .25rem rgba(111,98,255,.12)}

@media(max-width:767.98px){
  .lc-modal-card,.lc-home-notice__panel{width:calc(100vw - 16px)!important;max-width:680px!important;border-radius:20px!important}
  .lc-modal-head{padding:28px 18px 8px!important}
  .lc-modal-body{padding:4px 18px 0!important;font-size:.95rem!important}
  .lc-modal-actions{padding:18px!important;grid-template-columns:1fr!important}
  .lc-modal-title,.lc-home-notice__title{font-size:1.55rem!important}
  .lc-home-notice__panel{padding:22px 18px!important}
  .topup-info-grid{grid-template-columns:1fr}
}

/* V4 unified service/manage 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:#6f62ff;margin-bottom:.4rem}
.lc-title{margin:0;color:#25324b;font-size:1.55rem;line-height:1.25;font-weight:700;letter-spacing:-.02em}
.lc-subtitle{margin:.35rem 0 0;color:#7a879f;font-size:.9rem;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:12px;padding:.55rem .9rem;font-size:.84rem;font-weight:600;line-height:1.25;text-decoration:none!important;cursor:pointer;transition:.16s ease;background:#fff;color:#334155}
.lc-btn:hover{transform:translateY(-1px)}
.lc-btn-primary{background:#6f62ff!important;border-color:#6f62ff!important;color:#fff!important;box-shadow:0 8px 18px rgba(111,98,255,.18)}
.lc-btn-secondary{background:#fff!important;border-color:#e3e8f1!important;color:#334155!important}
.lc-btn-warning{background:#fff7ed!important;border-color:#fed7aa!important;color:#c2410c!important}
.lc-btn-danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.lc-btn-dark{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important}
.lc-btn-sm{min-height:34px;padding:.42rem .7rem;font-size:.78rem;border-radius:10px}
.lc-panel{background:#fff;border:1px solid #e5e9f2;border-radius:16px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.lc-panel-pad{padding:1.25rem}
.lc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1rem 1.1rem;border-bottom:1px solid #e8edf4}
.lc-panel-title{margin:0;color:#25324b;font-size:1rem;font-weight:700;line-height:1.4}
.lc-panel-desc{margin:.2rem 0 0;color:#7a879f;font-size:.8rem;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:#fff;border:1px solid #e5e9f2;border-radius:16px;padding:1.15rem;box-shadow:0 8px 24px rgba(15,23,42,.035);transition:.16s ease}
.lc-service-card:hover{border-color:#d7ddea;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.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:#f0eeff;color:#6f62ff;font-size:18px}
.lc-service-name{font-size:1rem;font-weight:700;color:#25324b;line-height:1.35}.lc-service-meta{font-size:.78rem;color:#7a879f;margin-top:.25rem;line-height:1.45}
.lc-kv{margin:1rem 0;border-top:1px solid #edf1f5}.lc-kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.72rem 0;border-bottom:1px solid #edf1f5;font-size:.8rem}.lc-kv-row>span:first-child{color:#7a879f}.lc-kv-row strong{color:#334155;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:#fff;border:1px solid #e5e9f2;border-radius:15px;padding:1rem;box-shadow:0 8px 22px rgba(15,23,42,.03)}.lc-stat-label{font-size:.75rem;color:#7a879f;font-weight:600}.lc-stat-value{font-size:1.55rem;line-height:1.15;color:#25324b;font-weight:700;margin-top:.25rem}.lc-stat-help{font-size:.7rem;color:#9aa5b8;margin-top:.2rem}
.lc-input,.lc-select,.lc-textarea{display:block;width:100%;min-height:44px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:.65rem .8rem;color:#334155;font-size:.88rem;outline:none}.lc-textarea{min-height:110px;resize:vertical}.lc-input:focus,.lc-select:focus,.lc-textarea:focus{border-color:#6f62ff;box-shadow:0 0 0 .25rem rgba(111,98,255,.1)}
.lc-label{display:block;margin-bottom:.45rem;font-size:.8rem;font-weight:600;color:#42516d}.lc-field{margin-bottom:1rem}.lc-hint{margin-top:.35rem;color:#8b97aa;font-size:.74rem;line-height:1.5}
.lc-note{display:flex;align-items:flex-start;gap:9px;border:1px solid #cfeaf4;border-radius:13px;background:#effaff;color:#126580;padding:.75rem .9rem;font-size:.8rem;line-height:1.55}.lc-note-warn{border-color:#fde2ba;background:#fff8ee;color:#af6414}
.lc-empty{border:1px dashed #d9e0ea;border-radius:16px;background:#fff;text-align:center;padding:3.5rem 1rem}.lc-empty-icon{width:50px;height:50px;border-radius:14px;background:#f4f6fa;color:#8a96aa;display:grid;place-items:center;margin:0 auto .8rem;font-size:20px}.lc-empty h3{font-size:1rem;color:#334155}.lc-empty p{font-size:.8rem;color:#8793a7;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:#edf1f5;border-radius:999px;overflow:hidden}.lc-progress>span{display:block;height:100%;background:#6f62ff;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 #e8edf4;background:#f8faff;border-radius:16px;padding:1rem}
.service-package-card{border:1px solid #e5e9f2!important;border-radius:18px!important;transition:.16s ease}
.service-package-card:hover{transform:translateY(-2px);border-color:#d9dff0!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!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:#63708a;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:#334155;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:96px}
.summary-list{display:grid;gap:0;border:1px solid #edf1f5;border-radius:14px;background:#fbfcff;padding:.25rem .9rem}
.summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem 0;border-bottom:1px solid #edf1f5;font-size:.82rem}.summary-list>div:last-child{border-bottom:0}.summary-list span{color:#7a879f}.summary-list strong{color:#334155;text-align:right}.summary-list .summary-total{margin-top:.15rem;padding-top:.9rem}.summary-list .summary-total strong{font-size:1.2rem;color:#6f62ff}.summary-list.compact>div{padding:.6rem 0}
.domain-price-card{display:flex;align-items:center;gap:12px;border:1px solid #e6ebf2;border-radius:16px;background:#fff;padding:1rem;box-shadow:0 8px 22px rgba(15,23,42,.03)}
.domain-price-logo{width:48px;height:48px;display:grid;place-items:center;border:1px solid #e8edf4;border-radius:13px;background:#f7f9fc;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:#516078;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 #e5e9f2;border-radius:16px;background:#fff;padding:1rem;height:100%}.domain-result-card.available{border-left:3px solid #10b981}.domain-result-card.taken{border-left:3px solid #ef4444}.domain-result-card.premium{border-left:3px solid #f59e0b}
.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:#f3f5f8}.website-thumb.active{border-color:#6f62ff}.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}

/* modal forms used by Hosting / Reseller / Cron controllers */
.lc-modal-actions.single-action{grid-template-columns:1fr!important}
.lc-modal-actions.reverse{direction:rtl}.lc-modal-actions.reverse>*{direction:ltr}
.lc-modal-form{text-align:left}.lc-modal-label{display:block;margin:.85rem 0 .45rem;font-size:.8rem;font-weight:700;color:#42516d}.lc-modal-summary,.lc-modal-total{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e8edf4;border-radius:14px;background:#f8fafc;padding:.85rem 1rem}.lc-modal-summary span,.lc-modal-total span{color:#7a879f;font-size:.82rem}.lc-modal-summary strong,.lc-modal-total strong{color:#334155}.lc-modal-total{margin-top:1rem}.lc-modal-total strong{color:#6f62ff;font-size:1.18rem}
.lc-modal-body .swal2-select{display:block;width:100%;min-height:50px;margin:.85rem 0 0;border:1px solid #dbe3ef;border-radius:14px;background:#fff;padding:.7rem .9rem;color:#334155;font-size:1rem;outline:none}
#hosting-renew-check,#reseller-renew-check,#copy-new-reseller-password{min-height:50px;border:1px solid #6f62ff!important;border-radius:14px!important;background:#6f62ff!important;color:#fff!important;padding:.7rem 1rem!important;font-size:.88rem!important;font-weight:700!important;white-space:nowrap}
#hosting-renew-discount-msg,#reseller-renew-discount-msg{min-height:18px}
#new-reseller-password,#reseller-api-token-value{overflow-wrap:anywhere;word-break:break-all}

/* management cards: hosting / reseller / cron */
.lc-host-hero,.lc-reseller-hero{border-radius:18px!important;border:1px solid #e5e9f2!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important}
.lc-host-summary-card,.lc-reseller-summary-card{border-radius:15px!important}
.lc-host-info-list,.lc-reseller-info-list{border-radius:14px!important}

@media(max-width:1199.98px){.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))}}
@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}}
@media(max-width:767.98px){
  .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.3rem}.lc-subtitle{font-size:.82rem}
  .lc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lc-stat{padding:.8rem}.lc-stat-value{font-size:1.3rem}.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:12px!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:.78rem}.summary-list strong{max-width:58%}
  .topup-method-card{padding:16px}.topup-method-icon{width:46px;height:46px}.topup-method-title{font-size:1rem}.topup-method-desc{font-size:.82rem}.topup-method-check{width:22px;height:22px}
  .topup-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575.98px){
  html[data-layout-style=detached] .page-content{padding-left:.65rem!important;padding-right:.65rem!important}.card-header{padding:.9rem!important}.card-body{padding:1rem}
  .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}.lc-reseller-account-stats>div{padding:10px 5px!important}.lc-reseller-account-stats span{font-size:18px!important}
  .topup-bank-grid{grid-template-columns:1fr}.topup-info-grid{grid-template-columns:1fr}.topup-qr-box img{max-width:190px}
  .lc-modal-card{max-height:calc(100vh - 16px)!important}.lc-modal-head{padding-top:24px!important}.lc-modal-icon{width:74px!important;height:74px!important}.lc-modal-title{font-size:1.4rem!important}.lc-modal-body [style*="display:flex"]{flex-wrap:wrap!important}.lc-modal-body [style*="display:flex"] input{min-width:0!important}.lc-modal-body #hosting-renew-check,.lc-modal-body #reseller-renew-check{width:100%}
}
@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%}.topbar-user .user-name-text,.topbar-user .user-name-sub-text{display:none!important}}

.min-w-0{min-width:0!important}