.ranking-page-container{min-height:calc(100vh - 60px);padding:40px 20px 60px;background-image:radial-gradient(circle at 10% 20%,rgba(143,67,255,.05) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,42,133,.03) 0,transparent 40%)}.ranking-content-wrapper{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.ranking-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md);margin-bottom:var(--space-sm)}.ranking-title-section h1{font-size:32px;font-weight:800;font-family:var(--font-heading);background:var(--gradient-heading);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs)}.ranking-subtitle{font-size:14px;color:var(--color-text-muted)}.ranking-controls{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.control-item{display:flex;flex-direction:column;gap:var(--space-xs)}.control-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.control-label,.week-select{font-family:var(--font-heading)}.week-select{background:rgba(255,255,255,.04);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:8px 14px;font-size:14px;font-weight:600;outline:none;cursor:pointer;transition:all var(--transition-fast);min-width:160px}.week-select:focus{border-color:var(--color-purple);box-shadow:0 0 10px rgba(143,67,255,.2);background:rgba(255,255,255,.08)}.week-select option{background:var(--color-bg-base);color:var(--color-text-primary)}.search-input-wrapper{position:relative;width:100%}.search-input-mock{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:8px 14px 8px 36px;font-size:14px;outline:none;transition:all var(--transition-fast)}.search-input-mock:focus{border-color:var(--color-purple);box-shadow:0 0 10px rgba(143,67,255,.2);background:rgba(255,255,255,.08)}.search-icon-mock{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:12px;pointer-events:none}.country-filter-mock{display:flex;gap:6px}.btn-filter-mock{background:rgba(255,255,255,.03);border:1px solid var(--color-border);color:var(--color-text-muted);padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-filter-mock:hover{background:rgba(255,255,255,.06);color:var(--color-text-primary)}.btn-filter-mock.active{background:var(--color-purple-dim);border-color:rgba(143,67,255,.5);color:var(--color-text-primary);box-shadow:0 0 8px rgba(143,67,255,.2)}.ranking-table-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{background:rgba(255,255,255,.015);border-bottom:1px solid var(--color-border);padding:16px 20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-disabled);font-family:var(--font-heading)}.ranking-table td{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.03);font-size:14px;vertical-align:middle}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tr:hover td{background:var(--color-bg-card-hover)}.col-change,.col-rank{width:70px;text-align:center}.col-song{min-width:280px}.col-views{width:140px;text-align:right;font-weight:700}.col-total-views{width:150px;text-align:right}.col-agency{width:150px;color:var(--color-text-muted)}.song-info-cell{display:flex;align-items:center;gap:var(--space-md)}.song-media{flex-shrink:0}.song-title-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.song-name{font-weight:700;color:var(--color-text-primary);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);font-family:var(--font-heading)}.song-name:hover{color:var(--color-purple)}.artist-name-txt{font-size:12px;color:var(--color-text-muted)}.views-value{color:var(--color-text-primary)}.total-views-value,.views-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-numeric)}.total-views-value{color:var(--color-text-secondary)}.agency-value{font-size:13px}.ranking-empty-state,.ranking-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--color-text-muted);font-size:14px;gap:var(--space-md)}