.pv-nomina .pv-nomina-head{
  min-height:98px;
  padding:18px 24px;
  margin-bottom:12px;
  border-radius:21px;
  box-shadow:0 12px 28px rgba(35,47,93,.07);
}
.pv-nomina .pv-nomina-head-icon{
  position:relative;
  width:58px;
  height:58px;
  border-radius:17px;
  background:linear-gradient(135deg,#18a8ed,#6c43e9 56%,#ce1eae);
  box-shadow:0 10px 19px rgba(105,62,219,.22);
}
.pv-nomina .pv-nomina-head-icon svg{width:32px!important;height:32px!important}
.pv-nomina .pv-nomina-head-icon b{
  position:absolute;
  right:-6px;
  bottom:-6px;
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border:2px solid #fff;
  border-radius:50%;
  background:linear-gradient(135deg,#f52087,#ff174c);
  box-shadow:0 4px 8px rgba(225,39,120,.22);
  font-size:12px;
  line-height:1;
}
.pv-nomina .pv-nomina-head h1{font-size:25px}
.pv-nomina .pv-nomina-head-title p{font-size:13px;margin-top:4px}
.pv-nomina .pv-nomina-month{height:41px}
.pv-nomina .pv-nomina-primary{
  min-height:44px;
  gap:9px;
  padding:0 19px;
  background:linear-gradient(105deg,#6d40e8,#b326b8 53%,#ff003f);
  box-shadow:0 9px 18px rgba(181,42,159,.18);
}
.pv-nomina .pv-nomina-primary svg{width:21px;height:21px;flex:none}
.pv-nomina .pv-nomina-primary:hover{filter:brightness(1.05)}
.pv-nomina .pv-nomina-primary:focus-visible,.pv-nomina .pv-nomina-month a:focus-visible{outline:3px solid #9b7cff;outline-offset:2px}
.pv-nomina .pv-nomina-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0;
  margin-bottom:12px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.pv-nomina .pv-nomina-stat{
  --nm-card-accent:#08a6ec;
  --nm-card-rgb:8,166,236;
  position:relative;
  min-height:136px;
  gap:0;
  padding:15px 19px 13px;
  overflow:hidden;
  border:1px solid rgba(104,68,223,.07);
  border-left:5px solid var(--nm-card-accent);
  border-radius:16px;
  background:radial-gradient(ellipse 95% 130% at 0% 0%,rgba(var(--nm-card-rgb),.12),transparent 72%),#fff;
  box-shadow:0 8px 22px rgba(26,35,58,.055);
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease;
}
.pv-nomina .pv-nomina-stat+.pv-nomina-stat{border-left:5px solid var(--nm-card-accent)}
.pv-nomina .pv-nomina-stat:nth-child(2){--nm-card-accent:#0aaa76;--nm-card-rgb:10,170,118}
.pv-nomina .pv-nomina-stat:nth-child(3){--nm-card-accent:#f32052;--nm-card-rgb:243,32,82}
.pv-nomina .pv-nomina-stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.pv-nomina .pv-nomina-stat small{font-size:10px;font-weight:850;letter-spacing:.05em;line-height:1.25}
.pv-nomina .pv-nomina-stat-tag{flex:none;padding:4px 7px;border-radius:7px;background:#dff0ff;color:#197fbd;font-size:10px;font-weight:800;line-height:1.15;white-space:nowrap}
.pv-nomina .pv-nomina-stat:nth-child(2) .pv-nomina-stat-tag{background:#d3f0e3;color:#048a68}
.pv-nomina .pv-nomina-stat:nth-child(3) .pv-nomina-stat-tag{background:#ffe0e7;color:#d92349}
.pv-nomina .pv-nomina-stat strong{margin-top:7px;font-size:clamp(20px,2vw,27px);line-height:1.14}
.pv-nomina .pv-nomina-stat strong em{font-size:12px}
.pv-nomina .pv-nomina-stat .is-due{color:#df2850}
.pv-nomina .pv-nomina-stat>span{margin-top:4px;font-size:11px;line-height:1.3}
.pv-nomina .pv-nomina-stat .pv-nomina-progress{
  flex:none;
  width:100%;
  height:6px;
  margin:9px 0 0;
  border-radius:8px;
  background:#cdeadd;
}
.pv-nomina .pv-nomina-stat .pv-nomina-progress span{background:#08a476}
.pv-nomina .pv-ns-nav{margin-top:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .pv-nomina .pv-nomina-stat:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 30px rgba(26,35,58,.1);
  }
  .pv-nomina .pv-nomina-stat:hover{border-top-color:rgba(var(--nm-card-rgb),.24);border-right-color:rgba(var(--nm-card-rgb),.24);border-bottom-color:rgba(var(--nm-card-rgb),.24)}
}
@media(prefers-reduced-motion:reduce){
  .pv-nomina .pv-nomina-stat{transition:none}
}
@media(max-width:1050px){
  .pv-nomina .pv-nomina-stat{padding:15px 16px}
  .pv-nomina .pv-nomina-stat small{font-size:9px}
}
@media(max-width:800px){
  .pv-nomina .pv-nomina-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv-nomina .pv-nomina-stat:nth-child(3){grid-column:1/-1}
}
@media(max-width:720px){
  .pv-nomina .pv-nomina-head{min-height:0;gap:14px;padding:18px}
  .pv-nomina .pv-nomina-head-actions{flex-wrap:wrap}
  .pv-nomina .pv-nomina-summary{padding:0;gap:10px}
  .pv-nomina .pv-nomina-stat{min-height:120px}
  .pv-nomina .pv-nomina-stat+.pv-nomina-stat{border-top:1px solid rgba(104,68,223,.07)}
}
@media(max-width:520px){
  .pv-nomina .pv-nomina-head-icon{width:50px;height:50px}
  .pv-nomina .pv-nomina-head-icon svg{width:28px!important;height:28px!important}
  .pv-nomina .pv-nomina-head h1{font-size:23px}
  .pv-nomina .pv-nomina-summary{grid-template-columns:1fr}
  .pv-nomina .pv-nomina-stat:nth-child(3){grid-column:auto}
  .pv-nomina .pv-nomina-stat{min-height:112px}
  .pv-nomina .pv-nomina-stat strong{font-size:25px}
  .pv-nomina .pv-nomina-head-actions>.pv-nomina-primary{width:auto;flex:1}
  .pv-nomina .pv-nomina-month{min-width:0;flex:1}
}