.kpi-stats-container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem 2rem;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.kpi-stats-container.visible{opacity:1;transform:translateY(0)}.kpi-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%}.kpi-card{background:rgba(26,26,26,.8);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;animation:slideUpFadeIn .8s ease-out;animation-fill-mode:both}.kpi-card:first-child{border-color:#ed6a5e;animation-delay:.1s}.kpi-card:nth-child(2){border-color:#71afb5;animation-delay:.2s}.kpi-card:nth-child(3){border-color:#043740;animation-delay:.3s}.kpi-card:nth-child(4){border-color:#fff;animation-delay:.4s}.kpi-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 35px rgba(0,0,0,.4);border-color:var(--kpi-color)}.kpi-card:hover .kpi-icon{transform:scale(1.2) rotate(5deg);filter:brightness(1.2)}.kpi-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;position:relative}.kpi-icon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--kpi-color),transparent,var(--kpi-color));border-radius:18px;opacity:0;transition:opacity .3s ease;z-index:-1}.kpi-card:hover .kpi-icon:before{opacity:.3}.kpi-content{display:flex;flex-direction:column;gap:.5rem}.kpi-value{font-size:2.5rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.kpi-label{font-size:1.1rem;font-weight:600;color:#ed6a5e;margin-bottom:.25rem}.kpi-description{font-size:.9rem;color:#9ca3af;line-height:1.4}.kpi-card-skeleton{animation:pulse 1.5s ease-in-out infinite}.kpi-icon-skeleton{width:80px;height:80px;border-radius:16px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin:0 auto 1.5rem}.kpi-value-skeleton{width:60%;height:2.5rem;margin:0 auto .5rem}.kpi-label-skeleton,.kpi-value-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.kpi-label-skeleton{width:80%;height:1.1rem;margin:0 auto .25rem}.kpi-description-skeleton{width:90%;height:.9rem;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin:0 auto}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1200px){.kpi-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.kpi-card{padding:1.5rem}.kpi-value{font-size:2rem}}@media (max-width:768px){.kpi-stats-container{padding:1.5rem 1rem}.kpi-stats-grid{grid-template-columns:1fr;gap:1rem}.kpi-card{padding:1.5rem}.kpi-icon{width:60px;height:60px;margin-bottom:1rem}.kpi-value{font-size:1.8rem}.kpi-label{font-size:1rem}.kpi-description{font-size:.85rem}}@media (max-width:480px){.kpi-stats-container{padding:1rem .5rem}.kpi-card{padding:1rem}.kpi-icon{width:50px;height:50px}.kpi-value{font-size:1.5rem}}