.page-header{background:var(--gradient);padding:6rem 0 4rem;color:white;position:relative;overflow:hidden}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.page-subtitle{font-size:1.125rem;opacity:0.9;max-width:600px}.stats-overview{margin-top:-3rem;margin-bottom:3rem;position:relative;z-index:10}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{background:white;padding:2rem;border-radius:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);text-align:center;transition:transform 0.3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{width:56px;height:56px;margin:0 auto 1rem;background:var(--primary);border-radius:0.75rem;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.stat-value{font-size:2.5rem;font-weight:700;color:var(--dark);margin-bottom:0.5rem;line-height:1}.stat-label{color:var(--secondary);font-size:0.875rem;font-weight:500}.rankings-section{padding:3rem 0}.rankings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.ranking-card{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);overflow:hidden;border:1px solid var(--gray)}.ranking-card .card-header{padding:1.25rem 1.5rem;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem}.ranking-card .header-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600}.ranking-card .header-title i{color:var(--primary)}.ranking-card .header-actions{display:flex;align-items:center;gap:.75rem}.ranking-card .update-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--success)}.ranking-card .btn-export{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.35rem .75rem;border-radius:.5rem}.ranking-header{padding:1.5rem;background:var(--dark);color:white;display:flex;align-items:center;justify-content:space-between}.ranking-title{display:flex;align-items:center;gap:0.75rem;font-size:1.25rem;font-weight:600}.ranking-title i{color:var(--primary)}.ranking-content{padding:1.5rem}.ranking-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid var(--gray);transition:transform 0.2s ease}.ranking-item:hover{transform:translateX(5px);background:#f8fafc}.ranking-item:last-child{border-bottom:none}.rank-position{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;color:var(--dark)}.rank-info{flex:1;margin:0 1rem}.rank-name{font-weight:600;color:var(--dark);margin-bottom:0.25rem}.rank-meta{font-size:0.875rem;color:var(--secondary)}.rank-progress{width:100%;height:6px;background:var(--gray);border-radius:3px;overflow:hidden;margin-top:0.5rem}.progress-bar{height:100%;background:var(--primary);border-radius:3px;transition:width 1s ease}.rank-value{min-width:100px;text-align:right;font-weight:600;color:var(--primary)}.ranking-item.top-3{background:#f8fafc;border-left:4px solid;margin:0.5rem 0;border-radius:0.5rem}.ranking-item.top-3:nth-child(1){border-left-color:#fbbf24}.ranking-item.top-3:nth-child(2){border-left-color:#94a3b8}.ranking-item.top-3:nth-child(3){border-left-color:#d97706}.trophy-icon{font-size:1.25rem}.trophy-1{color:#fbbf24}.trophy-2{color:#94a3b8}.trophy-3{color:#d97706}.map-section{padding:3rem 0;background:#f8fafc}.map-container{background:white;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}.map-title{font-size:1.5rem;font-weight:600;margin-bottom:2rem;color:var(--dark)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.rankings-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.ranking-item{flex-direction:column;text-align:center;gap:1rem}.rank-value{text-align:center}}@media (max-width:480px){.page-header{padding:4rem 0 3rem}.ranking-header{flex-direction:column;gap:1rem;text-align:center}}.insights-section{margin-top:3rem;padding:2rem 0}.insights-header{text-align:center;margin-bottom:2rem}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.insight-card{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);padding:1.5rem}.insight-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.insight-header i{font-size:1.5rem;color:var(--primary)}.insight-header h3{font-size:1.25rem;font-weight:600;color:var(--dark)}.chart-container{height:300px;position:relative}@media (max-width:768px){.insights-grid{grid-template-columns:1fr}.chart-container{height:250px}}