.container{padding:40px 20px}h1{margin-bottom:24px;color:#1f2937}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-bar button{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:20px;cursor:pointer;font-size:.9rem}.filter-bar button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.ranking-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px;border-bottom:1px solid #f3f4f6}th{background:#f9fafb;font-weight:600;color:#4b5563}.rank{font-weight:700;color:#9ca3af;width:60px}.name{font-weight:600;color:#2563eb}.level{font-weight:700;color:#059669}