.analytics-container{max-width:1400px;margin:0 auto;padding:2rem;color:#e0e0e0}.analytics-header{background:linear-gradient(135deg,#1a2e46f2,#0f1923f2);padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid rgba(0,255,170,.2);text-align:center}.analytics-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff;text-transform:uppercase;letter-spacing:2px}.analytics-header .highlight{color:#0fa;text-shadow:0 0 10px rgba(0,255,170,.5)}.analytics-header p{color:#a0a0a0;font-size:1rem;margin:0}.analytics-section{background:linear-gradient(135deg,#1a2e46cc,#0f1923cc);border:1px solid rgba(0,255,170,.2);border-radius:8px;padding:2rem;margin-bottom:2rem}.analytics-section h2{color:#0fa;font-size:1.5rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid rgba(0,255,170,.2);padding-bottom:1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:#0f192399;border:1px solid rgba(0,255,170,.15);border-radius:6px;padding:1.5rem;text-align:center}.stat-label{color:#a0a0a0;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#0fa;margin-bottom:.5rem}.stat-sublabel{color:#888;font-size:.8rem}.engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.engagement-card{background:#0f192399;border:1px solid rgba(0,255,170,.15);border-radius:6px;padding:1.5rem;text-align:center}.engagement-label{color:#a0a0a0;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.engagement-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.engagement-desc{color:#888;font-size:.8rem}.challenge-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.stats-subsection h3{color:#0fa;font-size:1.1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.category-stats{display:flex;flex-direction:column;gap:.75rem}.category-item{background:#0f192366;border:1px solid rgba(0,255,170,.1);padding:.75rem 1rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.category-name{color:#fff;font-weight:600;text-transform:capitalize}.category-count,.category-solved{color:#a0a0a0;font-size:.85rem}.challenge-list{display:flex;flex-direction:column;gap:.75rem}.challenge-item{background:#0f192366;border:1px solid rgba(0,255,170,.1);padding:.75rem 1rem;border-radius:4px;display:flex;align-items:center;gap:1rem}.challenge-rank{color:#0fa;font-weight:600;min-width:40px}.challenge-name{flex:1;color:#fff}.challenge-solves{color:#a0a0a0;font-size:.85rem}.traffic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.traffic-card{background:#0f192399;border:1px solid rgba(0,255,170,.15);border-radius:6px;padding:1.5rem;text-align:center}.traffic-label{color:#a0a0a0;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.traffic-value{font-size:2rem;font-weight:700;color:#0fa;margin-bottom:.5rem}.traffic-desc{color:#888;font-size:.8rem}.scoreboard-table{background:#0f192366;border:1px solid rgba(0,255,170,.15);border-radius:6px;overflow:hidden}.table-header{display:grid;grid-template-columns:60px 1fr 150px 150px;background:#00ffaa0d;border-bottom:1px solid rgba(0,255,170,.15);padding:1rem;font-weight:600;color:#0fa;text-transform:uppercase;font-size:.85rem}.table-row{display:grid;grid-template-columns:60px 1fr 150px 150px;padding:1rem;border-bottom:1px solid rgba(0,255,170,.05);align-items:center;transition:all .2s ease}.table-row:hover{background:#00ffaa0d}.col-rank{color:#0fa;font-weight:600}.col-username{color:#fff;font-weight:500}.col-points,.col-challenges{color:#d0d0d0;text-align:center}.loading{text-align:center;padding:4rem 2rem;color:#0fa;font-size:1.1rem}.error-message{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#ff6b6b;padding:2rem;border-radius:8px;text-align:center}@media (max-width: 768px){.analytics-container{padding:1rem}.analytics-header h1{font-size:1.8rem}.cards-grid,.engagement-grid,.traffic-grid,.challenge-stats{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:40px 1fr 80px 80px;font-size:.8rem}.challenge-item{flex-direction:column;align-items:flex-start}}
