@media(max-width:767px){
:root{--nl-header-height:54px}
.main-header{height:54px!important;min-height:54px!important;background:#3889b6!important}
.main-header>.logo{position:absolute!important;left:50%;top:0;transform:translateX(-50%);width:112px!important;height:54px!important;padding:7px 4px!important;line-height:40px!important;background:transparent!important;z-index:2}
.main-header .logo-lg{display:block!important}.main-header .logo-mini{display:none!important}
.main-header .logo img{max-height:34px!important;height:34px!important;width:auto!important;max-width:104px!important}
.main-header>.navbar{margin:0!important;min-height:54px!important;height:54px!important;width:100%;background:transparent!important}
.main-header .sidebar-toggle{height:54px!important;width:112px!important;position:relative;z-index:3}
.main-header .navbar-custom-menu{position:relative;z-index:4;float:right!important}
.nl-guest-tools>ul{display:none!important}.nl-guest-tools .nl-gear{display:flex}
.nl-gear{width:48px;height:54px;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;cursor:pointer}
.nl-gear svg{transition:transform .2s ease}.nl-gear[aria-expanded=true] svg{transform:rotate(45deg)}
.nl-account-popover:not([hidden]){display:block;position:absolute;top:58px;right:8px;min-width:172px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px;box-shadow:0 10px 28px #0f172a26}
.nl-account-popover a{display:block;padding:11px 14px;color:#334155!important;background:transparent!important;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500}
.nl-account-popover a:hover,.nl-account-popover a:focus{background:#eef5ff!important;color:#1762df!important}
.main-sidebar{transition:transform .22s ease!important}.content-wrapper,.main-footer{transition:none!important}
}
@media(min-width:768px){.nl-gear,.nl-account-popover{display:none!important}}
.nl-public-home{font-weight:400!important}.nl-public-home p,.nl-public-home input,.nl-public-home label,.nl-public-home li{font-weight:400!important}.nl-public-home h1,.nl-public-home h2,.nl-public-home h3,.nl-public-home strong,.nl-public-home b,.nl-public-home .btn,.nl-public-home button,.nl-public-home a{font-weight:600!important}
@media(prefers-reduced-motion:reduce){.nl-gear svg,.main-sidebar{transition:none!important}}

@media(max-width:767px){
.main-header .sidebar-toggle,.main-header .sidebar-toggle:hover,.main-header .sidebar-toggle:focus,.main-header .sidebar-toggle:active{background:transparent!important;box-shadow:none!important;width:104px!important;justify-content:flex-start;gap:5px;padding:0 9px!important;font-weight:400!important}
.main-header .sidebar-toggle .nl-menu-icon{width:15px!important;height:15px!important}
.main-header .nl-menu-label{font-size:15px!important;font-weight:400!important;width:70px}
.nl-gear{width:50px;padding:0;color:#f8f9fa}.nl-gear .fa{font-family:FontAwesome!important;font-size:15px!important;font-weight:400!important;font-style:normal}.nl-gear .fa::before{font-family:FontAwesome!important}
.nl-account-popover:not([hidden]){top:55px;right:2px;border-radius:3px;min-width:170px;padding:5px 0;box-shadow:0 3px 10px #0002}
.nl-account-popover a{font-weight:400!important;font-size:15px;padding:9px 18px;border-radius:0}
}

@media(max-width:767px){
.nl-account-popover:not([hidden]){width:280px;min-width:0;max-width:calc(100vw - 16px);padding:0;top:54px;right:2px;border-radius:3px;background:#fff;box-shadow:0 6px 12px #0003}
.nl-account-popover::before{content:"";position:absolute;right:16px;top:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}
.nl-guest-profile{height:175px;padding:10px;text-align:center;color:#343a40;font-family:Arial,sans-serif}
.nl-guest-profile img{width:90px;height:90px;border:3px solid #ffffff33;border-radius:50%;object-fit:cover}
.nl-guest-profile p{margin:10px 0 0;font-size:17px;font-weight:400!important;line-height:1.5}
.nl-guest-profile small{display:block;font-size:12px;line-height:1.5}
.nl-guest-footer{display:flex;justify-content:space-between;padding:10px;background:#f8f9fa;border-radius:0 0 3px 3px}
.nl-account-popover .nl-guest-footer a{padding:7px 12px;border:1px solid #ddd;background:#f8f9fa!important;color:#6c757d!important;font-size:14px;line-height:1.5;font-weight:400!important;border-radius:0}
}

.main-sidebar:has(.nl-sidebar-guest,.nl-sidebar-member){background:#343a40!important}.main-sidebar:has(.nl-sidebar-guest,.nl-sidebar-member) .sidebar-form{display:none!important}
.main-sidebar:has(.nl-sidebar-guest,.nl-sidebar-member) .sidebar-menu{margin:0;padding:0}
.nl-sidebar-guest,.nl-sidebar-member{padding:0!important;white-space:normal!important;color:#fff;list-style:none}
.nl-guest-summary{display:flex;gap:5px;background:#2e2e2e;padding:20px 8px 17px;align-items:center;box-sizing:border-box}
.nl-guest-summary img{flex:none;width:74px;height:74px;border:1px solid #b6dd91;object-fit:cover}
.nl-guest-summary>div{flex:1;min-width:0}.nl-guest-summary strong{display:block;font-size:15px;font-weight:500!important;line-height:22px;white-space:nowrap;color:#fff}
.nl-guest-tier{display:block;text-align:center;background:#17a2a6;border-radius:3px;font-size:12px;line-height:18px;font-weight:600;margin:2px 0 5px;color:#fff}
.nl-guest-summary small{display:block;font-size:12px;line-height:14px}.nl-guest-balance{color:#ffec00}.nl-guest-total{color:#ff8b32}
.nl-sidebar-auth{display:flex;gap:10px;justify-content:center;padding:17px 8px 8px}.nl-sidebar-auth a{display:block!important;border:0!important;border-radius:3px;padding:3px 15px!important;background:#ff575d!important;color:#fff!important;font-size:12px;font-weight:600!important;line-height:18px}.nl-sidebar-auth a+a{background:#007bff!important}
.nl-sidebar-price{display:flex!important;align-items:center;gap:10px;padding:8px 26px 18px!important;color:#bfc4ca!important;background:transparent!important;font-size:14px;font-weight:400!important}
.main-sidebar:has(.nl-sidebar-guest,.nl-sidebar-member) .sidebar-menu>.header{background:transparent!important;color:#c2c7d0!important;padding:16px 18px 10px;font-size:12px}
.main-sidebar:has(.nl-sidebar-guest,.nl-sidebar-member) .sidebar-menu>.treeview>a{background:transparent;color:#c2c7d0!important;padding:12px 24px!important;font-size:14px;font-weight:400!important}
@media(max-width:767px){.main-header{background:linear-gradient(105deg,#3c087e,#20095c 42%,#17a2a6)!important}.main-sidebar:has(.nl-sidebar-guest,.nl-sidebar-member){width:250px!important;top:0!important;height:100dvh!important;z-index:1040!important;transform:translateX(-250px)!important}.sidebar-open .main-sidebar:has(.nl-sidebar-guest,.nl-sidebar-member){transform:translateX(0)!important}}

/* Fit guest identity in both the 230px desktop rail and 250px mobile drawer. */
.nl-guest-summary strong{white-space:normal!important;overflow-wrap:break-word;line-height:20px;font-size:14px}
.nl-guest-summary>div{min-width:0;max-width:100%}.nl-guest-summary{gap:7px}
.nl-guest-summary img{width:64px;height:64px;flex:0 0 64px}

.nl-member-topup{padding:0 9px 20px;background:#2e2e2e}.nl-member-topup a{display:block!important;padding:9px 12px!important;border-radius:4px;text-align:center;background:#17a2a6!important;color:#fff!important;font-size:14px!important;font-weight:600!important;letter-spacing:1px}
.nl-sidebar-member .nl-guest-summary{padding-bottom:12px}.nl-sidebar-member .nl-guest-summary strong{overflow-wrap:anywhere}
.main-sidebar:has(.nl-sidebar-member) .sidebar-menu>.treeview>a{padding-top:10px!important;padding-bottom:10px!important}

@media(max-width:767px){.main-header .nl-guest-tools>ul{display:none!important}.nl-member-popover .nl-guest-footer{display:block;padding:6px;background:#fff}.nl-member-popover .nl-guest-footer a{display:block;margin:0;border:0;padding:11px 12px;background:#fff!important;text-align:left}.nl-member-popover:not([hidden]){width:220px}}