@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-main:#f8fafc;--bg-surface:#fff;--bg-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--positive:#10b981;--positive-bg:#d1fae5;--negative:#ef4444;--negative-bg:#fee2e2;--header-height:60px}.dark{--bg-main:#000;--bg-surface:#121212;--bg-hover:#1e1e1e;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-color:#2a2a2a;--positive:#10b981;--positive-bg:#10b98133;--negative:#ef4444;--negative-bg:#ef444433;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-logo-light{display:block}.theme-logo-dark,.dark .theme-logo-light{display:none}.dark .theme-logo-dark{display:block}.footer-logo{transition:filter .2s}.dark .footer-logo{filter:invert()hue-rotate(180deg)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.container{max-width:100%;margin:0 auto;padding:2rem 2rem 4rem}.header{margin-bottom:2rem}.title{color:var(--text-main);font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.dashboard-wrapper{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.controls-bar{border-bottom:1px solid var(--border-color);background:var(--bg-surface);justify-content:space-between;padding:1rem 1.5rem;display:flex}.search-box{width:300px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-main);border-radius:6px;outline:none;padding:.5rem 1rem .5rem 2.5rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-btn{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.filter-btn:hover{background:var(--bg-hover)}.table-wrapper{width:100%;max-height:calc(100vh - 200px);overflow:auto}.data-table{text-align:left;width:max-content;min-width:100%;display:block}thead,tbody{display:block}tr{border-bottom:1px solid var(--border-color);background:var(--bg-surface);width:100%;display:flex}th{background-color:var(--bg-hover);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-top:1px solid var(--border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:10;box-sizing:border-box;flex-shrink:0;align-items:center;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:flex;position:sticky;top:0}.header-content{align-items:center;gap:.25rem;width:100%;display:flex}.header-with-icon{align-items:center;gap:.35rem;display:flex}.cursor-pointer{cursor:pointer}.cursor-pointer:hover{color:var(--text-main)}.sort-icon{opacity:.3}.sort-icon.active{opacity:1;color:var(--text-main)}td{background:var(--bg-surface);box-sizing:border-box;flex-shrink:0;align-items:center;padding:.5rem 1rem;font-size:.875rem;display:flex;overflow:hidden}tr:hover,tr:hover td{background-color:var(--bg-hover)}.sticky-col{z-index:20;position:sticky}th.sticky-col{z-index:30}th.sticky-col:nth-child(2),td.sticky-col:nth-child(2){box-shadow:4px 0 8px -4px #0000001a}.cell-rank{color:var(--text-muted);text-align:center;font-weight:600}.cell-data{flex-direction:column;justify-content:center;display:flex}.main-number{font-variant-numeric:tabular-nums;color:var(--text-main);font-weight:600}.trend-indicator{align-items:center;gap:.15rem;margin-top:.1rem;font-size:.7rem;font-weight:600;display:flex}.trend-indicator.positive{color:var(--positive)}.trend-indicator.negative{color:var(--negative)}.artist-cell{align-items:center;gap:.75rem;display:flex}.artist-avatar,.artist-avatar-placeholder{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;width:40px;height:40px}.artist-avatar-placeholder{background:var(--bg-hover)}.artist-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.artist-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.artist-meta{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.country-badge{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-muted);border-radius:4px;padding:.1rem .3rem;font-weight:500}.artist-genre{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:768px){.sticky-col,th.sticky-col,td.sticky-col{box-shadow:none!important;position:static!important}}