/* =========================================================
   TIEN LIST CLIENT V7 — premium storefront UI
   This layer intentionally loads last and normalizes legacy
   Bootstrap + old utility markup into one client design system.
   ========================================================= */
:root{
  --tl7-ink:#10213d;
  --tl7-ink-2:#1d3152;
  --tl7-muted:#71819a;
  --tl7-muted-2:#95a2b4;
  --tl7-bg:#f5f7fb;
  --tl7-surface:#ffffff;
  --tl7-soft:#f8faff;
  --tl7-line:#e5ebf3;
  --tl7-line-strong:#d8e1ee;
  --tl7-navy:#0b2346;
  --tl7-navy-2:#12345f;
  --tl7-primary:#326cf4;
  --tl7-primary-2:#275bd7;
  --tl7-primary-soft:#eef4ff;
  --tl7-teal:#12bfa6;
  --tl7-teal-soft:#eafbf7;
  --tl7-danger:#ef5b66;
  --tl7-warning:#efa52e;
  --tl7-radius:18px;
  --tl7-radius-sm:13px;
  --tl7-shadow:0 12px 34px rgba(22,45,82,.055);
  --tl7-shadow-hover:0 18px 46px rgba(22,45,82,.105);
  --tl7-shadow-lg:0 28px 90px rgba(8,27,58,.22);
}
*{box-sizing:border-box}
html{background:var(--tl7-bg);scroll-behavior:smooth}
body.lc-tienlist-app{font-family:Inter,"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:var(--tl7-bg)!important;color:var(--tl7-ink)!important;font-size:14px;letter-spacing:-.005em}
a{text-decoration:none}
::selection{background:rgba(50,108,244,.16);color:var(--tl7-ink)}

/* ---------- Header ---------- */
.lc-site-header{
  height:74px!important;
  background:rgba(9,31,64,.975)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 12px 36px rgba(9,31,64,.14)!important;
  backdrop-filter:saturate(150%) blur(16px)!important;
}
.lc-header-inner{min-height:74px!important;height:74px!important;gap:22px!important}
.lc-brand-image-only{min-width:170px!important;max-width:220px!important;display:flex!important;align-items:center!important}
.lc-brand-image-only .lc-brand-logo-wrap{height:45px!important;max-width:205px!important;width:auto!important;display:flex!important;align-items:center!important;background:transparent!important;border:0!important;padding:0!important}
.lc-brand-image-only .lc-brand-logo-wrap img{max-height:42px!important;max-width:200px!important;width:auto!important;object-fit:contain!important;filter:none!important}
.lc-desktop-nav{height:100%;align-items:center;gap:3px!important;margin-left:8px}
.lc-nav-link{position:relative;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 13px!important;border-radius:11px!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.69)!important;font-size:.83rem!important;font-weight:650!important;transition:background .17s ease,color .17s ease,transform .17s ease!important}
.lc-nav-link:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
.lc-nav-link.active{background:rgba(255,255,255,.095)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.lc-nav-link.active:after{content:"";position:absolute;left:13px;right:13px;bottom:-16px;height:2px;border-radius:999px;background:linear-gradient(90deg,#5d8dff,#22d0b4)}
.lc-header-actions{gap:7px!important}
.lc-balance-pill{height:42px!important;padding:0 13px!important;border:1px solid rgba(38,211,185,.18)!important;border-radius:12px!important;background:rgba(21,180,158,.085)!important;color:#c8fff5!important;font-size:.82rem!important;font-weight:750!important;gap:7px!important}
.lc-balance-pill i{color:#40dcc4!important}
.lc-icon-btn{width:42px!important;height:42px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.045)!important;color:rgba(255,255,255,.85)!important;transition:.17s ease!important}
.lc-icon-btn:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;transform:translateY(-1px)}
.lc-account-btn{height:44px!important;padding:4px 9px 4px 5px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.085)!important;background:rgba(255,255,255,.045)!important;color:#fff!important;gap:8px!important}
.lc-account-btn:hover,.lc-account-btn.show{background:rgba(255,255,255,.085)!important}
.lc-account-btn img{width:35px!important;height:35px!important;border-radius:10px!important;object-fit:cover;border:1px solid rgba(255,255,255,.16)}
.lc-account-btn strong{display:block;color:#fff;font-size:.79rem;line-height:1.15;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-account-btn small{display:block;color:rgba(255,255,255,.5);font-size:.66rem;margin-top:2px}
.lc-account-menu,.lc-small-menu,.lc-mega-menu,.lc-manage-menu{margin-top:9px!important;border:1px solid var(--tl7-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 22px 60px rgba(12,35,72,.16)!important;padding:7px!important;overflow:hidden!important}
.lc-account-menu{min-width:245px!important}.lc-small-menu{min-width:240px!important}.lc-manage-menu{min-width:225px!important}.lc-mega-menu{min-width:570px!important;padding:12px!important}
.lc-account-menu-head{padding:12px!important;margin:-1px -1px 5px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#f5f8ff,#eef5ff)!important}
.lc-account-menu-head span,.lc-account-menu-head small{display:block;color:var(--tl7-muted)!important;font-size:.71rem!important}.lc-account-menu-head strong{display:block;color:var(--tl7-ink)!important;font-size:.9rem!important;margin:2px 0}
.lc-account-menu .dropdown-item,.lc-small-menu .dropdown-item,.lc-manage-menu .dropdown-item{display:flex!important;align-items:center!important;gap:9px!important;min-height:39px!important;padding:8px 10px!important;border-radius:10px!important;color:#40516c!important;font-size:.81rem!important;font-weight:600!important}
.lc-account-menu .dropdown-item i,.lc-small-menu .dropdown-item i,.lc-manage-menu .dropdown-item i{width:18px!important;font-size:16px!important;color:#8795aa!important}
.lc-account-menu .dropdown-item:hover,.lc-small-menu .dropdown-item:hover,.lc-manage-menu .dropdown-item:hover{background:#f4f7fc!important;color:var(--tl7-ink)!important}
.lc-account-menu .dropdown-divider,.lc-small-menu .dropdown-divider,.lc-manage-menu .dropdown-divider{border-color:#edf1f6!important;margin:5px 2px!important}
.lc-mega-grid{gap:7px!important}.lc-mega-item{padding:12px!important;border-radius:12px!important;border:1px solid transparent!important;transition:.17s ease!important}.lc-mega-item:hover{background:#f7f9fd!important;border-color:#edf1f7!important;transform:translateY(-1px)}
.lc-mega-icon{width:40px!important;height:40px!important;border-radius:11px!important;background:var(--tl7-primary-soft)!important;color:var(--tl7-primary)!important}.lc-mega-item:nth-child(2n) .lc-mega-icon{background:var(--tl7-teal-soft)!important;color:var(--tl7-teal)!important}.lc-mega-item strong{font-size:.83rem!important;color:var(--tl7-ink)!important}.lc-mega-item small{font-size:.7rem!important;color:var(--tl7-muted)!important;line-height:1.45!important}

/* ---------- Main surface ---------- */
.lc-site-main{min-height:calc(100vh - 74px)!important;padding:30px 0 54px!important;background:
 radial-gradient(circle at 4% 0,rgba(50,108,244,.055),transparent 23%),
 radial-gradient(circle at 96% 1%,rgba(18,191,166,.035),transparent 20%),
 var(--tl7-bg)!important}
.lc-content-wrap{max-width:1320px!important;padding-left:22px!important;padding-right:22px!important}

/* ---------- Headings ---------- */
.page-title-box{position:relative!important;padding:2px 0 0!important;margin:0 0 22px!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:auto!important}
.page-title-box h4,.page-title-box .mb-sm-0{margin:0!important;color:var(--tl7-ink)!important;font-size:1.55rem!important;font-weight:820!important;line-height:1.2!important;letter-spacing:-.035em!important;text-transform:none!important}
.page-title-box p{margin-top:7px!important;color:var(--tl7-muted)!important;font-size:.86rem!important;line-height:1.65!important;max-width:820px}
.page-title-box .breadcrumb{display:inline-flex!important;align-items:center!important;gap:2px!important;margin:0!important;padding:7px 10px!important;border:1px solid var(--tl7-line)!important;border-radius:10px!important;background:rgba(255,255,255,.7)!important;color:var(--tl7-muted)!important;font-size:.76rem!important;box-shadow:0 3px 12px rgba(29,52,88,.025)}
.page-title-box .breadcrumb a{color:#60708b!important}.page-title-box .breadcrumb-item.active{color:#8c99ab!important}
.lc-page-head{position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 22px!important;padding:0!important;background:transparent!important}
.lc-eyebrow{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-bottom:7px!important;color:var(--tl7-primary)!important;font-size:.7rem!important;font-weight:780!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.lc-eyebrow i{width:24px;height:24px;border-radius:8px;background:var(--tl7-primary-soft);display:grid;place-items:center;font-size:13px}
.lc-title{font-size:1.6rem!important;line-height:1.2!important;font-weight:830!important;letter-spacing:-.04em!important;color:var(--tl7-ink)!important;margin:0!important}.lc-subtitle{font-size:.86rem!important;line-height:1.65!important;color:var(--tl7-muted)!important;margin-top:7px!important;max-width:820px!important}

/* ---------- Buttons / forms ---------- */
.btn,.lc-btn{min-height:41px;border-radius:11px!important;font-weight:680!important;letter-spacing:-.01em!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease!important}
.btn:hover,.lc-btn:hover{transform:translateY(-1px)}
.btn-primary,.lc-btn-primary{background:linear-gradient(135deg,#3975fa,#2d63e7)!important;border-color:#326cf4!important;color:#fff!important;box-shadow:0 8px 19px rgba(50,108,244,.16)!important}
.btn-primary:hover,.lc-btn-primary:hover{background:linear-gradient(135deg,#3069eb,#2557cd)!important;border-color:#285edb!important;box-shadow:0 11px 24px rgba(50,108,244,.2)!important}
.btn-light,.lc-btn-secondary{background:#f7f9fc!important;border-color:#e2e8f1!important;color:#3c4e69!important;box-shadow:none!important}.btn-light:hover,.lc-btn-secondary:hover{background:#f0f4f9!important;border-color:#d6dfeb!important;color:var(--tl7-ink)!important}
.btn-soft-primary{background:#edf3ff!important;border-color:#dfe9ff!important;color:#326cf4!important}.btn-soft-primary:hover{background:#e4edff!important;color:#275bd7!important}
.form-control,.form-select,.input-group-text,.lc-input,.lc-select,.lc-textarea{min-height:46px!important;border:1px solid #dce4ef!important;border-radius:12px!important;background:#fff!important;color:var(--tl7-ink)!important;font-size:.86rem!important;box-shadow:none!important}
.form-control::placeholder,.lc-input::placeholder,.lc-textarea::placeholder{color:#a1adbd!important}
.form-control:focus,.form-select:focus,.lc-input:focus,.lc-select:focus,.lc-textarea:focus{border-color:#7da3ff!important;box-shadow:0 0 0 .23rem rgba(50,108,244,.095)!important}
.form-label,.lc-label{font-size:.79rem!important;font-weight:700!important;color:#40516a!important;margin-bottom:7px!important}.form-text,.lc-hint{font-size:.72rem!important;color:#94a1b3!important;line-height:1.55!important}
textarea.form-control,.lc-textarea{min-height:116px!important}

/* ---------- Cards ---------- */
.card,.lc-panel,.lc-service-card,.lc-price-card{border:1px solid var(--tl7-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--tl7-shadow)!important}
.card{overflow:visible}.card-header{padding:17px 19px!important;border-bottom:1px solid #e9eef5!important;border-radius:18px 18px 0 0!important;background:#fff!important}.card-body{padding:19px!important}.card-footer{padding:14px 19px!important;border-top:1px solid #edf1f6!important;background:#fff!important;border-radius:0 0 18px 18px!important}
.card-title{color:var(--tl7-ink)!important;font-weight:760!important;letter-spacing:-.018em!important}.card:hover.card-animate{transform:translateY(-2px)!important;box-shadow:var(--tl7-shadow-hover)!important}
.alert{border-radius:14px!important;font-size:.82rem!important;line-height:1.58!important;padding:.88rem 1rem!important}
.badge{border-radius:999px!important;font-weight:700!important;letter-spacing:-.005em!important}

/* ---------- Dashboard ---------- */
body .card.card-animate{position:relative;overflow:hidden;border-color:#e5ebf3!important;transition:.18s ease!important}
body .card.card-animate:after{content:"";position:absolute;right:-28px;bottom:-34px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(50,108,244,.08),transparent 68%);pointer-events:none}
body .card.card-animate .text-uppercase{font-size:.69rem!important;letter-spacing:.07em!important;color:#8794a7!important}
body .card.card-animate .fs-22{font-size:1.75rem!important;color:var(--tl7-ink)!important;letter-spacing:-.04em}
body .card.card-animate .avatar-title{border-radius:13px!important}
body .card .list-group-item{border-color:#edf1f6!important;background:transparent!important}.card .list-group-item:hover{background:#f8faff!important}
body a.card.border.shadow-none{border:1px solid #e7ecf4!important;border-radius:14px!important;transition:.16s ease!important}.card.border.shadow-none:hover{border-color:#cbd9f6!important;background:#fbfcff!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(28,55,100,.06)!important}

/* ---------- Home ---------- */
.np-hero{padding:56px!important;border-radius:26px!important;margin-bottom:28px!important;background:
 linear-gradient(125deg,rgba(6,25,54,.98),rgba(10,46,92,.97)),
 radial-gradient(circle at 85% 20%,rgba(38,206,177,.35),transparent 35%)!important;box-shadow:0 24px 64px rgba(7,29,61,.17)!important;border:1px solid rgba(255,255,255,.05)!important}
.np-hero:before{width:470px!important;height:470px!important;background:radial-gradient(circle,rgba(35,212,181,.23),rgba(35,212,181,0) 68%)!important}.np-hero:after{background:radial-gradient(circle,rgba(73,126,255,.28),rgba(73,126,255,0) 70%)!important}
.np-kicker{height:30px!important;padding:0 11px!important;background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.11)!important;font-size:.69rem!important;letter-spacing:.035em!important}
.np-hero h1{max-width:760px;font-size:clamp(2.2rem,4vw,3.55rem)!important;line-height:1.04!important;font-weight:850!important;letter-spacing:-.06em!important;margin:17px 0 16px!important}.np-hero p{max-width:700px!important;color:rgba(255,255,255,.67)!important;font-size:.96rem!important;line-height:1.78!important}.np-hero-actions{margin-top:26px!important}.np-hero-primary,.np-hero-secondary{min-height:47px!important;border-radius:12px!important;padding:0 17px!important;font-size:.82rem!important;font-weight:740!important}.np-hero-panel{padding:13px!important;border-radius:20px!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.np-hero-service{padding:11px!important;border-radius:12px!important}.np-hero-service:hover{background:rgba(255,255,255,.07)!important}.np-hero-service i{width:38px!important;height:38px!important;border-radius:11px!important}.np-section-head{margin:31px 0 15px!important}.np-section-head h2{font-size:1.28rem!important;font-weight:820!important;letter-spacing:-.03em!important;color:var(--tl7-ink)!important}.np-section-head p{font-size:.82rem!important;color:var(--tl7-muted)!important;margin-top:4px!important}.np-section-head>a{font-size:.78rem!important;font-weight:700!important;color:var(--tl7-primary)!important}.np-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.np-service-card{min-height:145px!important;padding:20px!important;border-radius:17px!important;border-color:#e5ebf3!important;box-shadow:0 9px 25px rgba(25,49,87,.035)!important}.np-service-card:hover{border-color:#c7d6f8!important;box-shadow:0 18px 42px rgba(30,67,129,.085)!important}.np-service-icon{width:47px!important;height:47px!important;border-radius:13px!important}.np-service-card h3{font-size:.97rem!important;font-weight:760!important;color:var(--tl7-ink)!important}.np-service-card p{font-size:.78rem!important;line-height:1.58!important;color:var(--tl7-muted)!important}.np-content-grid{gap:17px!important}.np-content-card{border:1px solid var(--tl7-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 9px 26px rgba(25,49,87,.035)!important;overflow:hidden!important;transition:.18s ease!important}.np-content-card:hover{transform:translateY(-3px)!important;border-color:#c8d7f8!important;box-shadow:var(--tl7-shadow-hover)!important}.np-content-thumb{background:#edf2f8!important;overflow:hidden!important}.np-content-thumb img{transition:transform .3s ease!important}.np-content-card:hover .np-content-thumb img{transform:scale(1.025)}.np-content-body{padding:17px!important}.np-content-meta{color:#8996a9!important;font-size:.69rem!important}.np-content-body h3{font-size:.94rem!important;line-height:1.45!important;font-weight:750!important;color:var(--tl7-ink)!important}.np-content-body p{font-size:.76rem!important;line-height:1.58!important;color:var(--tl7-muted)!important}.np-price{color:var(--tl7-primary)!important;font-weight:800!important}.np-small-link{font-size:.75rem!important;font-weight:700!important;color:#52627a!important}

/* ---------- Service purchase cards ---------- */
.purchase-shell-card,.checkout-card,.checkout-summary-card{overflow:hidden!important;border-radius:19px!important}
.service-switch{padding:4px!important;border:1px solid #e2e8f1!important;border-radius:12px!important;background:#f7f9fc!important;gap:3px}.service-switch .btn{border:0!important;min-height:36px!important;border-radius:9px!important;padding:0 12px!important;font-size:.77rem!important}.service-switch .btn-light{background:transparent!important}.service-switch .btn-primary{box-shadow:0 5px 13px rgba(50,108,244,.15)!important}
.reseller-package-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.lc-reseller-price-card{min-width:0!important}.lc-reseller-price-card .pricing-box{height:100%!important;max-width:none!important;border-radius:18px!important;overflow:hidden!important;transition:.18s ease!important}.lc-reseller-price-card .pricing-box:hover{transform:translateY(-4px)!important;border-color:#c8d6f8!important;box-shadow:var(--tl7-shadow-hover)!important}.lc-reseller-price-card .card-body{padding:22px!important}.lc-reseller-price-card .fs-28{font-size:1.85rem!important;letter-spacing:-.045em!important}.lc-reseller-price-card table{margin-top:3px!important}.lc-reseller-price-card td{padding:.72rem 0!important;border-bottom:1px solid #edf1f6!important;font-size:.8rem!important}.lc-reseller-price-card tr:last-child td{border-bottom:0!important}.lc-reseller-price-card .btn-primary{min-height:44px!important;margin-top:10px!important}
/* AJAX cPanel package cards and common pricing blocks */
#content .row.g-3,#content .row.g-4{row-gap:18px!important}.service-package-card,.pricing-box{transition:.18s ease!important}.service-package-card:hover,.pricing-box:hover{border-color:#c9d8fa!important;box-shadow:var(--tl7-shadow-hover)!important}.pricing-box .table td{font-size:.79rem!important;border-color:#edf1f6!important}

/* ---------- Checkout ---------- */
.checkout-summary-card{position:sticky!important;top:96px!important;box-shadow:0 16px 42px rgba(25,49,87,.07)!important}.checkout-summary-card .card-header{padding:18px 19px!important}.checkout-summary-card .card-body{padding:19px!important}.summary-list{padding:2px 13px!important;border:1px solid #e6ebf3!important;border-radius:14px!important;background:#f8faff!important}.summary-list>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:11px 0!important;border-bottom:1px solid #e9eef5!important;font-size:.79rem!important;color:#74829a!important}.summary-list>div:last-child{border-bottom:0!important}.summary-list strong{color:#33445e!important;font-weight:700!important}.summary-list .summary-total{padding-top:14px!important;padding-bottom:14px!important}.summary-list .summary-total strong{font-size:1.23rem!important;color:var(--tl7-primary)!important;letter-spacing:-.03em!important}.duration-grid{gap:8px!important}.duration-grid .btn{background:#f7f9fc!important;border-color:#e0e7f0!important;color:#55657c!important;box-shadow:none!important}.duration-grid .btn.active,.duration-grid .btn.btn-primary{background:linear-gradient(135deg,#3975fa,#2d63e7)!important;border-color:#326cf4!important;color:#fff!important}.lc-paymethod-box{border:1px solid #e1e8f1!important;border-radius:15px!important;overflow:hidden!important;background:#fff!important}.lc-paymethod-option{padding:13px 14px!important}.lc-paymethod-option+.lc-paymethod-option{border-top:1px solid #edf1f6!important}.lc-paymethod-option.is-selected{background:#f5f8ff!important}.lc-paymethod-title{font-size:.82rem!important;font-weight:720!important}.lc-paymethod-subtitle{font-size:.72rem!important;color:#8c99ab!important}.lc-paymethod-radio{width:18px!important;height:18px!important}

/* ---------- Legacy utility markup compatibility ---------- */
.grid{display:grid!important}.flex{display:flex!important}.block{display:block!important}.inline-flex{display:inline-flex!important}.hidden{display:none!important}.relative{position:relative!important}.absolute{position:absolute!important}.sticky{position:sticky!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1 1 0%!important}.shrink-0{flex-shrink:0!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.space-y-2>*+*{margin-top:.5rem!important}.space-y-3>*+*{margin-top:.75rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.divide-y>*+*{border-top:1px solid var(--tl7-line)!important}
.w-full{width:100%!important}.w-40{width:10rem!important}.w-72{width:18rem!important}.w-12{width:3rem!important}.w-4{width:1rem!important}.h-12{height:3rem!important;min-height:3rem!important}.h-72{height:18rem!important}.min-h-\[70vh\]{min-height:70vh!important}.max-w-xl{max-width:36rem!important}.max-w-3xl{max-width:48rem!important}.max-w-6xl{max-width:72rem!important}.max-w-7xl{max-width:80rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:.75rem!important}.mr-4{margin-right:1rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.border{border:1px solid var(--tl7-line)!important}.border-2{border-width:2px!important}.border-b{border-bottom:1px solid var(--tl7-line)!important}.border-t{border-top:1px solid var(--tl7-line)!important}.border-gray-100{border-color:#edf1f6!important}.border-gray-200{border-color:#e4eaf2!important}.border-gray-300{border-color:#d8e1ec!important}.border-blue-200{border-color:#cfe0ff!important}.border-green-200{border-color:#bdeedc!important}.border-green-300{border-color:#9fe3c9!important}.border-red-300{border-color:#f8bdc1!important}.border-yellow-200{border-color:#f7dfb3!important}.border-primary{border-color:var(--tl7-primary)!important}.rounded-lg{border-radius:10px!important}.rounded-xl{border-radius:12px!important}.rounded-2xl{border-radius:18px!important}.rounded-full{border-radius:999px!important}.shadow{box-shadow:var(--tl7-shadow)!important}.shadow-sm{box-shadow:0 8px 24px rgba(25,49,87,.04)!important}.overflow-hidden{overflow:hidden!important}.object-cover{object-fit:cover!important}.top-24{top:6rem!important}.top-0{top:0!important}
.bg-white{background:#fff!important}.bg-gray-50{background:#f8fafc!important}.bg-blue-50{background:#f1f6ff!important}.bg-green-50{background:#eefbf6!important}.bg-red-50{background:#fff3f4!important}.bg-yellow-50{background:#fff9ed!important}.bg-primary{background:var(--tl7-primary)!important}.bg-blue-500{background:#3b82f6!important}.bg-blue-600{background:#2563eb!important}.bg-green-600{background:#16a36f!important}.text-white{color:#fff!important}.text-gray-800{color:#25364f!important}.text-gray-700{color:#40516a!important}.text-gray-600{color:#60708a!important}.text-gray-500{color:#7f8da2!important}.text-blue-800{color:#244a8a!important}.text-blue-700{color:#2b58a6!important}.text-blue-600{color:#2f6fd4!important}.text-blue-500{color:#4b84e7!important}.text-green-700{color:#147b5a!important}.text-green-600{color:#16906a!important}.text-green-500{color:#22a879!important}.text-red-700{color:#b8424d!important}.text-red-600{color:#d34f5b!important}.text-red-500{color:#e36670!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.font-semibold{font-weight:650!important}.font-bold{font-weight:760!important}.font-black{font-weight:850!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.leading-relaxed{line-height:1.7!important}
/* Give legacy Tailwind checkout cards the same premium shell */
.grid>.bg-white.rounded-2xl{border:1px solid var(--tl7-line)!important;box-shadow:var(--tl7-shadow)!important}.grid>.bg-white.rounded-2xl>.border-b,.grid>.bg-white.rounded-2xl>div>.border-b{border-bottom-color:#e9eef5!important}.grid>.sticky.bg-white,.sticky.top-24.bg-white{box-shadow:0 16px 42px rgba(25,49,87,.07)!important}.domain-period{min-height:43px!important;border-radius:11px!important;border:1px solid #dde5f0!important;background:#f8fafd!important;color:#53637a!important;font-size:.8rem!important;font-weight:680!important}.domain-period.bg-primary,.domain-period.border-primary{background:var(--tl7-primary)!important;border-color:var(--tl7-primary)!important;color:#fff!important}.payment-method{transition:.16s ease!important}.payment-method:hover{border-color:#9cb9ff!important}.payment-method.active{border-color:var(--tl7-primary)!important;background:#f5f8ff!important}

/* ---------- Source marketplace ---------- */
.card.product{height:100%!important;border-radius:17px!important;overflow:hidden!important;transition:.18s ease!important}.card.product:hover{transform:translateY(-4px)!important;border-color:#c6d6f9!important;box-shadow:var(--tl7-shadow-hover)!important}.card.product .position-relative.bg-light{margin:-2px -2px 13px!important;border:1px solid #edf1f6!important;border-radius:13px!important;background:#eff3f8!important;padding:0!important}.card.product .position-relative.bg-light img{transition:transform .3s ease!important}.card.product:hover .position-relative.bg-light img{transform:scale(1.025)}.card.product h5 a{color:var(--tl7-ink)!important;font-weight:740!important}.card.product .card-footer{padding-top:11px!important;padding-bottom:11px!important}.card.product .btn-soft-primary{min-height:38px!important}

/* ---------- Blog ---------- */
.tl-blog-hero{gap:19px!important}.tl-blog-featured{border-radius:21px!important;min-height:400px!important;box-shadow:0 18px 48px rgba(14,38,76,.11)!important}.tl-blog-featured-content{padding:28px!important}.tl-blog-featured-content h2{font-size:1.85rem!important;line-height:1.24!important}.tl-blog-side-card{border-color:var(--tl7-line)!important;box-shadow:0 8px 24px rgba(24,48,86,.035)!important}.tl-blog-toolbar{border-color:var(--tl7-line)!important;box-shadow:0 8px 24px rgba(24,48,86,.035)!important}.tl-blog-card{border-color:var(--tl7-line)!important}.tl-article{border-radius:20px!important}.tl-article-head h1{color:var(--tl7-ink)!important}.tl-article-body .blog-content{color:#41516a!important}

/* ---------- Topup ---------- */
.topup-section-card{border-radius:19px!important}.topup-method-card{border-color:#e0e7f0!important;border-radius:16px!important;background:#fff!important;padding:19px!important;box-shadow:0 7px 20px rgba(24,48,86,.025)!important}.topup-method-card:hover{border-color:#b6c9f8!important;box-shadow:0 13px 30px rgba(24,48,86,.065)!important}.topup-method-card.active{border-color:#91aff8!important;background:#f7f9ff!important;box-shadow:0 12px 28px rgba(50,108,244,.075)!important}.topup-method-icon{width:47px!important;height:47px!important;border-radius:13px!important;background:var(--tl7-primary-soft)!important;color:var(--tl7-primary)!important}.topup-method-title{font-size:.96rem!important;color:var(--tl7-ink)!important}.topup-method-desc{font-size:.78rem!important;color:var(--tl7-muted)!important}.topup-bank-card{border-radius:14px!important;border-color:#e2e8f1!important}.topup-bank-card.active{border-color:#94b2fa!important;background:#f7f9ff!important}.topup-info-item{border-radius:13px!important;background:#f8fafd!important}.topup-note{border-radius:13px!important;font-size:.79rem!important}

/* ---------- Manage / resource pages ---------- */
.lc-host-hero{border:1px solid var(--tl7-line)!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f8faff)!important;box-shadow:var(--tl7-shadow)!important}.lc-host-summary-card{border-color:#e4eaf2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 20px rgba(25,49,87,.03)!important}.lc-host-summary-icon{background:var(--tl7-primary-soft)!important;color:var(--tl7-primary)!important}.lc-host-info-list,.lc-ns-row,.lc-resource-card,.lc-host-tool{border-color:#e4eaf2!important}.lc-host-tool:hover{border-color:#bdd0fb!important;background:#f8faff!important}

/* ---------- Footer ---------- */
.lc-site-footer{margin-top:0!important;padding:48px 0 22px!important;background:#081d3c!important;border-top:1px solid rgba(255,255,255,.04)!important}.lc-footer-brand{display:inline-flex!important;align-items:center!important;max-width:200px!important}.lc-footer-logo{max-width:190px!important;display:flex!important;align-items:center!important;background:transparent!important;border-radius:0!important;padding:0!important}.lc-footer-logo img{max-height:42px!important;max-width:185px!important;filter:none!important}.lc-footer-desc{color:rgba(255,255,255,.48)!important;font-size:.78rem!important;line-height:1.72!important}.lc-site-footer h6{font-size:.78rem!important;letter-spacing:.02em!important;color:#fff!important}.lc-site-footer .col-6>a,.lc-site-footer .col-lg-2>a{font-size:.77rem!important;color:rgba(255,255,255,.5)!important;padding:5px 0!important}.lc-site-footer .col-6>a:hover,.lc-site-footer .col-lg-2>a:hover{color:#fff!important;transform:translateX(2px)}.lc-footer-btn{min-height:38px!important;border-radius:10px!important}.lc-footer-bottom{font-size:.7rem!important;color:rgba(255,255,255,.34)!important;border-color:rgba(255,255,255,.075)!important}

/* ---------- New notification toast ---------- */
.lc-toast-container{top:86px!important;right:18px!important;padding:0!important;z-index:31000!important;width:min(390px,calc(100vw - 28px))!important;pointer-events:none!important}.tl7-toast{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 26px;gap:11px;align-items:start;width:100%;margin-bottom:10px;padding:13px 12px;border:1px solid var(--tl7-line);border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(10,31,64,.15);backdrop-filter:blur(12px);pointer-events:auto;overflow:hidden;animation:tl7ToastIn .24s cubic-bezier(.2,.7,.3,1)}.tl7-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tl7-primary)}.tl7-toast.success:before{background:var(--tl7-teal)}.tl7-toast.error:before{background:var(--tl7-danger)}.tl7-toast.warning:before{background:var(--tl7-warning)}.tl7-toast-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tl7-primary-soft);color:var(--tl7-primary);font-size:19px}.tl7-toast.success .tl7-toast-icon{background:var(--tl7-teal-soft);color:var(--tl7-teal)}.tl7-toast.error .tl7-toast-icon{background:#fff0f2;color:var(--tl7-danger)}.tl7-toast.warning .tl7-toast-icon{background:#fff8e9;color:var(--tl7-warning)}.tl7-toast-title{font-size:.83rem;font-weight:760;color:var(--tl7-ink);line-height:1.35;margin:1px 0 3px}.tl7-toast-message{font-size:.75rem;line-height:1.55;color:var(--tl7-muted);word-break:break-word}.tl7-toast-link{display:inline-flex;align-items:center;gap:4px;margin-top:7px;font-size:.72rem;font-weight:700;color:var(--tl7-primary)}.tl7-toast-close{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:#9aa6b7;display:grid;place-items:center}.tl7-toast-close:hover{background:#f2f5f9;color:#5f6f87}.tl7-toast-progress{position:absolute;left:3px;right:0;bottom:0;height:2px;background:rgba(50,108,244,.08)}.tl7-toast-progress>span{display:block;height:100%;width:100%;background:var(--tl7-primary);transform-origin:left;animation:tl7ToastProgress var(--tl7-toast-duration,4.6s) linear forwards}.tl7-toast.success .tl7-toast-progress>span{background:var(--tl7-teal)}.tl7-toast.error .tl7-toast-progress>span{background:var(--tl7-danger)}.tl7-toast.warning .tl7-toast-progress>span{background:var(--tl7-warning)}.tl7-toast.is-leaving{animation:tl7ToastOut .18s ease forwards}@keyframes tl7ToastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@keyframes tl7ToastOut{to{opacity:0;transform:translateX(18px)}}@keyframes tl7ToastProgress{to{transform:scaleX(0)}}

/* ---------- Responsive ---------- */
@media(max-width:1199.98px){
 .lc-header-inner{padding-left:18px!important;padding-right:18px!important}.lc-brand-image-only{min-width:0!important;max-width:170px!important}.lc-brand-image-only .lc-brand-logo-wrap{max-width:165px!important}.lc-brand-image-only .lc-brand-logo-wrap img{max-width:160px!important}.np-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reseller-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tl-blog-hero{grid-template-columns:1fr!important}.tl-blog-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:992px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:col-span-2{grid-column:span 2/span 2!important}.lg\:flex-row{flex-direction:row!important}}
@media(min-width:768px){.md\:flex-row{flex-direction:row!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:991.98px){
 .checkout-summary-card{position:static!important}.np-hero{padding:42px 36px!important}.tl-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tl-blog-detail-layout{grid-template-columns:1fr!important}.tl-blog-sidebar{position:static!important}.lc-page-head{align-items:flex-start!important;flex-direction:column!important}.reseller-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767.98px){
 body.lc-tienlist-app{font-size:13px}.lc-site-header,.lc-header-inner{height:66px!important;min-height:66px!important}.lc-header-inner{padding-left:13px!important;padding-right:13px!important;gap:8px!important}.lc-brand-image-only{max-width:135px!important}.lc-brand-image-only .lc-brand-logo-wrap{height:38px!important;max-width:132px!important}.lc-brand-image-only .lc-brand-logo-wrap img{max-height:36px!important;max-width:130px!important}.lc-header-actions{gap:4px!important}.lc-icon-btn,.lc-mobile-toggle{width:39px!important;height:39px!important;border-radius:11px!important}.lc-account-btn{height:39px!important;padding:3px!important}.lc-account-btn img{width:32px!important;height:32px!important;border-radius:9px!important}
 .lc-site-main{padding:20px 0 38px!important}.lc-content-wrap{padding-left:12px!important;padding-right:12px!important}.page-title-box{margin-bottom:16px!important}.page-title-box h4,.page-title-box .mb-sm-0{font-size:1.32rem!important}.page-title-box p{font-size:.79rem!important}.page-title-box .breadcrumb{font-size:.69rem!important;padding:6px 8px!important}.lc-title{font-size:1.38rem!important}.lc-subtitle{font-size:.79rem!important}.lc-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}.lc-actions .lc-btn{width:100%!important}
 .card,.lc-panel,.lc-service-card,.lc-price-card{border-radius:15px!important}.card-header{padding:14px 15px!important;border-radius:15px 15px 0 0!important}.card-body{padding:15px!important}.card-footer{padding:12px 15px!important;border-radius:0 0 15px 15px!important}.btn,.lc-btn{min-height:42px!important}.form-control,.form-select,.lc-input,.lc-select{font-size:16px!important;min-height:46px!important}
 .np-hero{padding:29px 22px!important;border-radius:20px!important}.np-hero-grid{gap:24px!important}.np-hero h1{font-size:2.05rem!important;line-height:1.07!important}.np-hero p{font-size:.84rem!important}.np-hero-actions{display:grid!important;grid-template-columns:1fr!important}.np-hero-primary,.np-hero-secondary{justify-content:center!important}.np-hero-panel{padding:10px!important}.np-service-grid,.np-content-grid{grid-template-columns:1fr!important}.np-service-card{min-height:0!important}.np-section-head{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}.np-section-head h2{font-size:1.15rem!important}.np-section-head p{font-size:.76rem!important}
 .reseller-package-grid{grid-template-columns:1fr!important}.lc-reseller-price-card .card-body{padding:18px!important}.service-switch{width:100%!important}.service-switch .btn{flex:1!important}.tl-blog-featured{min-height:310px!important}.tl-blog-featured-content{padding:19px!important}.tl-blog-featured-content h2{font-size:1.3rem!important}.tl-blog-side,.tl-blog-grid{grid-template-columns:1fr!important}.tl-blog-side-card{grid-template-columns:92px minmax(0,1fr)!important}.tl-blog-side-card img,.tl-blog-side-placeholder{width:92px!important;height:70px!important}
 .grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.gap-8{gap:1rem!important}.px-6{padding-left:1rem!important;padding-right:1rem!important}.p-6{padding:1rem!important}.sticky{position:static!important}.w-40{width:100%!important}.topup-bank-grid{grid-template-columns:1fr!important}.topup-info-grid{grid-template-columns:1fr!important}.lc-toast-container{top:76px!important;left:10px!important;right:10px!important;width:auto!important}.tl7-toast{grid-template-columns:38px minmax(0,1fr) 24px!important}.tl7-toast-icon{width:38px!important;height:38px!important;border-radius:11px!important}
 .lc-site-footer{padding:38px 0 20px!important}.lc-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
}
@media(max-width:420px){.lc-brand-image-only{max-width:115px!important}.lc-brand-image-only .lc-brand-logo-wrap img{max-width:112px!important}.np-hero h1{font-size:1.8rem!important}.lc-balance-pill{display:none!important}}

/* ---------- Premium source marketplace ---------- */
.tl-market-toolbar{margin-bottom:18px;border:1px solid var(--tl7-line);border-radius:18px;background:#fff;box-shadow:var(--tl7-shadow);overflow:hidden}.tl-market-filter{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(150px,.75fr)) auto;gap:9px;padding:14px}.tl-market-filter .form-select,.tl-market-filter .btn{min-height:43px!important}.tl-market-search{position:relative}.tl-market-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#95a2b4;font-size:16px}.tl-market-search input{width:100%;height:43px;border:1px solid #dce4ef;border-radius:12px;background:#fff;padding:0 13px 0 38px;color:var(--tl7-ink);font-size:.82rem;outline:none}.tl-market-search input:focus{border-color:#7da3ff;box-shadow:0 0 0 .22rem rgba(50,108,244,.09)}.tl-market-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid #edf1f6;background:#fbfcfe;color:#8190a4;font-size:.74rem}.tl-market-result strong{color:var(--tl7-ink)}.tl-market-result a{font-weight:700;color:var(--tl7-primary)}.tl-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.tl-source-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--tl7-line);border-radius:17px;background:#fff;box-shadow:0 9px 25px rgba(25,49,87,.035);overflow:hidden;transition:.2s ease}.tl-source-card:hover{transform:translateY(-4px);border-color:#c7d7f9;box-shadow:var(--tl7-shadow-hover)}.tl-source-thumb{position:relative;display:block;aspect-ratio:16/10;background:#edf2f8;overflow:hidden}.tl-source-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}.tl-source-card:hover .tl-source-thumb img{transform:scale(1.03)}.tl-source-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#9ba8ba;font-size:30px}.tl-source-sale{position:absolute;left:11px;top:11px;padding:5px 8px;border-radius:8px;background:#ef5b66;color:#fff;font-size:.68rem;font-weight:800;box-shadow:0 5px 14px rgba(239,91,102,.2)}.tl-source-body{display:flex;flex-direction:column;flex:1;padding:15px}.tl-source-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.tl-source-tags span{padding:4px 7px;border-radius:7px;background:#f2f5fa;color:#697990;font-size:.63rem;font-weight:700}.tl-source-tags span:first-child{background:#eef4ff;color:#326cf4}.tl-source-body h3{font-size:.92rem;line-height:1.45;font-weight:760;letter-spacing:-.015em;margin:0 0 6px}.tl-source-body h3 a{color:var(--tl7-ink)}.tl-source-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.45rem;margin:0 0 14px;color:var(--tl7-muted);font-size:.74rem;line-height:1.62}.tl-source-footer{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #edf1f6}.tl-source-footer>div{display:flex;align-items:baseline;gap:6px}.tl-source-footer strong{font-size:.96rem;color:var(--tl7-primary);font-weight:820}.tl-source-footer del{color:#a0abb9;font-size:.68rem}.tl-source-footer>span{color:#95a2b4;font-size:.67rem}.tl-source-footer i{font-size:13px}
@media(max-width:1199.98px){.tl-market-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-market-search{grid-column:span 2}.tl-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){.tl-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.tl-market-filter{grid-template-columns:1fr;padding:11px}.tl-market-search{grid-column:auto}.tl-market-result{align-items:flex-start;flex-direction:column}.tl-source-grid{grid-template-columns:1fr;gap:13px}.tl-source-card{border-radius:15px}.tl-source-body{padding:14px}}

/* ---------- Mobile navigation ---------- */
.lc-mobile-panel{z-index:33000!important}.lc-mobile-backdrop{background:rgba(6,22,47,.58)!important;backdrop-filter:blur(5px)!important}.lc-mobile-drawer{background:#fff!important;border-left:1px solid #e4eaf2!important;box-shadow:-22px 0 70px rgba(7,27,58,.2)!important}.lc-mobile-drawer-head{min-height:64px!important;padding:0 16px!important;border-bottom:1px solid #edf1f6!important;color:var(--tl7-ink)!important}.lc-mobile-drawer-head strong{font-size:.9rem!important;font-weight:780!important}.lc-mobile-drawer-head button{width:36px!important;height:36px!important;border:0!important;border-radius:10px!important;background:#f3f6fa!important;color:#738299!important}.lc-mobile-drawer-body{padding:13px!important}.lc-mobile-user{padding:12px!important;border:1px solid #e5ebf3!important;border-radius:14px!important;background:linear-gradient(135deg,#f7f9fd,#f0f5ff)!important;margin-bottom:10px!important}.lc-mobile-user img{width:42px!important;height:42px!important;border-radius:12px!important}.lc-mobile-user strong{font-size:.84rem!important;color:var(--tl7-ink)!important}.lc-mobile-user span{font-size:.72rem!important;color:var(--tl7-primary)!important;font-weight:700!important}.lc-mobile-label{padding:15px 9px 5px!important;color:#9aa6b7!important;font-size:.64rem!important;font-weight:780!important;letter-spacing:.1em!important;text-transform:uppercase!important}.lc-mobile-link{min-height:43px!important;padding:0 10px!important;border-radius:10px!important;color:#495b75!important;font-size:.81rem!important;font-weight:620!important;gap:10px!important}.lc-mobile-link i{width:20px!important;color:#8492a6!important;font-size:17px!important}.lc-mobile-link:hover,.lc-mobile-link.active{background:#f3f6fb!important;color:var(--tl7-ink)!important}.lc-mobile-auth{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}

/* ---------- Notification center ---------- */
.lc-notification-row{transition:.16s ease!important}.lc-notification-row:hover{background:#f8faff!important}.lc-notification-row .avatar-title{border-radius:12px!important;background:var(--tl7-primary-soft)!important;color:var(--tl7-primary)!important}.lc-notification-row h6{color:var(--tl7-ink)!important;font-size:.84rem!important;font-weight:740!important}.lc-notification-row p{font-size:.77rem!important;line-height:1.6!important;color:var(--tl7-muted)!important}

/* ---------- Client dashboard ---------- */
.tl-dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:24px 25px;border:1px solid #e1e8f1;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f7faff 72%,#f1f7ff 100%);box-shadow:var(--tl7-shadow);overflow:hidden;position:relative}.tl-dashboard-welcome:after{content:"";position:absolute;right:-80px;top:-115px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(50,108,244,.11),transparent 68%);pointer-events:none}.tl-dashboard-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--tl7-primary);font-size:.67rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.tl-dashboard-welcome h1{margin:0;color:var(--tl7-ink);font-size:1.55rem;line-height:1.2;font-weight:830;letter-spacing:-.04em}.tl-dashboard-welcome p{margin:7px 0 0;color:var(--tl7-muted);font-size:.82rem}.tl-dashboard-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.tl-dashboard-stat{min-height:132px!important}.tl-dashboard-stat .card-body{padding:19px!important}.tl-dashboard-stat .avatar-sm{width:44px!important;height:44px!important}.tl-dashboard-stat .avatar-title{width:44px!important;height:44px!important}.tl-dashboard-stat .fs-22{font-size:1.65rem!important}
@media(max-width:767.98px){.tl-dashboard-welcome{align-items:flex-start;flex-direction:column;padding:19px}.tl-dashboard-welcome h1{font-size:1.35rem}.tl-dashboard-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.tl-dashboard-actions .btn{width:100%}}
.cursor-pointer{cursor:pointer!important}.transition{transition:all .16s ease!important}.text-green-100{color:#d9fff2!important}.hover\:opacity-90:hover{opacity:.9!important}.hover\:border-primary:hover{border-color:var(--tl7-primary)!important}.hover\:bg-primary-dark:hover{background:var(--tl7-primary-2)!important}.hover\:bg-green-700:hover{background:#12845b!important}.focus\:outline-none:focus{outline:none!important}.focus\:border-primary:focus{border-color:var(--tl7-primary)!important}.focus\:ring-2:focus{box-shadow:0 0 0 .22rem rgba(50,108,244,.1)!important}.focus\:ring-primary:focus{--tw-ring-color:rgba(50,108,244,.12)!important}
/* Additional legacy utilities still used by account/manage screens */
.rounded-3xl{border-radius:22px!important}.rounded-t-xl{border-radius:12px 12px 0 0!important}.text-gray-300{color:#c6cfdb!important}.text-gray-400{color:#96a3b5!important}.text-gray-900{color:#17263f!important}.text-red-800{color:#a83843!important}.text-blue-900{color:#1e447f!important}.bg-blue-100{background:#dfeaff!important}.space-y-5>*+*{margin-top:1.25rem!important}.gap-1{gap:.25rem!important}.gap-7{gap:1.75rem!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.h-4{height:1rem!important}.h-9{height:2.25rem!important}.w-9{width:2.25rem!important}.h-48{height:12rem!important}.w-fit{width:fit-content!important}.max-w-xs{max-width:20rem!important}.max-w-2xl{max-width:42rem!important}.max-w-5xl{max-width:64rem!important}.max-w-\[55\%\]{max-width:55%!important}.min-h-32{min-height:8rem!important}.min-h-\[75vh\]{min-height:75vh!important}.min-h-\[80vh\]{min-height:80vh!important}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important}.font-extrabold{font-weight:800!important}.tracking-widest{letter-spacing:.1em!important}.hover\:text-primary:hover{color:var(--tl7-primary)!important}.hover\:text-blue-700:hover{color:#2b58a6!important}.hover\:text-slate-900:hover{color:#0f172a!important}.hover\:text-red-700:hover{color:#b8424d!important}.hover\:shadow-xl:hover{box-shadow:var(--tl7-shadow-hover)!important}.hover\:bg-white\/10:hover{background:rgba(255,255,255,.1)!important}
@media(min-width:576px){.sm\:flex-row{flex-direction:row!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm\:items-center{align-items:center!important}}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:items-center{align-items:center!important}.md\:items-end{align-items:flex-end!important}.md\:text-4xl{font-size:2.25rem!important}}
@media(min-width:992px){.lg\:w-72{width:18rem!important}.lg\:sticky{position:sticky!important}.lg\:top-24{top:6rem!important}}
@media(min-width:1200px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* V8: reseller mobile spec rows — keep values visible on narrow iPhone screens */
.reseller-spec-list{display:grid!important;gap:0!important;border-top:1px solid #edf1f6!important}
.reseller-spec-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(110px,auto)!important;align-items:center!important;gap:14px!important;padding:12px 0!important;border-bottom:1px solid #edf1f6!important;font-size:.8rem!important}
.reseller-spec-row:last-child{border-bottom:0!important}
.reseller-spec-row span{min-width:0!important;color:#7d899d!important;line-height:1.45!important;overflow-wrap:anywhere!important}
.reseller-spec-row strong{min-width:0!important;color:#1f2d43!important;text-align:right!important;font-weight:750!important;line-height:1.45!important;overflow-wrap:anywhere!important}
@media(max-width:575.98px){
  .lc-reseller-price-card .pricing-box{overflow:hidden!important}
  .lc-reseller-price-card .card-body{padding:20px!important}
  .reseller-spec-row{grid-template-columns:minmax(0,1fr) minmax(96px,44%)!important;font-size:.9rem!important;padding:14px 0!important}
  .reseller-spec-row strong{display:block!important;visibility:visible!important;opacity:1!important;color:#25344d!important;white-space:normal!important}
}

/* V8: dedicated website checkout page */
#payment-website.service-checkout-section.active{display:block!important}
#payment-website .checkout-card{border-radius:20px!important}
@media(max-width:575.98px){
  #payment-website .page-title-box{padding-top:2px!important}
  #payment-website .row.g-2>.col-md-auto{width:100%!important}
  #payment-website #checkDomainBtnPage{width:100%!important;min-height:46px!important}
}


/* === V15 MANAGE CORE FALLBACK === */
/* Tiến List V13 — Client Service Control Center */
.tl-manage-shell{--tl-navy:#0f2a50;--tl-blue:#3478f6;--tl-line:#e4eaf2;--tl-muted:#7d8ba3;--tl-bg:#f5f7fb;--tl-card:#fff;padding-bottom:20px}
.tl-manage-hero{position:relative;overflow:hidden;border-radius:24px;padding:28px 30px;margin-bottom:18px;background:linear-gradient(135deg,#102a50 0%,#163b70 58%,#1d5a9c 100%);color:#fff;box-shadow:0 18px 44px rgba(15,42,80,.14)}
.tl-manage-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-170px;background:rgba(255,255,255,.08)}
.tl-manage-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.tl-manage-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#91c5ff;margin-bottom:8px}
.tl-manage-hero h1{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:0;color:#fff;font-weight:800;letter-spacing:-.035em}
.tl-manage-hero p{margin:9px 0 0;color:rgba(255,255,255,.7);font-size:14px;max-width:700px;line-height:1.65}
.tl-manage-hero-actions{display:flex;gap:9px;flex-wrap:wrap;flex:0 0 auto}
.tl-manage-hero .lc-btn-primary{background:#fff!important;color:#163b70!important;border-color:#fff!important;box-shadow:none!important}
.tl-manage-hero .lc-btn-secondary{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.tl-manage-switcher{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}
.tl-manage-switch{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid var(--tl-line);border-radius:16px;background:#fff;color:#42516a;text-decoration:none;box-shadow:0 4px 14px rgba(15,23,42,.025);transition:.18s ease}
.tl-manage-switch:hover{border-color:#bdd0f5;transform:translateY(-1px);color:#245bb8}
.tl-manage-switch.active{border-color:#bad0fb;background:#f5f8ff;color:#245bb8;box-shadow:0 8px 22px rgba(52,120,246,.08)}
.tl-manage-switch-icon{width:36px;height:36px;border-radius:11px;background:#f0f4fa;color:#667995;display:grid;place-items:center;flex:0 0 auto}
.tl-manage-switch.active .tl-manage-switch-icon{background:#e7efff;color:#3478f6}
.tl-manage-switch-label{font-size:13px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-manage-switch-count{margin-left:auto;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#f0f3f8;color:#8190a5;display:inline-grid;place-items:center;font-size:10px;font-weight:800}
.tl-manage-switch.active .tl-manage-switch-count{background:#3478f6;color:#fff}
.tl-manage-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.tl-manage-stat{position:relative;background:#fff;border:1px solid var(--tl-line);border-radius:18px;padding:17px 18px;min-height:112px;overflow:hidden}
.tl-manage-stat-icon{width:38px;height:38px;border-radius:12px;background:#eef4ff;color:#3478f6;display:grid;place-items:center;position:absolute;right:16px;top:16px}
.tl-manage-stat-label{font-size:12px;color:var(--tl-muted);font-weight:650;margin-bottom:5px}
.tl-manage-stat-value{font-size:25px;font-weight:800;color:#23334c;letter-spacing:-.035em;line-height:1.1}
.tl-manage-stat-help{font-size:11px;color:#a0aaba;margin-top:7px}
.tl-manage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--tl-line);border-radius:17px;background:#fff;margin:0 0 16px}
.tl-manage-search{position:relative;flex:1;max-width:430px}.tl-manage-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8b98ab}.tl-manage-search input{width:100%;height:42px;border:1px solid #dfe6ef;border-radius:12px;padding:0 14px 0 39px;outline:0;background:#fafbfd;color:#25344c;font-size:13px}.tl-manage-search input:focus{border-color:#9dbbf8;box-shadow:0 0 0 3px rgba(52,120,246,.08);background:#fff}
.tl-manage-filter{display:flex;align-items:center;gap:8px}.tl-manage-filter select{height:42px;border:1px solid #dfe6ef;border-radius:12px;padding:0 34px 0 12px;background:#fafbfd;color:#526179;font-size:12px;outline:0}.tl-manage-result{font-size:11px;color:#8e99aa;white-space:nowrap}
.tl-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tl-service-card{position:relative;background:#fff;border:1px solid var(--tl-line);border-radius:20px;padding:18px;box-shadow:0 8px 28px rgba(15,23,42,.035);transition:.18s ease;min-width:0}
.tl-service-card:hover{border-color:#cdd9ea;box-shadow:0 16px 38px rgba(15,23,42,.06);transform:translateY(-1px)}
.tl-service-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #edf1f6}
.tl-service-identity{display:flex;gap:12px;align-items:center;min-width:0}.tl-service-icon{width:46px;height:46px;border-radius:14px;background:#eef4ff;color:#3478f6;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.tl-service-title{font-size:16px;font-weight:800;color:#22324a;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-service-sub{font-size:12px;color:#8996a9;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-service-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#edf8f3;color:#16865d;white-space:nowrap}.tl-service-badge.warning{background:#fff7e8;color:#b67716}.tl-service-badge.danger{background:#fff0f1;color:#cf4a51}.tl-service-badge.muted{background:#f0f3f7;color:#7d8999}
.tl-service-kv{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:10px 0 3px}.tl-service-kv>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #e8edf4;min-width:0}.tl-service-kv span{font-size:11px;color:#8895a7}.tl-service-kv strong{font-size:12px;color:#2b3b53;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-service-kv code{font-size:11px;color:#405471;background:#f4f6f9;border-radius:6px;padding:2px 5px}
.tl-service-resource{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.tl-service-resource>div{padding:10px;border-radius:12px;background:#f7f9fc;border:1px solid #edf1f5;text-align:center}.tl-service-resource span,.tl-service-resource strong{display:block}.tl-service-resource span{font-size:10px;color:#8d99aa}.tl-service-resource strong{font-size:13px;color:#25364e;margin-top:3px}
.tl-service-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px}.tl-service-actions-main{display:flex;gap:7px;flex-wrap:wrap}.tl-service-id{font-size:10px;color:#a3adbb}
.tl-manage-empty{display:none;text-align:center;border:1px dashed #d9e2ee;border-radius:18px;padding:42px 20px;background:#fbfcfe;color:#8a97a9}.tl-manage-empty.show{display:block}.tl-manage-empty i{font-size:30px;color:#aeb9c8}.tl-manage-empty h3{font-size:16px;color:#34455e;margin:9px 0 4px}
.tl-server-strip{margin:0 0 16px;border:1px solid var(--tl-line);border-radius:17px;background:#fff;padding:12px}.tl-server-strip-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:11px;color:#8995a6}.tl-server-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.tl-server-pills::-webkit-scrollbar{display:none}.tl-server-pill{border:1px solid #e0e6ef;background:#fafbfd;color:#637189;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:700}.tl-server-pill.active{background:#163b70;color:#fff;border-color:#163b70}.tl-server-pill .dot{width:7px;height:7px;border-radius:50%;background:#2ec58d}.tl-server-pill b{font-size:9px;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:999px}.tl-server-pill.active b{background:rgba(255,255,255,.14)}
.tl-manage-panel{border:1px solid var(--tl-line);border-radius:20px;background:#fff;overflow:hidden}.tl-manage-panel-head{padding:17px 18px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;align-items:center;gap:12px}.tl-manage-panel-head h3{margin:0;font-size:15px;color:#26374f;font-weight:800}.tl-manage-panel-head p{margin:3px 0 0;font-size:11px;color:#929dad}
.tl-manage-table{width:100%;border-collapse:collapse}.tl-manage-table th{background:#f8fafc;color:#7b889a;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:750;text-align:left;padding:12px 15px;border-bottom:1px solid #e7ecf3}.tl-manage-table td{padding:14px 15px;border-bottom:1px solid #edf1f5;color:#45556d;font-size:12px}.tl-manage-table tr:last-child td{border-bottom:0}.tl-manage-table tbody tr:hover{background:#fbfcfe}
.tl-domain-card .tl-service-icon{background:#eef8ff;color:#3183bb}.tl-cron-card .tl-service-icon{background:#fff4e8;color:#d78323}.tl-website-card .tl-service-icon{background:#f0edff;color:#7663e8}.tl-reseller-card .tl-service-icon{background:#e9fbf7;color:#16a78c}.tl-source-card .tl-service-icon{background:#f3efff;color:#775ce0}
@media(max-width:1100px){.tl-manage-switcher{grid-template-columns:repeat(3,1fr)}.tl-manage-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.tl-manage-hero{padding:22px 18px;border-radius:20px}.tl-manage-hero-inner{align-items:stretch;flex-direction:column}.tl-manage-hero-actions{display:grid;grid-template-columns:1fr}.tl-manage-hero-actions .lc-btn{justify-content:center}.tl-manage-switcher{display:flex;overflow-x:auto;gap:8px;padding-bottom:2px;scrollbar-width:none}.tl-manage-switcher::-webkit-scrollbar{display:none}.tl-manage-switch{min-width:135px;padding:11px}.tl-manage-stats{grid-template-columns:1fr 1fr;gap:9px}.tl-manage-stat{min-height:98px;padding:14px}.tl-manage-stat-icon{width:34px;height:34px;right:12px;top:12px}.tl-manage-stat-value{font-size:22px}.tl-manage-toolbar{align-items:stretch;flex-direction:column}.tl-manage-search{max-width:none}.tl-manage-filter{display:grid;grid-template-columns:1fr auto}.tl-manage-filter select{width:100%}.tl-service-grid{grid-template-columns:1fr}.tl-service-kv{grid-template-columns:1fr}.tl-service-resource{grid-template-columns:repeat(3,1fr)}.tl-service-actions{align-items:flex-start;flex-direction:column}.tl-service-actions-main{width:100%}.tl-service-actions-main .lc-btn{flex:1;justify-content:center}.tl-server-strip{padding:10px}.tl-manage-panel{overflow:visible}.tl-manage-table,.tl-manage-table tbody,.tl-manage-table tr,.tl-manage-table td{display:block;width:100%}.tl-manage-table thead{display:none}.tl-manage-table tr{border-bottom:1px solid #e8edf4;padding:12px 15px}.tl-manage-table tr:last-child{border-bottom:0}.tl-manage-table td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:14px}.tl-manage-table td:before{content:attr(data-label);font-size:10px;color:#8d99aa;font-weight:700}.tl-manage-table td:first-child{display:block}}
@media(max-width:480px){.tl-manage-stats{grid-template-columns:1fr 1fr}.tl-service-resource{grid-template-columns:1fr 1fr}.tl-service-card{padding:15px}.tl-service-title{font-size:15px}.tl-service-actions-main{display:grid;grid-template-columns:1fr 1fr}.tl-service-actions-main .lc-btn:first-child:last-child{grid-column:1/-1}}


/* V15 management mobile hardening */
.tl-manage-shell{width:100%;min-width:0}
.tl-manage-shell *{box-sizing:border-box}
.tl-manage-shell .lc-container{width:100%!important;max-width:100%!important;min-width:0!important}
.tl-manage-shell [hidden]{display:none!important}
.tl-manage-shell .tl-service-card[hidden]{display:none!important}
.tl-manage-shell .tl-manage-switcher,.tl-manage-shell .tl-server-pills{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.tl-manage-shell .tl-service-title,.tl-manage-shell .tl-service-sub,.tl-manage-shell .tl-service-kv strong{min-width:0}
.tl-manage-shell .tl-service-kv strong{max-width:62%}
.tl-manage-shell .tl-service-actions-main .lc-btn{white-space:nowrap}
@media(max-width:767.98px){
  .tl-manage-shell{padding:0 0 24px!important}
  .tl-manage-shell .tl-manage-hero{margin:0 0 14px!important;border-radius:18px!important;padding:20px 16px!important}
  .tl-manage-shell .tl-manage-kicker{font-size:10px!important;margin-bottom:6px!important}
  .tl-manage-shell .tl-manage-hero h1{font-size:24px!important;line-height:1.18!important;letter-spacing:-.025em!important}
  .tl-manage-shell .tl-manage-hero p{font-size:13px!important;line-height:1.55!important;margin-top:7px!important}
  .tl-manage-shell .tl-manage-hero-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .tl-manage-shell .tl-manage-hero-actions .lc-btn{width:100%!important;min-height:44px!important}
  .tl-manage-shell .tl-manage-switcher{margin:0 -2px 14px!important;padding:2px 2px 6px!important;display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity}
  .tl-manage-shell .tl-manage-switch{min-width:142px!important;max-width:170px!important;padding:10px 11px!important;border-radius:14px!important;scroll-snap-align:start}
  .tl-manage-shell .tl-manage-switch-icon{width:34px!important;height:34px!important;border-radius:10px!important}
  .tl-manage-shell .tl-manage-switch-label{font-size:12px!important}
  .tl-manage-shell .tl-manage-switch-count{min-width:22px!important;height:22px!important;padding:0 6px!important}
  .tl-manage-shell .tl-manage-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}
  .tl-manage-shell .tl-manage-stat{min-height:106px!important;padding:14px!important;border-radius:16px!important}
  .tl-manage-shell .tl-manage-stat-icon{position:static!important;width:32px!important;height:32px!important;margin-bottom:10px!important;border-radius:10px!important}
  .tl-manage-shell .tl-manage-stat-label{font-size:11px!important;line-height:1.3!important}
  .tl-manage-shell .tl-manage-stat-value{font-size:21px!important;line-height:1.2!important}
  .tl-manage-shell .tl-manage-stat-help{font-size:10px!important;line-height:1.4!important;margin-top:5px!important}
  .tl-manage-shell .tl-manage-toolbar{padding:10px!important;border-radius:15px!important;margin-bottom:12px!important;gap:9px!important}
  .tl-manage-shell .tl-manage-search input,.tl-manage-shell .tl-manage-filter select{font-size:16px!important;min-height:44px!important;height:44px!important}
  .tl-manage-shell .tl-manage-filter{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  .tl-manage-shell .tl-manage-result{padding-right:3px!important}
  .tl-manage-shell .tl-server-strip{margin-bottom:12px!important;border-radius:15px!important}
  .tl-manage-shell .tl-server-strip-title span:last-child{display:none!important}
  .tl-manage-shell .tl-server-pill{min-height:38px!important;padding:8px 11px!important;font-size:11px!important}
  .tl-manage-shell .tl-service-grid{grid-template-columns:1fr!important;gap:11px!important}
  .tl-manage-shell .tl-service-card{padding:15px!important;border-radius:17px!important;box-shadow:0 8px 22px rgba(15,23,42,.035)!important}
  .tl-manage-shell .tl-service-card-head{padding-bottom:12px!important;gap:8px!important}
  .tl-manage-shell .tl-service-identity{gap:10px!important;min-width:0!important}
  .tl-manage-shell .tl-service-icon{width:42px!important;height:42px!important;border-radius:12px!important;font-size:18px!important}
  .tl-manage-shell .tl-service-title{font-size:15px!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .tl-manage-shell .tl-service-sub{font-size:11px!important;white-space:normal!important;line-height:1.45!important}
  .tl-manage-shell .tl-service-badge{padding:5px 8px!important;font-size:9px!important;flex:0 0 auto!important}
  .tl-manage-shell .tl-service-kv{grid-template-columns:1fr!important;gap:0!important;padding:8px 0 2px!important}
  .tl-manage-shell .tl-service-kv>div{padding:9px 0!important;align-items:flex-start!important}
  .tl-manage-shell .tl-service-kv span{font-size:11px!important;flex:0 0 38%!important}
  .tl-manage-shell .tl-service-kv strong{font-size:11px!important;max-width:60%!important;white-space:normal!important;word-break:break-word!important;text-align:right!important}
  .tl-manage-shell .tl-service-resource{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:11px 0!important}
  .tl-manage-shell .tl-service-actions{padding-top:12px!important;gap:8px!important}
  .tl-manage-shell .tl-service-actions-main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important}
  .tl-manage-shell .tl-service-actions-main .lc-btn{width:100%!important;min-width:0!important;min-height:40px!important;padding:.48rem .55rem!important;font-size:11px!important}
  .tl-manage-shell .tl-service-actions-main .lc-btn:first-child:last-child{grid-column:1/-1!important}
  .tl-manage-shell .tl-service-id{align-self:flex-end!important}
  .tl-manage-shell .tl-manage-panel{border-radius:17px!important;overflow:hidden!important}
  .tl-manage-shell .tl-manage-panel-head{padding:14px 15px!important}
  .tl-manage-shell .tl-manage-panel-head h3{font-size:14px!important}
  .tl-manage-shell .tl-manage-panel-head p{font-size:10px!important}
  .tl-manage-shell .tl-manage-table tr{padding:12px 14px!important}
  .tl-manage-shell .tl-manage-table td{font-size:11px!important;align-items:flex-start!important}
  .tl-manage-shell .tl-manage-empty{padding:32px 15px!important;border-radius:16px!important}
  .tl-manage-shell .d-flex.gap-3.align-items-start.mt-3{flex-direction:column!important}
  .tl-manage-shell .d-flex.gap-3.align-items-start.mt-3>img{width:100%!important;height:150px!important;object-fit:cover!important}
}
@media(max-width:390px){
  .tl-manage-shell .tl-manage-stats{grid-template-columns:1fr 1fr!important}
  .tl-manage-shell .tl-manage-switch{min-width:132px!important}
  .tl-manage-shell .tl-service-actions-main{grid-template-columns:1fr!important}
  .tl-manage-shell .tl-service-actions-main .lc-btn{grid-column:auto!important}
}

/* V15.4 global loading experience inspired by the supplied mobile reference */
#tl-global-loader{position:fixed;inset:0;z-index:30000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
#tl-global-loader.is-open{opacity:1;visibility:visible;pointer-events:auto}
.tl-global-loader-card{position:relative;width:min(430px,100%);overflow:hidden;text-align:center;background:#fff;color:#1e293b;border:1px solid rgba(226,232,240,.98);border-radius:24px;padding:30px 28px 24px;box-shadow:0 28px 80px rgba(15,23,42,.28);transform:translateY(10px) scale(.985);transition:transform .2s ease}
.tl-global-loader-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2563eb 0%,#6366f1 45%,#8b5cf6 75%,#14b8a6 100%)}
#tl-global-loader.is-open .tl-global-loader-card{transform:translateY(0) scale(1)}
.tl-global-loader-icon{width:76px;height:76px;margin:2px auto 18px;border-radius:24px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#eef4ff,#f5f3ff);color:#4f46e5;box-shadow:inset 0 0 0 1px rgba(99,102,241,.06)}
.tl-global-loader-icon.success{background:#ecfdf5;color:#0f9f75}.tl-global-loader-icon.error{background:#fff1f2;color:#ef5b5b}.tl-global-loader-icon.slow{background:#fff8e8;color:#d9901f}
.tl-global-spinner{width:38px;height:38px;border:4px solid rgba(99,102,241,.2);border-top-color:#4f46e5;border-right-color:#7c3aed;border-radius:50%;animation:tlGlobalSpin .72s linear infinite}
.tl-global-state-icon{display:none;font-size:34px}.tl-global-loader-icon.success .tl-global-spinner,.tl-global-loader-icon.error .tl-global-spinner,.tl-global-loader-icon.slow .tl-global-spinner{display:none}.tl-global-loader-icon.success .tl-global-state-icon,.tl-global-loader-icon.error .tl-global-state-icon,.tl-global-loader-icon.slow .tl-global-state-icon{display:block}
.tl-global-loader-title{font-size:20px;line-height:1.35;font-weight:850;letter-spacing:-.025em;color:#172033}
.tl-global-loader-text{margin:8px auto 0;max-width:350px;font-size:13px;line-height:1.65;color:#7b879b}
.tl-global-loader-hint{margin:13px auto 0;max-width:350px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e8edf5;color:#64748b;font-size:11.5px;line-height:1.55}
.tl-global-loader-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.tl-global-loader-btn{min-width:124px;min-height:44px;border:1px solid #dde5ef;border-radius:12px;background:#f8fafc;color:#334155;font-size:13px;font-weight:800;padding:0 16px;cursor:pointer}.tl-global-loader-btn.primary{border:0;background:linear-gradient(135deg,#2563eb,#6366f1 55%,#7c3aed);color:#fff;box-shadow:0 8px 22px rgba(79,70,229,.2)}.tl-global-loader-btn[hidden]{display:none!important}
.tl-global-loader-card[data-state="processing"] .tl-global-loader-actions{display:none}.tl-global-loader-card[data-state="slow"] .tl-global-loader-actions{display:flex}
html.tl-global-loading,html.tl-global-loading body{overflow:hidden!important}
@keyframes tlGlobalSpin{to{transform:rotate(360deg)}}
@media(max-width:575.98px){#tl-global-loader{padding:16px}.tl-global-loader-card{width:min(350px,100%);border-radius:22px;padding:26px 18px 20px}.tl-global-loader-icon{width:68px;height:68px;border-radius:21px;margin-bottom:15px}.tl-global-spinner{width:34px;height:34px}.tl-global-loader-title{font-size:18px}.tl-global-loader-text{font-size:12px;line-height:1.6;max-width:290px}.tl-global-loader-actions{display:grid;grid-template-columns:1fr;width:100%}.tl-global-loader-btn{width:100%}}

/* V18.12 — keep old smooth navigation loader; action loader remains card-based */
#tl-page-loader{position:fixed;inset:0;z-index:29990;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
#tl-page-loader.is-open{opacity:1;visibility:visible;pointer-events:auto}
.tl-page-loader-inner{text-align:center;color:#fff;max-width:330px;transform:translateY(8px);transition:transform .16s ease}
#tl-page-loader.is-open .tl-page-loader-inner{transform:translateY(0)}
.tl-page-spinner{display:block;width:58px;height:58px;margin:0 auto 16px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-right-color:#818cf8;border-radius:50%;animation:tlPageSpin .8s linear infinite}
.tl-page-loader-title{font-size:18px;line-height:1.3;font-weight:800;letter-spacing:-.02em;text-shadow:0 1px 1px rgba(0,0,0,.16)}
.tl-page-loader-text{margin-top:7px;font-size:12px;line-height:1.6;color:rgba(255,255,255,.76)}
@keyframes tlPageSpin{to{transform:rotate(360deg)}}
@media(max-width:575.98px){#tl-page-loader{padding:18px}.tl-page-spinner{width:52px;height:52px}.tl-page-loader-title{font-size:17px}.tl-page-loader-text{font-size:11.5px}}