/* PATCH 5.1.5 - Premium UX & Final Polish */

.u64-premium-card{
  position:relative;
  overflow:hidden;
  transition:all .3s ease;
}

.u64-premium-card:hover{
  transform:translateY(-5px);
}

.u64-skeleton{
  position:relative;
  overflow:hidden;
  background:#f3f4f6;
  border-radius:12px;
}

.u64-skeleton::after{
  content:"";
  position:absolute;
  top:0;
  left:-150%;
  width:120%;
  height:100%;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.6),
    rgba(255,255,255,0)
  );
  animation:u64Shimmer 1.5s infinite;
}

@keyframes u64Shimmer{
  100%{
    left:150%;
  }
}

.u64-empty-state{
  text-align:center;
  padding:50px 20px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 4px 20px rgba(0,0,0,.04);
}

.u64-empty-state-icon{
  font-size:50px;
  margin-bottom:15px;
  opacity:.6;
}

.u64-hover-depth{
  transition:all .25s ease;
}

.u64-hover-depth:hover{
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

@media(max-width:768px){

  .u64-empty-state{
    padding:35px 15px;
  }

}