.stats-page{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh}.stats-hero{background:linear-gradient(135deg,#e91e63,#2196f3);border-radius:0 0 30px 30px;margin-bottom:3rem;overflow:hidden;padding:4rem 0;position:relative}.stats-hero-bg{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' stroke='rgba(255,255,255,0.1)' d='M10 0H0v10'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.stats-hero-content{position:relative;text-align:center;z-index:2}.stats-title{align-items:center;display:flex;flex-direction:column;font-size:3.5rem;font-weight:800;gap:.5rem;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.stats-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:4rem}.stats-subtitle{font-size:1.2rem;font-weight:400;opacity:.9}.stats-hero-metrics{display:flex;gap:3rem;justify-content:center;margin-top:2rem}.hero-metric{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:1.5rem;text-align:center;transition:all .3s ease}.hero-metric:hover{box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(-5px)}.metric-value{color:gold;font-size:2.5rem;font-weight:800;text-shadow:0 2px 10px rgba(255,215,0,.3)}.metric-label{font-size:.9rem;margin-top:.5rem;opacity:.8}.analytics-dashboard{margin-bottom:4rem}.dashboard-grid{display:grid;gap:2rem;grid-template-areas:"primary secondary" "metrics metrics" "wide wide" "timeline timeline";grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto}.chart-primary{grid-area:primary}.chart-secondary{grid-area:secondary}.metric-cards{grid-area:metrics}.chart-wide{grid-area:wide}.chart-timeline{grid-area:timeline}.chart-container{background:linear-gradient(135deg,#1e1e2f,#2d2d44);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 10px 30px rgba(233,30,99,.1),0 1px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:2rem;position:relative}.chart-container:before{background:linear-gradient(90deg,#e91e63,#2196f3,gold);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h2{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.chart-controls{display:flex;gap:.5rem}.chart-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.chart-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.chart-btn.active{background:#e91e63;border-color:#e91e63;box-shadow:0 4px 15px rgba(233,30,99,.3)}.chart-wrapper{height:300px;position:relative}.metric-cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:linear-gradient(135deg,#2d2d44,#1e1e2f);border:1px solid hsla(0,0%,100%,.1);border-radius:18px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.metric-card:before{background:linear-gradient(45deg,transparent,rgba(233,30,99,.1),transparent);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s ease;width:200%}.metric-card:hover:before{animation:shine 1s ease-in-out}.metric-card:hover{box-shadow:0 15px 40px rgba(233,30,99,.2);transform:translateY(-5px)}.metric-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.5rem;margin-bottom:1rem}.metric-number{color:gold;font-size:2.2rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(255,215,0,.3)}.metric-text{color:#fff;font-size:1rem;opacity:.8}.stats-leaders{margin-top:4rem}.section-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:#fff;font-size:2.2rem;font-weight:700;margin:0}.leader-filters{display:flex;gap:.5rem}.filter-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;padding:.7rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.filter-btn.active{background:#e91e63;border-color:#e91e63;box-shadow:0 4px 15px rgba(233,30,99,.3)}.leaders-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.leader-card{background:linear-gradient(135deg,#2d2d44,#1e1e2f);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.leader-card:before{background:linear-gradient(90deg,#e91e63,#2196f3,gold);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.leader-card:hover{box-shadow:0 20px 50px rgba(233,30,99,.2),0 10px 30px rgba(0,0,0,.3);transform:translateY(-10px) scale(1.02)}.leader-rank{align-items:center;display:flex;gap:.5rem;position:absolute;right:1rem;top:1rem}.rank-number{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem}.rank-medal{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.rank-medal.gold{color:gold}.rank-medal.silver{color:silver}.rank-medal.bronze{color:#cd7f32}.leader-link{align-items:center;color:inherit;display:flex;gap:1.5rem;text-decoration:none}.leader-photo-container{flex-shrink:0;position:relative}.leader-photo{border:3px solid hsla(0,0%,100%,.2);border-radius:20px;height:100px;object-fit:cover;transition:all .3s ease;width:100px}.photo-overlay{align-items:center;background:linear-gradient(135deg,rgba(233,30,99,.8),rgba(33,150,243,.8));border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.leader-photo-container:hover .photo-overlay{opacity:1}.view-profile{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.leader-info{flex:1}.leader-name{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.leader-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:.9rem;gap:.5rem}.detail-icon{font-size:1rem;text-align:center;width:20px}.leader-stats{display:flex;gap:1.5rem}.stat-item{text-align:center}.stat-value{color:gold;display:block;font-size:1.5rem;font-weight:700;text-shadow:0 2px 8px rgba(255,215,0,.3)}.stat-item.primary .stat-value{color:#e91e63;font-size:2rem;text-shadow:0 2px 8px rgba(233,30,99,.3)}.stat-label{color:hsla(0,0%,100%,.6);font-size:.8rem;margin-top:.2rem}@keyframes shine{0%{opacity:0;transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.metric-card:first-child{animation:float 6s ease-in-out infinite}.metric-card:nth-child(2){animation:float 6s ease-in-out 2s infinite}.metric-card:nth-child(3){animation:float 6s ease-in-out 4s infinite}.leader-card:hover .leader-photo{border-color:#e91e63;box-shadow:0 0 20px rgba(233,30,99,.4);transform:scale(1.1)}@media (max-width:1200px){.dashboard-grid{grid-template-areas:"primary" "secondary" "metrics" "wide" "timeline";grid-template-columns:1fr}.stats-hero-metrics{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-title{font-size:2.5rem}.stats-hero-metrics{flex-direction:column;gap:1rem}.hero-metric{padding:1rem}.metric-value{font-size:2rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.leader-filters{flex-wrap:wrap;justify-content:center;width:100%}.leaders-grid{grid-template-columns:1fr}.leader-link{flex-direction:column;text-align:center}.leader-photo{height:120px;width:120px}.leader-stats{justify-content:center}.chart-container{padding:1.5rem}.chart-wrapper{height:250px}}@media (max-width:480px){.stats-title{font-size:2rem}.stats-icon{font-size:3rem}.metric-cards{grid-template-columns:1fr}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-controls,.leader-filters{justify-content:center;width:100%}.chart-btn,.filter-btn{flex:1;text-align:center}}.chart-wrapper.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:#e91e63;border-radius:50%;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e91e63,#2196f3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c2185b,#1976d2)}.chart-btn:focus,.filter-btn:focus{outline:2px solid #e91e63;outline-offset:2px}@media (prefers-contrast:high){.chart-container,.leader-card,.metric-card{border:2px solid #fff}.stats-hero{background:#000;color:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.stats-page{background:#fff!important;color:#000!important}.chart-container,.leader-card,.metric-card{background:#fff!important;border:1px solid #000!important;box-shadow:none!important}.chart-controls,.leader-filters{display:none!important}}